@layerfi/components 0.1.131-alpha → 0.1.131

package/dist/esm/index.mjs

@@ -20,7 +20,7 @@ import { FloatingPortal, autoUpdate, flip, offset, shift, useDismiss, useFloatin
 import { CalendarDate, ZonedDateTime, fromDate, getLocalTimeZone, parseDate, toCalendarDate, today } from "@internationalized/date";
 import { mergeRefs } from "react-merge-refs";
 import useResizeObserver from "@react-hook/resize-observer";
-import { AlertCircle, AlertTriangle, Archive, ArchiveRestore, ArrowRight, Briefcase, Car, Check, CheckCircle, CheckIcon, ChevronLeft, ChevronRight, Circle, CircleAlert, Clock, Clock3, CopyIcon, Edit, ExternalLink, FileDownIcon, FileSpreadsheet, FileText, HandCoins, Hourglass, Info, Layers2Icon, List, LoaderCircle, Lock, Menu as Menu$1, MenuIcon, Minus, PencilRuler, Play, Plus, RefreshCcw, RotateCcw, Save, Search, SearchX, Trash, Trash2, TriangleAlert, UploadCloud, UserRoundPen, Video, X, XCircle } from "lucide-react";
+import { AlertCircle, AlertTriangle, Archive, ArchiveRestore, ArrowRight, ArrowUpRight, Briefcase, Car, Check, CheckCircle, CheckIcon, ChevronLeft, ChevronRight, Circle, Clock, Clock3, CopyIcon, Edit, ExternalLink, FileDownIcon, FileSpreadsheet, FileText, HandCoins, Hourglass, Info, Layers2Icon, List, LoaderCircle, Lock, Menu as Menu$1, MenuIcon, Minus, PencilRuler, Play, Plus, RefreshCcw, RotateCcw, Save, Search, SearchX, Trash, Trash2, TriangleAlert, UploadCloud, UserRoundPen, Video, X, XCircle, XIcon } from "lucide-react";
 import { DurationFormat } from "@formatjs/intl-durationformat";
 import Select, { components } from "react-select";
 import CreatableSelect from "react-select/creatable";
@@ -216,7 +216,7 @@ var getIntlLocale = (locale) => {
 };
 var package_default = {
 	name: "@layerfi/components",
-	version: "0.1.131-alpha",
+	version: "0.1.131",
 	description: "Layer React Components",
 	main: "dist/cjs/index.cjs",
 	module: "dist/esm/index.mjs",
@@ -661,7 +661,7 @@ function _requestOAuthToken() {
 	return _requestOAuthToken.apply(this, arguments);
 }
 var AUTH_TAG_KEY = "#auth";
-function buildKey$90({ appId, appSecret, businessAccessToken, apiUrl, authUrl, scope }) {
+function buildKey$89({ appId, appSecret, businessAccessToken, apiUrl, authUrl, scope }) {
 	if (businessAccessToken) return {
 		apiUrl,
 		businessAccessToken,
@@ -684,7 +684,7 @@ var FALLBACK_REFRESH_MS = DEFAULT_EXPIRES_IN_SECONDS / 2 * 1e3;
 function useAuth() {
 	const { apiUrl, authUrl, scope } = useEnvironment();
 	const { appId, appSecret, businessAccessToken } = useAuthInput();
-	return useSWR(() => buildKey$90({
+	return useSWR(() => buildKey$89({
 		appId,
 		appSecret,
 		businessAccessToken,
@@ -732,7 +732,7 @@ var useLayerContext = () => {
 var BANK_ACCOUNTS_TAG_KEY = "#bank-accounts";
 var requiresNotification = (bankAccount) => bankAccount.is_disconnected && bankAccount.notify_when_disconnected;
 var listBankAccounts = get(({ businessId }) => `/v1/businesses/${businessId}/bank-accounts`);
-function buildKey$89({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$88({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -753,7 +753,7 @@ function useListBankAccounts() {
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	return new ListBankAccountsSWRResponse(useSWR(() => buildKey$89(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new ListBankAccountsSWRResponse(useSWR(() => buildKey$88(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId
 	})), ({ accessToken, apiUrl, businessId }) => listBankAccounts(apiUrl, accessToken, { params: { businessId } })().then(({ data }) => data)));
@@ -777,16 +777,20 @@ var bankTransactions_default$1 = {
 		"download_transactions": "Download transactions",
 		"manage_categorization_rules": "Manage categorization rules",
 		"mark_as_personal": "Mark as Personal",
+		"no_tax_code": "No tax code",
 		"or_find_match": "or find match",
 		"or_split_transaction": "or split transaction",
 		"recategorize_all": "Recategorize All",
 		"search_categories": "Search categories...",
+		"search_tax_codes": "Search tax codes...",
 		"select_a_category": "Select a category",
 		"select_a_match": "Select a match",
 		"select_category": "Select category",
+		"select_tax_code": "Select tax code",
 		"set_transaction_customer_vendor": "Set transaction customer or vendor",
 		"show_all_categories": "Show all categories",
 		"split_label": "Split",
+		"split_number_label": "Split #{{number}}",
 		"split_transaction": "Split transaction",
 		"uncategorize_all": "Uncategorize All",
 		"upload_receipt": "Upload receipt",
@@ -848,6 +852,7 @@ var bankTransactions_default$1 = {
 		"selected_counterparty": "this counterparty",
 		"suggested_category": "Suggested category",
 		"suggestions_uppercase": "SUGGESTIONS",
+		"tax_code": "Tax Code",
 		"this_will_confirm_count_transactions_one": "This will confirm {{displayCount}} transaction.",
 		"this_will_confirm_count_transactions_other": "This will confirm {{displayCount}} transactions.",
 		"to_review": "To Review",
@@ -1203,6 +1208,7 @@ var common_default$1 = {
 		"uncategorized": "Uncategorized",
 		"unsaved_changes_lost": "Any unsaved changes will be lost.",
 		"value": "Value",
+		"view_label": "View",
 		"yes": "Yes"
 	},
 	state: {
@@ -1662,6 +1668,7 @@ var mileageTracking_default$1 = {
 	},
 	label: {
 		"deduction_colon": "Deduction:",
+		"in_year": "In {{year}}",
 		"mileage_tracking": "Mileage Tracking",
 		"miles_colon": "Miles:",
 		"miles_month": "Miles this month",
@@ -1748,14 +1755,7 @@ var tags_default$1 = {
 		"select_dimension_name": "Select {{dimensionName}}",
 		"select_tags": "Select tags"
 	},
-	empty: { "matching_tags": "No matching tags found" },
-	error: { "load_tag_options": "An error occurred while loading tag options." },
-	label: {
-		"active_tags": "Active Tags",
-		"add_tag_to_transaction": "Add a tag to this transaction...",
-		"tag_label_archived": "{{label}} (Archived)",
-		"tags": "Tags"
-	}
+	label: { "tag_label_archived": "{{label}} (Archived)" }
 };
 var taxEstimates_default$1 = {
 	action: {
@@ -1764,8 +1764,12 @@ var taxEstimates_default$1 = {
 		"update_tax_profile": "Update tax profile"
 	},
 	banner: { "categorization_incomplete": {
-		"description_one": "You have {{count}} uncategorized transaction with {{amount}} in potential deductions to review.",
-		"description_other": "You have {{count}} uncategorized transactions with {{amount}} in potential deductions to review.",
+		"description_one": "In tax year {{year}}, you have {{count}} uncategorized transaction with potentially {{deductions}} in deductions and {{income}} in unrecognized income. Review and categorize your transactions for more accurate estimates.",
+		"description_other": "In tax year {{year}}, you have {{count}} uncategorized transactions with potentially {{deductions}} in deductions and {{income}} in unrecognized income. Review and categorize your transactions for more accurate estimates.",
+		"description_short_one": "You have {{count}} uncategorized transaction: {{deductions}} in deductions and {{income}} in unrecognized income.",
+		"description_short_other": "You have {{count}} uncategorized transactions: {{deductions}} in deductions and {{income}} in unrecognized income.",
+		"description_with_range_one": "In tax year {{year}}, you have {{count}} uncategorized transaction spanning {{dateRange}} with potentially {{deductions}} in deductions and {{income}} in unrecognized income. Review and categorize your transactions for more accurate estimates.",
+		"description_with_range_other": "In tax year {{year}}, you have {{count}} uncategorized transactions spanning from {{dateRange}} with potentially {{deductions}} in deductions and {{income}} in unrecognized income. Review and categorize your transactions for more accurate estimates.",
 		"title": "Your tax estimates are incomplete"
 	} },
 	disclaimer: {
@@ -1775,6 +1779,8 @@ var taxEstimates_default$1 = {
 	empty: {
 		"no_tax_details": "No tax details",
 		"no_tax_details_description": "No tax details found",
+		"no_tax_estimates_summary": "Get started with your tax estimates",
+		"no_tax_estimates_summary_description": "Start by importing and categorizing your bank transactions",
 		"no_tax_payments_to_display": "There are no tax payments to display.",
 		"tax_payments": "No tax payments found"
 	},
@@ -2216,16 +2222,20 @@ var bankTransactions_default = {
 		"download_transactions": "Télécharger les transactions",
 		"manage_categorization_rules": "Gérer les règles de catégorisation",
 		"mark_as_personal": "Marquer comme personnel",
+		"no_tax_code": "Aucun code de taxe",
 		"or_find_match": "ou trouver une correspondance",
 		"or_split_transaction": "ou répartir la transaction",
 		"recategorize_all": "Tout recatégoriser",
 		"search_categories": "Rechercher des catégories...",
+		"search_tax_codes": "Rechercher des codes de taxe...",
 		"select_a_category": "Sélectionner une catégorie",
 		"select_a_match": "Sélectionner une correspondance",
 		"select_category": "Sélectionner une catégorie",
+		"select_tax_code": "Sélectionner un code de taxe",
 		"set_transaction_customer_vendor": "Définir le client ou le fournisseur de la transaction",
 		"show_all_categories": "Afficher toutes les catégories",
 		"split_label": "Répartir",
+		"split_number_label": "Ventilation no {{number}}",
 		"split_transaction": "Répartir la transaction",
 		"uncategorize_all": "Tout décatégoriser",
 		"upload_receipt": "Téléverser un reçu",
@@ -2287,6 +2297,7 @@ var bankTransactions_default = {
 		"selected_counterparty": "cette contrepartie",
 		"suggested_category": "Catégorie suggérée",
 		"suggestions_uppercase": "SUGGESTIONS",
+		"tax_code": "Code de taxe",
 		"this_will_confirm_count_transactions_one": "Cette action confirmera {{displayCount}} transaction.",
 		"this_will_confirm_count_transactions_other": "Cette action confirmera {{displayCount}} transactions.",
 		"to_review": "À examiner",
@@ -2642,6 +2653,7 @@ var common_default = {
 		"uncategorized": "Sans catégorie",
 		"unsaved_changes_lost": "Toute modification non enregistrée sera perdue.",
 		"value": "Valeur",
+		"view_label": "Voir",
 		"yes": "Oui"
 	},
 	state: {
@@ -3101,6 +3113,7 @@ var mileageTracking_default = {
 	},
 	label: {
 		"deduction_colon": "Déduction :",
+		"in_year": "En {{year}}",
 		"mileage_tracking": "Suivi du kilométrage",
 		"miles_colon": "Kilométrage\xA0:",
 		"miles_month": "Kilométrage ce mois-ci",
@@ -3187,14 +3200,7 @@ var tags_default = {
 		"select_dimension_name": "Sélectionner {{dimensionName}}",
 		"select_tags": "Sélectionner des étiquettes"
 	},
-	empty: { "matching_tags": "Aucune étiquette correspondante trouvée" },
-	error: { "load_tag_options": "Une erreur s’est produite lors du chargement des options d’étiquette." },
-	label: {
-		"active_tags": "Étiquettes actives",
-		"add_tag_to_transaction": "Ajouter une étiquette à cette transaction...",
-		"tag_label_archived": "{{label}} (Archivé)",
-		"tags": "Étiquettes"
-	}
+	label: { "tag_label_archived": "{{label}} (Archivé)" }
 };
 var taxEstimates_default = {
 	action: {
@@ -3203,8 +3209,12 @@ var taxEstimates_default = {
 		"update_tax_profile": "Mettre à jour le profil fiscal"
 	},
 	banner: { "categorization_incomplete": {
-		"description_one": "Vous avez {{count}} transaction non catégorisée avec {{amount}} en déductions potentielles à examiner.",
-		"description_other": "Vous avez {{count}} transactions non catégorisées avec {{amount}} en déductions potentielles à examiner.",
+		"description_one": "Au cours de l’année d’imposition {{year}}, vous avez {{count}} transaction non catégorisée, avec potentiellement {{deductions}} en déductions et {{income}} en revenus non reconnus. Passez vos transactions en revue et catégorisez-les pour obtenir des estimations plus précises.",
+		"description_other": "Au cours de l’année d’imposition {{year}}, vous avez {{count}} transactions non catégorisées, avec potentiellement {{deductions}} en déductions et {{income}} en revenus non reconnus. Passez vos transactions en revue et catégorisez-les pour obtenir des estimations plus précises.",
+		"description_short_one": "Vous avez {{count}} transaction non catégorisée : {{deductions}} en déductions et {{income}} en revenus non reconnus.",
+		"description_short_other": "Vous avez {{count}} transactions non catégorisées: {{deductions}} en déductions et {{income}} en revenus non reconnus.",
+		"description_with_range_one": "Au cours de l’année d’imposition {{year}}, vous avez {{count}} transaction non catégorisée couvrant la période {{dateRange}}, avec potentiellement {{deductions}} en déductions et {{income}} en revenus non reconnus. Passez vos transactions en revue et catégorisez-les pour obtenir des estimations plus précises.",
+		"description_with_range_other": "Au cours de l’année d’imposition {{year}}, vous avez {{count}} transactions non catégorisées pour la période {{dateRange}}, avec potentiellement {{deductions}} en déductions et {{income}} en revenus non reconnus. Passez vos transactions en revue et catégorisez-les pour obtenir des estimations plus précises.",
 		"title": "Vos estimations fiscales sont incomplètes"
 	} },
 	disclaimer: {
@@ -3214,6 +3224,8 @@ var taxEstimates_default = {
 	empty: {
 		"no_tax_details": "Aucun détail fiscal",
 		"no_tax_details_description": "Aucun détail fiscal trouvé",
+		"no_tax_estimates_summary": "Commencez vos estimations d’impôt",
+		"no_tax_estimates_summary_description": "Commencez par importer et catégoriser vos opérations bancaires",
 		"no_tax_payments_to_display": "Il n’y a aucun paiement d’impôt à afficher.",
 		"tax_payments": "Aucun paiement d’impôt trouvé"
 	},
@@ -3747,7 +3759,7 @@ var useLocalizedKey = () => {
 var _excluded$117 = ["trigger"];
 var UNLINK_BANK_ACCOUNT_TAG_KEY = "#unlink-bank-account";
 var unlinkBankAccount = del(({ businessId, bankAccountId }) => `/v1/businesses/${businessId}/bank-accounts/${bankAccountId}`);
-function buildKey$88({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$87({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -3760,7 +3772,7 @@ function useUnlinkBankAccount() {
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	const _useSWRMutation = useSWRMutation(() => withLocale(buildKey$88({
+	const _useSWRMutation = useSWRMutation(() => withLocale(buildKey$87({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl,
 		businessId
@@ -5068,6 +5080,9 @@ var SplitAsOption = class extends BaseCategorizationOption {
 	get type() {
 		return CategorizationOption.Split;
 	}
+	get isSingleSplit() {
+		return this.internalValue.length === 1;
+	}
 	get label() {
 		return this.internalValue.map((split) => {
 			var _split$category$label, _split$category;
@@ -5075,7 +5090,7 @@ var SplitAsOption = class extends BaseCategorizationOption {
 		}).join(", ");
 	}
 	get value() {
-		if (this.internalValue.length == 1) {
+		if (this.isSingleSplit) {
 			var _this$internalValue$, _this$internalValue$2;
 			return (_this$internalValue$ = (_this$internalValue$2 = this.internalValue[0].category) === null || _this$internalValue$2 === void 0 ? void 0 : _this$internalValue$2.value) !== null && _this$internalValue$ !== void 0 ? _this$internalValue$ : "";
 		}
@@ -5137,57 +5152,38 @@ var isPlaceholderAsOption = (option) => {
 	return option.type === CategorizationOption.Placeholder;
 };
 //#endregion
-//#region src/components/TaxCodeSelect/taxCodeComboBoxOption.ts
-var NO_TAX_CODE = "__no_tax_code__";
-var TaxCodeComboBoxOption = class TaxCodeComboBoxOption extends BaseComboBoxOption {
-	constructor(taxOption) {
-		super(taxOption);
-	}
-	static noTaxCode(label) {
-		return new TaxCodeComboBoxOption({
-			code: NO_TAX_CODE,
-			display_name: label
-		});
-	}
-	get original() {
-		return this.internalValue;
-	}
-	get label() {
-		return this.internalValue.display_name;
-	}
-	get value() {
-		return this.internalValue.code;
-	}
-};
-//#endregion
 //#region src/utils/bankTransactions/taxCode.ts
 var getBankTransactionTaxOptions = (bankTransaction) => {
 	if (!(bankTransaction === null || bankTransaction === void 0 ? void 0 : bankTransaction.tax_options)) return [];
 	return Object.values(bankTransaction.tax_options).flat();
 };
-var getDefaultTaxCodeOptionForBankTransaction = (bankTransaction) => {
+var getDefaultTaxCodeForBankTransaction = (bankTransaction) => {
 	const taxCode = bankTransaction === null || bankTransaction === void 0 ? void 0 : bankTransaction.tax_code;
 	if (!taxCode) return null;
-	const option = getBankTransactionTaxOptions(bankTransaction).find((option) => option.code === taxCode);
-	return option ? new TaxCodeComboBoxOption(option) : null;
+	return getBankTransactionTaxOptions(bankTransaction).some((option) => option.code === taxCode) ? taxCode : null;
 };
 var hasBankTransactionTaxCode = (bankTransaction, selectedTaxCode) => {
 	if (!selectedTaxCode) return false;
-	return getBankTransactionTaxOptions(bankTransaction).some((taxOption) => taxOption.code === selectedTaxCode.value);
+	return getBankTransactionTaxOptions(bankTransaction).some((taxOption) => taxOption.code === selectedTaxCode);
 };
 var getCategoryPayloadTaxCode = (selectedCategory, selectedTaxCode) => {
-	var _selectedTaxCode$valu;
 	if (!canCategoryHaveTaxCode(selectedCategory)) return null;
-	return (_selectedTaxCode$valu = selectedTaxCode === null || selectedTaxCode === void 0 ? void 0 : selectedTaxCode.value) !== null && _selectedTaxCode$valu !== void 0 ? _selectedTaxCode$valu : null;
+	return selectedTaxCode !== null && selectedTaxCode !== void 0 ? selectedTaxCode : null;
 };
 var canCategoryHaveTaxCode = (category) => {
 	if (!category) return true;
 	if (isPlaceholderAsOption(category)) return false;
 	if (isSuggestedMatchAsOption(category)) return false;
-	if (isSplitAsOption(category)) return false;
-	if (!category.classification) return false;
-	if (isClassificationExclusion(category.classification)) return false;
-	return true;
+	if (isSplitAsOption(category)) {
+		if (category.isSingleSplit) {
+			var _category$original$0$;
+			const classification = (_category$original$0$ = category.original[0].category) === null || _category$original$0$ === void 0 ? void 0 : _category$original$0$.classification;
+			return !!classification && !isClassificationExclusion(classification);
+		}
+		return false;
+	}
+	const classification = category.classification;
+	return !!classification && !isClassificationExclusion(classification);
 };
 var resolveCategoryTaxCode = (bankTransaction, selectedCategory, selectedTaxCode) => {
 	return getCategoryPayloadTaxCode(selectedCategory, hasBankTransactionTaxCode(bankTransaction, selectedTaxCode) ? selectedTaxCode : null);
@@ -5238,7 +5234,11 @@ function buildStore$2() {
 					});
 				},
 				setTransactionCategorySelection: (id, category) => {
-					set(({ categorizations }) => updateCategorizationProperty(categorizations, id, "category", category));
+					set(({ categorizations }) => {
+						const { categorizations: nextCategorizations } = updateCategorizationProperty(categorizations, id, "category", category);
+						if (category && !canCategoryHaveTaxCode(category)) return updateCategorizationProperty(nextCategorizations, id, "taxCode", null);
+						return { categorizations: nextCategorizations };
+					});
 				},
 				setTransactionMatchSelection: (id, match) => {
 					set(({ categorizations }) => updateCategorizationProperty(categorizations, id, "match", match));
@@ -5878,7 +5878,7 @@ var buildCategorizeBankTransactionPayloadForSplit = (splits) => {
 var getDefaultCategorizationForBankTransaction = (bankTransaction) => {
 	return {
 		category: getDefaultSelectedCategoryForBankTransaction(bankTransaction),
-		taxCode: getDefaultTaxCodeOptionForBankTransaction(bankTransaction),
+		taxCode: getDefaultTaxCodeForBankTransaction(bankTransaction),
 		match: getDefaultSuggestedMatchForBankTransaction(bankTransaction),
 		variant: getDefaultVariantForBankTransaction(bankTransaction)
 	};
@@ -6131,7 +6131,7 @@ var getBookkeepingStatus = get(({ businessId }) => {
 });
 var BOOKKEEPING_TAG_KEY = "#bookkeeping";
 var BOOKKEEPING_STATUS_TAG_KEY = "#bookkeeping-status";
-function buildKey$87({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$86({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -6142,7 +6142,7 @@ function buildKey$87({ access_token: accessToken, apiUrl, businessId }) {
 function useBookkeepingStatus() {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWR(() => buildKey$87(_objectSpread2(_objectSpread2({}, auth), {}, { businessId })), ({ accessToken, apiUrl, businessId }) => getBookkeepingStatus(apiUrl, accessToken, { params: { businessId } })().then(Schema.decodeUnknownPromise(BookkeepingStatusResponseSchema)).then(({ data }) => data));
+	return useSWR(() => buildKey$86(_objectSpread2(_objectSpread2({}, auth), {}, { businessId })), ({ accessToken, apiUrl, businessId }) => getBookkeepingStatus(apiUrl, accessToken, { params: { businessId } })().then(Schema.decodeUnknownPromise(BookkeepingStatusResponseSchema)).then(({ data }) => data));
 }
 function useBookkeepingStatusGlobalCacheActions() {
 	const { forceReload } = useGlobalCacheActions();
@@ -7361,7 +7361,7 @@ var BREAKPOINTS = {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/categories/useCategories.ts
 var CATEGORIES_TAG_KEY = "#categories";
-function buildKey$86({ access_token: accessToken, apiUrl, businessId, mode }) {
+function buildKey$85({ access_token: accessToken, apiUrl, businessId, mode }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -7377,7 +7377,7 @@ function useCategories({ mode } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWR(() => withLocale(buildKey$86(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return useSWR(() => withLocale(buildKey$85(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		mode
 	}))), ({ accessToken, apiUrl, businessId, mode }) => getCategories(apiUrl, accessToken, { params: {
@@ -7482,7 +7482,7 @@ function useCustomersGlobalCacheActions() {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/tags/dimensions/useTagDimensions.ts
 var TAG_DIMENSIONS_TAG_KEY = "#tag-dimensions";
-function buildKey$85({ access_token: accessToken, apiUrl, businessId, isEnabled }) {
+function buildKey$84({ access_token: accessToken, apiUrl, businessId, isEnabled }) {
 	if (!isEnabled) return;
 	if (accessToken && apiUrl) return {
 		accessToken,
@@ -7498,7 +7498,7 @@ function useTagDimensions({ isEnabled = true } = {}) {
 	const { data: auth } = useAuth();
 	const { apiUrl } = useEnvironment();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$85(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$84(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		isEnabled
@@ -7901,7 +7901,7 @@ var getBankTransactionsExcel = get(({ businessId, categorized, direction, query,
 		sortOrder
 	})}`;
 });
-function buildKey$84({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$83({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -7913,7 +7913,7 @@ function useBankTransactionsDownload() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWRMutation(() => withLocale(buildKey$84(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { categorized, direction, query, startDate, endDate, tagFilterQueryString } }) => getBankTransactionsExcel(apiUrl, accessToken, { params: {
+	return useSWRMutation(() => withLocale(buildKey$83(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { categorized, direction, query, startDate, endDate, tagFilterQueryString } }) => getBankTransactionsExcel(apiUrl, accessToken, { params: {
 		businessId,
 		categorized,
 		query,
@@ -8177,6 +8177,7 @@ var _excluded$101 = [
 	"ellipsis",
 	"nonAria",
 	"noWrap",
+	"numeric",
 	"pb",
 	"pbe",
 	"pbs",
@@ -8186,13 +8187,14 @@ var _excluded$101 = [
 	"weight"
 ];
 function splitTextProps(props) {
-	const { align, children, ellipsis, nonAria, noWrap, pb, pbe, pbs, size, status, variant, weight } = props, restProps = _objectWithoutProperties(props, _excluded$101);
+	const { align, children, ellipsis, nonAria, noWrap, numeric, pb, pbe, pbs, size, status, variant, weight } = props, restProps = _objectWithoutProperties(props, _excluded$101);
 	return {
 		children,
 		dataProperties: toDataProperties({
 			align,
 			ellipsis,
 			"no-wrap": noWrap,
+			numeric,
 			pb,
 			pbe,
 			pbs,
@@ -9082,7 +9084,7 @@ var getProfitAndLossDetailLines = (apiUrl, accessToken, params) => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/profit-and-loss/useProfitAndLossReport.tsx
 var PNL_REPORT_TAG_KEY = "#profit-and-loss-report";
-function buildKey$83({ access_token: accessToken, apiUrl, businessId, startDate, endDate, tagKey, tagValues, reportingBasis, includeUncategorized }) {
+function buildKey$82({ access_token: accessToken, apiUrl, businessId, startDate, endDate, tagKey, tagValues, reportingBasis, includeUncategorized }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -9110,7 +9112,7 @@ function useProfitAndLossReport({ startDate, endDate, tagKey, tagValues, reporti
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$83(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$82(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		startDate,
 		endDate,
@@ -9135,7 +9137,7 @@ var useProfitAndLossReportCacheActions = () => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/profit-and-loss-comparison/useProfitAndLossComparisonReport.tsx
 var PNL_COMPARISON_REPORT_TAG_KEY = "#profit-and-loss-comparison-report";
-function buildKey$82({ access_token: accessToken, apiUrl, businessId, periods, tagFilters, reportingBasis }) {
+function buildKey$81({ access_token: accessToken, apiUrl, businessId, periods, tagFilters, reportingBasis }) {
 	if (accessToken && apiUrl && periods) return {
 		accessToken,
 		apiUrl,
@@ -9152,7 +9154,7 @@ function useProfitAndLossComparisonReport({ periods, tagFilters, reportingBasis
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$82(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$81(_objectSpread2(_objectSpread2({}, data), {}, {
 		apiUrl,
 		businessId,
 		periods,
@@ -9174,7 +9176,7 @@ var useProfitAndLossComparisonReportCacheActions = () => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/profit-and-loss-summaries/useProfitAndLossSummaries.tsx
 var PNL_SUMMARIES_TAG_KEY = "#profit-and-loss-summaries";
-function buildKey$81({ access_token: accessToken, apiUrl, businessId, startMonth, startYear, endMonth, endYear, tagKey, tagValues, reportingBasis }) {
+function buildKey$80({ access_token: accessToken, apiUrl, businessId, startMonth, startYear, endMonth, endYear, tagKey, tagValues, reportingBasis }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -9204,7 +9206,7 @@ function useProfitAndLossSummaries({ startYear, startMonth, endYear, endMonth, t
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$81(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$80(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		startYear,
 		startMonth,
@@ -9267,7 +9269,7 @@ var CategorizeTransactionRequestSchema$1 = Schema.Struct({
 });
 var BulkCategorizeRequestSchema = Schema.Struct({ transactions: Schema.Array(CategorizeTransactionRequestSchema$1) });
 var bulkCategorize = post(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/bulk-categorize`);
-function buildKey$80({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$79({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -9281,7 +9283,7 @@ var useBulkCategorize = () => {
 	const { businessId, eventCallbacks } = useLayerContext();
 	const { forceReloadBankTransactions } = useBankTransactionsGlobalCacheActions();
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$80(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkCategorize(apiUrl, accessToken, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$79(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkCategorize(apiUrl, accessToken, {
 		params: { businessId },
 		body: Schema.encodeSync(BulkCategorizeRequestSchema)(arg)
 	}).then(({ data }) => data), {
@@ -9308,6 +9310,29 @@ var useBulkCategorize = () => {
 	} });
 };
 //#endregion
+//#region src/components/TaxCodeSelect/taxCodeComboBoxOption.ts
+var NO_TAX_CODE = "__no_tax_code__";
+var TaxCodeComboBoxOption = class TaxCodeComboBoxOption extends BaseComboBoxOption {
+	constructor(taxOption) {
+		super(taxOption);
+	}
+	static noTaxCode(label) {
+		return new TaxCodeComboBoxOption({
+			code: NO_TAX_CODE,
+			display_name: label
+		});
+	}
+	get original() {
+		return this.internalValue;
+	}
+	get label() {
+		return this.internalValue.display_name;
+	}
+	get value() {
+		return this.internalValue.code;
+	}
+};
+//#endregion
 //#region src/hooks/features/bankTransactions/useTaxCodeOptions.ts
 var useTaxCodeOptions = (bankTransaction) => {
 	const taxCodeOptions = useMemo(() => getBankTransactionTaxOptions(bankTransaction).map((option) => new TaxCodeComboBoxOption(option)), [bankTransaction]);
@@ -10330,6 +10355,7 @@ function buildCustomSingleValue({ SingleValue }) {
 	return function CustomSingleValue(_ref8) {
 		let { children } = _ref8, restProps = _objectWithoutProperties(_ref8, _excluded8);
 		const defaultRenderedSingleValue = /* @__PURE__ */ jsx(Span, {
+			variant: "inherit",
 			ellipsis: true,
 			children
 		});
@@ -11178,7 +11204,16 @@ var useTaxCodeSelect = ({ options = EMPTY_ARRAY$6, selectedValue, onSelectedValu
 	const { t } = useTranslation();
 	const noTaxCodeOption = useMemo(() => TaxCodeComboBoxOption.noTaxCode(t("bankTransactions:action.no_tax_code", "No tax code")), [t]);
 	const optionsWithNoTaxCode = useMemo(() => [noTaxCodeOption, ...options], [noTaxCodeOption, options]);
-	const resolvedSelectedValue = useMemo(() => selectedValue !== null && selectedValue !== void 0 ? selectedValue : noTaxCodeOption, [selectedValue, noTaxCodeOption]);
+	const resolvedSelectedValue = useMemo(() => {
+		if (selectedValue === null) return noTaxCodeOption;
+		const match = options.find((option) => option.value === selectedValue.value);
+		if (match) return match;
+		return selectedValue;
+	}, [
+		selectedValue,
+		noTaxCodeOption,
+		options
+	]);
 	const handleChange = useCallback((next) => {
 		var _options$find;
 		if (next === null || next.value === "__no_tax_code__") {
@@ -11229,6 +11264,18 @@ var filterOptionsOrGroups = (source, query) => {
 	}
 	return { options: [] };
 };
+var resolveSelectedOption = (source, selectedValue) => {
+	var _source$options, _source$groups;
+	if (!selectedValue) return null;
+	const optionMatch = ((_source$options = source.options) !== null && _source$options !== void 0 ? _source$options : []).find((option) => option.value === selectedValue.value);
+	if (optionMatch) return optionMatch;
+	const groups = (_source$groups = source.groups) !== null && _source$groups !== void 0 ? _source$groups : [];
+	for (const group of groups) {
+		const match = group.options.find((option) => option.value === selectedValue.value);
+		if (match) return match;
+	}
+	return selectedValue;
+};
 //#endregion
 //#region src/components/ui/Checkbox/Checkbox.tsx
 var _excluded$80 = [
@@ -11372,7 +11419,7 @@ var EmptyState$7 = () => {
 		children: t("common:empty.results", "No results found")
 	});
 };
-var ErrorState$8 = () => {
+var ErrorState$6 = () => {
 	const { t } = useTranslation();
 	return /* @__PURE__ */ jsx(Span, {
 		size: "sm",
@@ -11415,7 +11462,7 @@ var MobileSelectionDrawerList = (_ref) => {
 		data,
 		slots: {
 			EmptyState: EmptyState$7,
-			ErrorState: ErrorState$8
+			ErrorState: ErrorState$6
 		},
 		renderItem,
 		onClickItem,
@@ -11440,7 +11487,7 @@ var _excluded$78 = [
 	"slotProps"
 ];
 var MobileSelectionDrawerWithTrigger = (_ref) => {
-	var _slotProps$Trigger$ic, _slotProps$Trigger, _selectedValue$label;
+	var _slotProps$Trigger$ic, _slotProps$Trigger, _resolvedSelectedValu;
 	let { ariaLabel, heading, selectedValue, onSelectedValueChange, placeholder, isLoading = false, isError = false, isDisabled = false, isSearchable = false, searchPlaceholder, slotProps } = _ref, optionOrGroups = _objectWithoutProperties(_ref, _excluded$78);
 	const { t } = useTranslation();
 	const { options, groups } = optionOrGroups;
@@ -11458,6 +11505,9 @@ var MobileSelectionDrawerWithTrigger = (_ref) => {
 		groups,
 		searchQuery
 	]);
+	const resolvedSelectedValue = useMemo(() => {
+		return resolveSelectedOption(filteredOptionsOrGroups, selectedValue);
+	}, [filteredOptionsOrGroups, selectedValue]);
 	const Header = useCallback(() => /* @__PURE__ */ jsx(ModalTitleWithClose, {
 		heading: /* @__PURE__ */ jsx(ModalHeading, {
 			size: "md",
@@ -11480,8 +11530,8 @@ var MobileSelectionDrawerWithTrigger = (_ref) => {
 			children: [/* @__PURE__ */ jsx(Span, {
 				size: "sm",
 				ellipsis: true,
-				children: (_selectedValue$label = selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.label) !== null && _selectedValue$label !== void 0 ? _selectedValue$label : resolvedPlaceholder
-			}), triggerIcon]
+				children: (_resolvedSelectedValu = resolvedSelectedValue === null || resolvedSelectedValue === void 0 ? void 0 : resolvedSelectedValue.label) !== null && _resolvedSelectedValu !== void 0 ? _resolvedSelectedValu : resolvedPlaceholder
+			}), !isDisabled && triggerIcon]
 		})
 	}), /* @__PURE__ */ jsx(Drawer, {
 		slots: { Header },
@@ -11500,7 +11550,7 @@ var MobileSelectionDrawerWithTrigger = (_ref) => {
 				onChange: setSearchQuery,
 				label: resolvedSearchPlaceholder
 			}), /* @__PURE__ */ jsx(MobileSelectionDrawerList, _objectSpread2(_objectSpread2({ ariaLabel }, filteredOptionsOrGroups), {}, {
-				selectedValue,
+				selectedValue: resolvedSelectedValue,
 				onSelectedValueChange: (value) => {
 					onSelectedValueChange(value);
 					close();
@@ -11563,6 +11613,10 @@ var BankTransactionsCategorizeAllModal = ({ isOpen, onOpenChange, mode, isMobile
 	const bankTransactionsById = useMemo(() => getBankTransactionsById(bankTransactions), [bankTransactions]);
 	const selectedTransactions = useMemo(() => getSelectedBankTransactions(selectedIds, bankTransactionsById), [selectedIds, bankTransactionsById]);
 	const { taxCodeOptions } = useTaxCodeOptions(useMemo(() => getFirstBankTransactionWithTaxOptions(selectedTransactions), [selectedTransactions]));
+	const handleSelectedCategoryChange = useCallback((category) => {
+		setSelectedCategory(category);
+		if (category && !canCategoryHaveTaxCode(category)) setSelectedTaxCode(null);
+	}, []);
 	const handleCategorizeModalClose = useCallback((isOpen) => {
 		onOpenChange(isOpen);
 		if (!isOpen) {
@@ -11577,10 +11631,13 @@ var BankTransactionsCategorizeAllModal = ({ isOpen, onOpenChange, mode, isMobile
 			type: "Category",
 			category: selectedCategory.classification
 		};
-		yield trigger({ transactions: Array.from(selectedIds).map((transactionId) => ({
-			transactionId,
-			categorization: _objectSpread2(_objectSpread2({}, categorization), {}, { taxCode: resolveCategoryTaxCode(bankTransactionsById.get(transactionId), selectedCategory, selectedTaxCode) })
-		})) });
+		yield trigger({ transactions: Array.from(selectedIds).map((transactionId) => {
+			var _selectedTaxCode$valu;
+			return {
+				transactionId,
+				categorization: _objectSpread2(_objectSpread2({}, categorization), {}, { taxCode: resolveCategoryTaxCode(bankTransactionsById.get(transactionId), selectedCategory, (_selectedTaxCode$valu = selectedTaxCode === null || selectedTaxCode === void 0 ? void 0 : selectedTaxCode.value) !== null && _selectedTaxCode$valu !== void 0 ? _selectedTaxCode$valu : null) })
+			};
+		}) });
 		clearSelection();
 	}), [
 		selectedIds,
@@ -11609,12 +11666,12 @@ var BankTransactionsCategorizeAllModal = ({ isOpen, onOpenChange, mode, isMobile
 					}), isMobileView ? /* @__PURE__ */ jsx(CategorySelectDrawerWithTrigger, {
 						"aria-labelledby": categorySelectId,
 						selectedValue: selectedCategory,
-						onSelectedValueChange: setSelectedCategory,
+						onSelectedValueChange: handleSelectedCategoryChange,
 						showTooltips: false
 					}) : /* @__PURE__ */ jsx(BankTransactionCategoryComboBox, {
 						inputId: categorySelectId,
 						selectedValue: selectedCategory,
-						onSelectedValueChange: setSelectedCategory,
+						onSelectedValueChange: handleSelectedCategoryChange,
 						includeSuggestedMatches: false,
 						isDisabled: isMutating
 					})]
@@ -11681,7 +11738,7 @@ var toSplitEntry = (split) => {
 var buildBulkMatchOrCategorizePayload = (selectedIds, categorizations) => {
 	const transactions = {};
 	for (const transactionId of selectedIds) {
-		var _categorizations$get, _taxCode$value;
+		var _categorizations$get;
 		const { category, match, taxCode, variant } = (_categorizations$get = categorizations.get(transactionId)) !== null && _categorizations$get !== void 0 ? _categorizations$get : DEFAULT_CATEGORIZATION;
 		if (variant === BankTransactionSelectionVariant.MATCH) {
 			if (!match) continue;
@@ -11710,7 +11767,7 @@ var buildBulkMatchOrCategorizePayload = (selectedIds, categorizations) => {
 			categorization: {
 				type: "Category",
 				category: classification,
-				taxCode: (_taxCode$value = taxCode === null || taxCode === void 0 ? void 0 : taxCode.value) !== null && _taxCode$value !== void 0 ? _taxCode$value : null
+				taxCode: taxCode !== null && taxCode !== void 0 ? taxCode : null
 			}
 		};
 	}
@@ -11733,7 +11790,7 @@ Schema.Struct({ businessId: Schema.String });
 var bulkMatchOrCategorize = post(({ businessId }) => {
 	return `/v1/businesses/${businessId}/bank-transactions/bulk-match-or-categorize`;
 });
-function buildKey$79({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$78({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -11752,7 +11809,7 @@ var useBulkMatchOrCategorize = () => {
 	const buildTransactionsPayload = useCallback(() => {
 		return { transactions: buildBulkMatchOrCategorizePayload(selectedIds, categorizations) };
 	}, [selectedIds, categorizations]);
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$79(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkMatchOrCategorize(apiUrl, accessToken, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$78(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkMatchOrCategorize(apiUrl, accessToken, {
 		params: { businessId },
 		body: Schema.encodeSync(BulkMatchOrCategorizeRequestSchema)(arg)
 	}).then(({ data }) => data), {
@@ -11839,7 +11896,7 @@ var BankTransactionsConfirmAllModal = ({ isOpen, onOpenChange, isMobileView = fa
 var BULK_UNCATEGORIZE_BANK_TRANSACTIONS_TAG_KEY = "#bulk-uncategorize-bank-transactions";
 var BulkUncategorizeRequestSchema = Schema.Struct({ transactionIds: Schema.propertySignature(Schema.Array(Schema.UUID)).pipe(Schema.fromKey("transaction_ids")) });
 var bulkUncategorize = post(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/bulk-uncategorize`);
-function buildKey$78({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$77({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -11853,7 +11910,7 @@ var useBulkUncategorize = () => {
 	const { businessId, eventCallbacks } = useLayerContext();
 	const { forceReloadBankTransactions } = useBankTransactionsGlobalCacheActions();
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$78(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkUncategorize(apiUrl, accessToken, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$77(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkUncategorize(apiUrl, accessToken, {
 		params: { businessId },
 		body: Schema.encodeSync(BulkUncategorizeRequestSchema)(arg)
 	}).then(({ data }) => data), {
@@ -12235,7 +12292,7 @@ var mapRawCustomAccountToCustomAccount = (raw) => ({
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/useCustomAccounts.ts
 var CUSTOM_ACCOUNTS_TAG_KEY = "#custom-accounts";
-function buildKey$77({ access_token: accessToken, apiUrl, businessId, userCreated }) {
+function buildKey$76({ access_token: accessToken, apiUrl, businessId, userCreated }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -12253,7 +12310,7 @@ function useCustomAccounts({ userCreated } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWR(() => withLocale(buildKey$77(_objectSpread2(_objectSpread2({}, data), {}, {
+	return useSWR(() => withLocale(buildKey$76(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		userCreated
 	}))), ({ accessToken, apiUrl, businessId, userCreated }) => getCustomAccounts(apiUrl, accessToken, { params: {
@@ -12263,7 +12320,7 @@ function useCustomAccounts({ userCreated } = {}) {
 }
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/[custom-account-id]/parse-csv/useCustomAccountParseCsv.ts
-function buildKey$76({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$75({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -12280,7 +12337,7 @@ function useCustomAccountParseCsv() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWRMutation(() => withLocale(buildKey$76(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { customAccountId, file } }) => parseCsv(apiUrl, accessToken, {
+	return useSWRMutation(() => withLocale(buildKey$75(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { customAccountId, file } }) => parseCsv(apiUrl, accessToken, {
 		businessId,
 		customAccountId,
 		file
@@ -12562,7 +12619,7 @@ get(({ businessId }) => `/v1/businesses/${businessId}/external-accounts`);
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/useCreateCustomAccount.ts
 var createCustomAccount = post(({ businessId }) => `/v1/businesses/${businessId}/custom-accounts`);
-function buildKey$75({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$74({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -12575,7 +12632,7 @@ function useCreateCustomAccount() {
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	const { mutate } = useSWRConfig();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$75(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: body }) => createCustomAccount(apiUrl, accessToken, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$74(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: body }) => createCustomAccount(apiUrl, accessToken, {
 		params: { businessId },
 		body
 	}).then(({ data }) => mapRawCustomAccountToCustomAccount(data)), { revalidate: false });
@@ -14151,7 +14208,7 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/[custom-account-id]/transactions/useCreateCustomAccountTransactions.ts
 var _excluded$56 = ["customAccountId"];
 var createCustomAccountTransactions = post(({ businessId, customAccountId }) => `/v1/businesses/${businessId}/custom-accounts/${customAccountId}/transactions`);
-function buildKey$74({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$73({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -14163,7 +14220,7 @@ function useCreateCustomAccountTransactions() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWRMutation(() => withLocale(buildKey$74(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, _ref) => {
+	return useSWRMutation(() => withLocale(buildKey$73(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, _ref) => {
 		let { arg: _ref2 } = _ref, { customAccountId } = _ref2, body = _objectWithoutProperties(_ref2, _excluded$56);
 		return createCustomAccountTransactions(apiUrl, accessToken, {
 			params: {
@@ -14603,7 +14660,7 @@ var VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componentN
 var ROW_HEIGHT = 52;
 var TABLE_HEIGHT = ROW_HEIGHT * 9 - 1;
 var EmptyState$6 = () => null;
-var ErrorState$7 = () => null;
+var ErrorState$5 = () => null;
 function ValidateCsvTable({ data, headers, formatters, className }) {
 	const { t } = useTranslation();
 	const sortedData = useMemo(() => [...data].sort((a, b) => {
@@ -14659,7 +14716,7 @@ function ValidateCsvTable({ data, headers, formatters, className }) {
 			shrinkHeightToFitRows: true,
 			slots: {
 				EmptyState: EmptyState$6,
-				ErrorState: ErrorState$7
+				ErrorState: ErrorState$5
 			}
 		})
 	});
@@ -15606,7 +15663,7 @@ var useGetBankTransactionMatchOrCategoryWithDefault = (bankTransaction) => {
 var _excluded$54 = ["bankTransactionId"];
 var CATEGORIZE_BANK_TRANSACTION_TAG = "#categorize-bank-transaction";
 var categorizeBankTransaction = put(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/categorize`);
-function buildKey$73({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$72({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -15622,7 +15679,7 @@ function useCategorizeBankTransaction() {
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
 	const { useBankTransactionsOptions } = useBankTransactionsContext();
 	const { forceReloadBackgroundBankTransactions } = useBankTransactionsGlobalCacheActions();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$73({
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$72({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -15700,7 +15757,7 @@ function useCategorizeBankTransactionWithCacheUpdate() {
 var _excluded$53 = ["bankTransactionId"];
 var matchBankTransaction = put(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/match`);
 var MATCH_BANK_TRANSACTION_TAG = "#match-bank-transaction";
-function buildKey$72({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$71({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -15716,7 +15773,7 @@ function useMatchBankTransaction() {
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
 	const { useBankTransactionsOptions } = useBankTransactionsContext();
 	const { forceReloadBackgroundBankTransactions } = useBankTransactionsGlobalCacheActions();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$72({
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$71({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -16109,7 +16166,7 @@ var getBookkeepingPeriods = get(({ businessId }) => {
 	return `/v1/businesses/${businessId}/bookkeeping/periods`;
 });
 var BOOKKEEPING_PERIODS_TAG_KEY = "#bookkeeping-periods";
-function buildKey$71({ access_token: accessToken, apiUrl, businessId, isActiveOrPaused }) {
+function buildKey$70({ access_token: accessToken, apiUrl, businessId, isActiveOrPaused }) {
 	if (accessToken && apiUrl && isActiveOrPaused) return {
 		accessToken,
 		apiUrl,
@@ -16123,7 +16180,7 @@ function useBookkeepingPeriods() {
 	const { businessId } = useLayerContext();
 	const { data, isLoading: isLoadingBookkeepingStatus } = useBookkeepingStatus();
 	const isActiveOrPaused = data ? isActiveOrPausedBookkeepingStatus(data.status) : false;
-	const swrResponse = useSWR(() => withLocale(buildKey$71(_objectSpread2(_objectSpread2({}, auth), {}, {
+	const swrResponse = useSWR(() => withLocale(buildKey$70(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		isActiveOrPaused
 	}))), ({ accessToken, apiUrl, businessId }) => getBookkeepingPeriods(apiUrl, accessToken, { params: { businessId } })().then(({ data: { periods } }) => periods.map((period) => _objectSpread2(_objectSpread2({}, period), {}, {
@@ -16296,7 +16353,7 @@ function useMinMutatingMutation({ swrMutationResponse, minMutatingMs }) {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/[bank-transaction-id]/metadata/useSetMetadataOnBankTransaction.ts
 var SET_METADATA_ON_BANK_TRANSACTION_TAG_KEY = "#set-metadata-on-bank-transaction";
-function buildKey$70({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$69({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -16310,7 +16367,7 @@ function useSetMetadataOnBankTransaction({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$70(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$69(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId, bankTransactionId }, { arg: { vendor, customer } }) => {
@@ -16359,7 +16416,7 @@ function useSetMetadataOnBankTransaction({ bankTransactionId }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/tags/useRemoveTagFromBankTransaction.ts
 var REMOVE_TAG_FROM_BANK_TRANSACTION_TAG_KEY = "#remove-tag-from-bank-transaction";
 var removeTagFromBankTransaction = del(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/tags`);
-function buildKey$69({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$68({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -16372,7 +16429,7 @@ function useRemoveTagFromBankTransaction({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$69(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$68(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId }, { arg: { tagId } }) => removeTagFromBankTransaction(apiUrl, accessToken, {
@@ -16411,7 +16468,7 @@ function useRemoveTagFromBankTransaction({ bankTransactionId }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/tags/useTagBankTransaction.ts
 var TAG_BANK_TRANSACTION_TAG_KEY = "#tag-bank-transaction";
 var tagBankTransaction = post(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/tags`);
-function buildKey$68({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$67({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -16424,7 +16481,7 @@ function useTagBankTransaction({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$68(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$67(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId, bankTransactionId }, { arg: { key, value, dimensionDisplayName, valueDisplayName } }) => tagBankTransaction(apiUrl, accessToken, {
@@ -16537,8 +16594,8 @@ var calculateUpdatedAmounts = (initialRowSplits, { index, newAmountInput, totalA
 var getCustomerVendorForBankTransaction = (bankTransaction) => {
 	return bankTransaction.customer ? decodeCustomerVendor(_objectSpread2(_objectSpread2({}, bankTransaction.customer), {}, { customerVendorType: "CUSTOMER" })) : bankTransaction.vendor ? decodeCustomerVendor(_objectSpread2(_objectSpread2({}, bankTransaction.vendor), {}, { customerVendorType: "VENDOR" })) : null;
 };
-var getLocalSplitStateForExpandedTransaction = (bankTransaction, selectedCategory) => {
-	var _coercedSelectedCateg;
+var getLocalSplitStateForExpandedTransaction = (bankTransaction, selectedCategory, selectedTaxCode) => {
+	var _coercedSelectedCateg, _ref;
 	let coercedSelectedCategory = selectedCategory;
 	if (!selectedCategory || isPlaceholderAsOption(selectedCategory)) coercedSelectedCategory = null;
 	else if (isApiCategorizationAsOption(selectedCategory) && isSplitCategorizationEncoded(selectedCategory.original)) coercedSelectedCategory = convertApiCategorizationToCategoryOrSplitAsOption(selectedCategory.original);
@@ -16555,6 +16612,7 @@ var getLocalSplitStateForExpandedTransaction = (bankTransaction, selectedCategor
 	return [{
 		amount: bankTransaction.amount,
 		category: (_coercedSelectedCateg = coercedSelectedCategory) !== null && _coercedSelectedCateg !== void 0 ? _coercedSelectedCateg : null,
+		taxCode: (_ref = selectedTaxCode !== null && selectedTaxCode !== void 0 ? selectedTaxCode : bankTransaction.tax_code) !== null && _ref !== void 0 ? _ref : null,
 		tags: bankTransaction.transaction_tags.map((tag) => makeTagFromTransactionTag(Schema$1.decodeSync(TransactionTagSchema)(tag))),
 		customerVendor: getCustomerVendorForBankTransaction(bankTransaction)
 	}];
@@ -16564,30 +16622,45 @@ var getLocalSplitStateForExpandedTransaction = (bankTransaction, selectedCategor
 var useSplitsForm = ({ bankTransaction, isOpen }) => {
 	const { t } = useTranslation();
 	const intl = useIntl();
-	const { category: selectedCategory } = useGetBankTransactionCategorizationWithDefault(bankTransaction);
-	const [localSplits, setLocalSplits] = useState(getLocalSplitStateForExpandedTransaction(bankTransaction, selectedCategory));
+	const { category: selectedCategory, taxCode: selectedTaxCode } = useGetBankTransactionCategorizationWithDefault(bankTransaction);
+	const prevIsOpenRef = useRef(isOpen);
+	const prevBankTransactionRef = useRef(bankTransaction);
+	const [localSplits, setLocalSplits] = useState(getLocalSplitStateForExpandedTransaction(bankTransaction, selectedCategory, selectedTaxCode));
 	const [inputValues, setInputValues] = useState({});
 	const [splitFormError, setSplitFormError] = useState();
-	const { setTransactionCategorySelection } = useBankTransactionsCategorizationActions();
-	useEffect(() => {
-		setLocalSplits(getLocalSplitStateForExpandedTransaction(bankTransaction, selectedCategory));
+	const { setTransactionCategorySelection, setTransactionTaxCodeSelection } = useBankTransactionsCategorizationActions();
+	const resetLocalSplits = useCallback(() => {
+		setLocalSplits(getLocalSplitStateForExpandedTransaction(bankTransaction, selectedCategory, selectedTaxCode));
 		setSplitFormError(void 0);
 		setInputValues({});
 	}, [
 		bankTransaction,
 		selectedCategory,
-		isOpen
+		selectedTaxCode
 	]);
+	useEffect(() => {
+		if (prevBankTransactionRef.current === bankTransaction) return;
+		resetLocalSplits();
+		prevBankTransactionRef.current = bankTransaction;
+	}, [bankTransaction, resetLocalSplits]);
+	useEffect(() => {
+		if (prevIsOpenRef.current === isOpen) return;
+		resetLocalSplits();
+		prevIsOpenRef.current = isOpen;
+	}, [isOpen, resetLocalSplits]);
 	const saveLocalSplitsToCategoryStore = useCallback((splits) => {
 		if (!isSplitsValid(splits)) {
 			setSplitFormError(getSplitsErrorMessage(splits, t));
 			return;
 		}
 		setTransactionCategorySelection(bankTransaction.id, new SplitAsOption(splits));
+		const nextTaxCode = splits.length === 1 ? splits[0].taxCode : null;
+		setTransactionTaxCodeSelection(bankTransaction.id, nextTaxCode !== null && nextTaxCode !== void 0 ? nextTaxCode : null);
 		setSplitFormError(void 0);
 	}, [
 		bankTransaction.id,
 		setTransactionCategorySelection,
+		setTransactionTaxCodeSelection,
 		t
 	]);
 	const addSplit = useCallback(() => {
@@ -16629,7 +16702,10 @@ var useSplitsForm = ({ bankTransaction, isOpen }) => {
 	const changeCategoryForSplitAtIndex = useCallback((index, newCategory) => {
 		if (newCategory === null) return;
 		const newLocalSplits = [...localSplits];
-		newLocalSplits[index].category = newCategory;
+		newLocalSplits[index] = _objectSpread2(_objectSpread2({}, newLocalSplits[index]), {}, {
+			category: newCategory,
+			taxCode: canCategoryHaveTaxCode(newCategory) ? newLocalSplits[index].taxCode : null
+		});
 		setLocalSplits(newLocalSplits);
 		setSplitFormError(void 0);
 		saveLocalSplitsToCategoryStore(newLocalSplits);
@@ -16972,7 +17048,7 @@ function BankTransactionCustomerVendorSelector({ bankTransaction }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/[bank-transaction-id]/metadata/useBankTransactionsMetadata.ts
 var getBankTransactionMetadata = get(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/metadata`);
 var GET_BANK_TRANSACTION_METADATA_TAG_KEY = "#bank-transaction-metadata";
-function buildKey$67({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$66({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -16985,7 +17061,7 @@ function useBankTransactionMetadata({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWR(() => withLocale(buildKey$67(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return useSWR(() => withLocale(buildKey$66(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId }) => getBankTransactionMetadata(apiUrl, accessToken, { params: {
@@ -16997,7 +17073,7 @@ function useBankTransactionMetadata({ bankTransactionId }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/[bank-transaction-id]/metadata/useUpdateBankTransactionMetadata.ts
 var updateBankTransactionMetadata = put(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/metadata`);
 var UPDATE_BANK_TRANSACTION_METADATA_TAG_KEY = "#update-bank-transaction-metadata";
-function buildKey$66({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$65({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -17011,7 +17087,7 @@ function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
 	const { mutate } = useSWRConfig();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$66({
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$65({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId,
@@ -17144,7 +17220,7 @@ var BankTransactionMemo = ({ bankTransactionId, isMobile }) => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/tags/dimensions/key/[dimension-key]/useTagDimensionByKey.ts
 var TAG_DIMENSION_BY_KEY_TAG_KEY = "#tag-dimension-by-key";
-function buildKey$65({ access_token: accessToken, apiUrl, businessId, isEnabled, dimensionKey }) {
+function buildKey$64({ access_token: accessToken, apiUrl, businessId, isEnabled, dimensionKey }) {
 	if (!isEnabled) return;
 	if (accessToken && apiUrl) return {
 		accessToken,
@@ -17160,7 +17236,7 @@ function useTagDimensionByKey({ isEnabled = true, dimensionKey }) {
 	const { data: auth } = useAuth();
 	const { apiUrl } = useEnvironment();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$65(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$64(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		isEnabled,
 		businessId,
@@ -18069,7 +18145,7 @@ var ExpandedBankTransactionRow = ({ bankTransaction, isOpen = false, asListItem
 																	return _objectSpread2(_objectSpread2({}, currentSplit), {}, { taxCode: (_value$value = value === null || value === void 0 ? void 0 : value.value) !== null && _value$value !== void 0 ? _value$value : null });
 																});
 															},
-															isDisabled: !isCategorizationEnabled,
+															isDisabled: !isCategorizationEnabled || !canCategoryHaveTaxCode(split.category),
 															className: "Layer__expanded-bank-transaction-row__table-cell--split-entry__tax-code"
 														}),
 														showTags && /* @__PURE__ */ jsx(TagDimensionsGroup, {
@@ -18480,17 +18556,24 @@ var BankTransactionsMobileCategorySelectionItem = ({ option }) => {
 //#endregion
 //#region src/components/BankTransactionsMobileCategorySelection/utils.ts
 var SELECT_CATEGORY_VALUE = "SELECT_CATEGORY";
-var buildInitialSessionCategoriesMap = (bankTransaction) => {
+var isSingleSelectedCategory = (selectedCategory) => {
+	if (!selectedCategory) return false;
+	if (isPlaceholderAsOption(selectedCategory)) return false;
+	if (isSplitAsOption(selectedCategory) && !selectedCategory.isSingleSplit) return false;
+	return true;
+};
+var buildInitialSessionCategoriesMap = (bankTransaction, selectedCategory) => {
 	var _bankTransaction$cate;
 	const categoriesMap = /* @__PURE__ */ new Map();
 	if (bankTransaction.category) {
 		const existingCategory = convertApiCategorizationToCategoryOrSplitAsOption(bankTransaction.category);
-		categoriesMap.set(existingCategory.value, existingCategory);
+		if (isSingleSelectedCategory(existingCategory)) categoriesMap.set(existingCategory.value, existingCategory);
 	}
 	if ((bankTransaction === null || bankTransaction === void 0 || (_bankTransaction$cate = bankTransaction.categorization_flow) === null || _bankTransaction$cate === void 0 ? void 0 : _bankTransaction$cate.type) === CategorizationType.ASK_FROM_SUGGESTIONS) bankTransaction.categorization_flow.suggestions.forEach((suggestion) => {
 		const suggestionOption = new ApiCategorizationAsOption(suggestion);
 		categoriesMap.set(suggestionOption.value, suggestionOption);
 	});
+	if (selectedCategory && isSingleSelectedCategory(selectedCategory)) categoriesMap.set(selectedCategory.value, selectedCategory);
 	return categoriesMap;
 };
 var buildCategoryOptions = (sessionCategories, showAllCategoriesLabel) => {
@@ -18510,15 +18593,15 @@ var BankTransactionsMobileCategorySelection = ({ bankTransaction, showTooltips =
 	const { t } = useTranslation();
 	const { setTransactionCategorySelection, setTransactionTaxCodeSelection } = useBankTransactionsCategorizationActions();
 	const [isDrawerOpen, setIsDrawerOpen] = useState(false);
-	const [sessionCategories, setSessionCategories] = useState(() => buildInitialSessionCategoriesMap(bankTransaction));
 	const previousTransactionIdRef = useRef(bankTransaction.id);
-	const { taxCodeOptions, hasTaxCodeOptions } = useTaxCodeOptions(bankTransaction);
+	const { taxCodeOptions, hasTaxCodeOptions, getSelectedTaxCodeOption } = useTaxCodeOptions(bankTransaction);
 	const { category: selectedCategory, taxCode: selectedTaxCode } = useGetBankTransactionCategorizationWithDefault(bankTransaction);
+	const [sessionCategories, setSessionCategories] = useState(() => buildInitialSessionCategoriesMap(bankTransaction, selectedCategory));
 	useEffect(() => {
 		if (previousTransactionIdRef.current === bankTransaction.id) return;
+		setSessionCategories(buildInitialSessionCategoriesMap(bankTransaction, selectedCategory));
 		previousTransactionIdRef.current = bankTransaction.id;
-		setSessionCategories(buildInitialSessionCategoriesMap(bankTransaction));
-	}, [bankTransaction]);
+	}, [bankTransaction, selectedCategory]);
 	const categoryOptions = useMemo(() => buildCategoryOptions(sessionCategories, t("bankTransactions:action.show_all_categories", "Show all categories")), [sessionCategories, t]);
 	const handleCategoryGridSelect = useCallback((selectionKeys) => {
 		if (selectionKeys === "all") return;
@@ -18548,7 +18631,8 @@ var BankTransactionsMobileCategorySelection = ({ bankTransaction, showTooltips =
 		setTransactionCategorySelection(bankTransaction.id, selectedDrawerCategory);
 	}, [bankTransaction.id, setTransactionCategorySelection]);
 	const handleTaxCodeSelect = useCallback((taxCode) => {
-		setTransactionTaxCodeSelection(bankTransaction.id, taxCode);
+		var _taxCode$value;
+		setTransactionTaxCodeSelection(bankTransaction.id, (_taxCode$value = taxCode === null || taxCode === void 0 ? void 0 : taxCode.value) !== null && _taxCode$value !== void 0 ? _taxCode$value : null);
 	}, [bankTransaction.id, setTransactionTaxCodeSelection]);
 	return /* @__PURE__ */ jsxs(VStack, {
 		gap: "sm",
@@ -18568,7 +18652,7 @@ var BankTransactionsMobileCategorySelection = ({ bankTransaction, showTooltips =
 			}),
 			hasTaxCodeOptions && canCategoryHaveTaxCode(selectedCategory) && /* @__PURE__ */ jsx(TaxCodeMobileDrawer, {
 				options: taxCodeOptions,
-				selectedValue: selectedTaxCode,
+				selectedValue: getSelectedTaxCodeOption(selectedTaxCode),
 				onSelectedValueChange: handleTaxCodeSelect,
 				isDisabled: isSubmitting
 			}),
@@ -18963,7 +19047,7 @@ var BankTransactionsMobileListSplitForm = ({ bankTransaction, showTooltips, show
 													return _objectSpread2(_objectSpread2({}, currentSplit), {}, { taxCode: (_value$value = value === null || value === void 0 ? void 0 : value.value) !== null && _value$value !== void 0 ? _value$value : null });
 												});
 											},
-											isDisabled: !showCategorization
+											isDisabled: !showCategorization || !canCategoryHaveTaxCode(split.category)
 										})
 									}),
 									/* @__PURE__ */ jsx(Button$1, {
@@ -19120,11 +19204,10 @@ var PURPOSE_TOGGLE_CONFIG = [
 	_objectSpread2(_objectSpread2({ value: "personal" }, translationKey("common:label.personal", "Personal")), {}, { style: { minWidth: 84 } }),
 	_objectSpread2(_objectSpread2({ value: "more" }, translationKey("common:label.more", "More")), {}, { style: { minWidth: 84 } })
 ];
-var BankTransactionsMobileListItemExpandedRow = ({ bankTransaction, isOpen, showCategorization, showDescriptions, showReceiptUploads, showTooltips }) => {
+var BankTransactionsMobileListItemExpandedRow = ({ bankTransaction, isOpen, purpose, setPurpose, showCategorization, showDescriptions, showReceiptUploads, showTooltips }) => {
 	const { t } = useTranslation();
 	const selectedCategorization = useGetBankTransactionCategorizationWithDefault(bankTransaction);
 	const { setTransactionSelectionVariant } = useBankTransactionsCategorizationActions();
-	const [purpose, setPurpose] = useState(getPurposeFromStore(selectedCategorization));
 	const purposeToggleOptions = useMemo(() => PURPOSE_TOGGLE_CONFIG.map((opt) => _objectSpread2(_objectSpread2({}, opt), {}, { label: t(opt.i18nKey, opt.defaultValue) })), [t]);
 	const onChangePurpose = (key) => {
 		const nextPurpose = key;
@@ -19153,12 +19236,6 @@ var BankTransactionsMobileListItemExpandedRow = ({ bankTransaction, isOpen, show
 		})]
 	});
 };
-var getPurposeFromStore = (selectedCategorization) => {
-	if (selectedCategorization.variant === BankTransactionSelectionVariant.MATCH) return Purpose.more;
-	if (selectedCategorization.category === null) return Purpose.business;
-	if (isSplitAsOption(selectedCategorization.category)) return Purpose.more;
-	return Purpose.business;
-};
 //#endregion
 //#region src/components/BankTransactionsMobileList/TransactionToOpenContext.ts
 var useTransactionToOpen = () => {
@@ -19194,6 +19271,8 @@ var BankTransactionsMobileListItem = ({ index, bankTransaction, initialLoad, isF
 	var _bankTransaction$coun, _bankTransaction$acco;
 	const { shouldHideAfterCategorize } = useBankTransactionsContext();
 	const { setTransactionIdToOpen, transactionIdToOpen, clearTransactionIdToOpen } = useContext(TransactionToOpenContext);
+	const selectedCategorization = useGetBankTransactionCategorizationWithDefault(bankTransaction);
+	const [purpose, setPurpose] = useState(() => getPurposeFromStore(selectedCategorization));
 	const categorized = isCategorized(bankTransaction);
 	const isCategorizationEnabled = useBankTransactionsIsCategorizationEnabledContext();
 	const { select, deselect } = useBulkSelectionActions();
@@ -19340,6 +19419,8 @@ var BankTransactionsMobileListItem = ({ index, bankTransaction, initialLoad, isF
 			children: /* @__PURE__ */ jsx(BankTransactionsMobileListItemExpandedRow, {
 				bankTransaction,
 				isOpen: open,
+				purpose,
+				setPurpose,
 				showCategorization: isCategorizationEnabled,
 				showDescriptions,
 				showReceiptUploads,
@@ -19348,6 +19429,13 @@ var BankTransactionsMobileListItem = ({ index, bankTransaction, initialLoad, isF
 		})] })
 	});
 };
+var getPurposeFromStore = (selectedCategorization) => {
+	if (selectedCategorization.variant === BankTransactionSelectionVariant.MATCH) return Purpose.more;
+	const category = selectedCategorization.category;
+	if (category === null) return Purpose.business;
+	if (isSplitAsOption(category)) return category.isSingleSplit ? Purpose.business : Purpose.more;
+	return Purpose.business;
+};
 //#endregion
 //#region src/components/BankTransactionsMobileList/BankTransactionsMobileList.tsx
 var BankTransactionsMobileList = ({ bankTransactions, initialLoad, showDescriptions, showReceiptUploads, showTooltips }) => {
@@ -19894,7 +19982,7 @@ function useCategorizationRulesGlobalCacheActions() {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/categorization-rules/[categorization-rule-id]/archive/useArchiveCategorizationRule.ts
 var ARCHIVE_CATEGORIZATION_RULE_TAG = "#archive-categorization-rule";
-function buildKey$64({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$63({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -19909,7 +19997,7 @@ function useArchiveCategorizationRule() {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
 	const { forceReloadCategorizationRules } = useCategorizationRulesGlobalCacheActions();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$64({
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$63({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -20777,7 +20865,7 @@ var ErrorBoundary = class extends Component {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/categorization-rules/suggestions/useRejectCategorizationRulesUpdateSuggestion.ts
 var REJECT_CATEGORIZATION_RULE_SUGGESTION_TAG = "#reject-categorization-rule-suggestion";
-function buildKey$63({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$62({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -20790,7 +20878,7 @@ function useRejectCategorizationRulesUpdateSuggestion() {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$63({
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$62({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -20810,7 +20898,7 @@ function useRejectCategorizationRulesUpdateSuggestion() {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/categorization-rules/useCreateCategorizationRule.ts
 var CREATE_CATEGORIZATION_RULE_TAG = "#create-categorization-rule";
-function buildKey$62({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$61({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -20827,7 +20915,7 @@ function useCreateCategorizationRule() {
 	const { forceReloadBankTransactions } = useBankTransactionsGlobalCacheActions();
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
 	const { forceReloadCategorizationRules } = useCategorizationRulesGlobalCacheActions();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$62({
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$61({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -20977,7 +21065,7 @@ var TransactionColumns = /* @__PURE__ */ function(TransactionColumns) {
 	TransactionColumns["Amount"] = "Amount";
 	return TransactionColumns;
 }(TransactionColumns || {});
-var ErrorState$6 = () => {
+var ErrorState$4 = () => {
 	const { t } = useTranslation();
 	return /* @__PURE__ */ jsx(DataState, {
 		spacing: true,
@@ -21041,7 +21129,7 @@ var AffectedTransactionsTable = ({ transactions, isLoading = false, isError = fa
 			shrinkHeightToFitRows: true,
 			slots: {
 				EmptyState: EmptyState$5,
-				ErrorState: ErrorState$6
+				ErrorState: ErrorState$4
 			}
 		})
 	});
@@ -21989,7 +22077,7 @@ var PlusIcon = (_ref) => {
 };
 //#endregion
 //#region src/hooks/features/bankAccounts/useConfirmAndExcludeMultiple.ts
-function buildKey$61({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$60({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -22019,7 +22107,7 @@ function useConfirmAndExcludeMultiple({ onSuccess }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWRMutation(() => withLocale(buildKey$61({
+	return useSWRMutation(() => withLocale(buildKey$60({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -22890,7 +22978,7 @@ var LinkedAccountsContent = ({ asWidget, showLedgerBalance, showUnlinkItem, show
 //#endregion
 //#region src/hooks/legacy/useUpdateOpeningBalanceAndDate.ts
 var updateBankAccountOpeningBalance = post(({ businessId, bankAccountId }) => `/v1/businesses/${businessId}/bank-accounts/${bankAccountId}/opening-balance`);
-function buildKey$60({ access_token: accessToken, apiUrl, businessId, data }) {
+function buildKey$59({ access_token: accessToken, apiUrl, businessId, data }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -22922,7 +23010,7 @@ function useBulkSetOpeningBalanceAndDate(data, { onSuccess }) {
 		if (!openingBalance) errors.push("MISSING_BALANCE");
 		return errors;
 	};
-	return useSWRMutation(() => withLocale(buildKey$60({
+	return useSWRMutation(() => withLocale(buildKey$59({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId,
@@ -24424,17 +24512,6 @@ var ProfitAndLossChart = ({ tagFilter, hideLegend = false }) => {
 	});
 };
 //#endregion
-//#region src/components/Button/BackButton.tsx
-var _excluded$27 = ["className", "textOnly"];
-var BackButton = (_ref) => {
-	let { className, textOnly = false } = _ref, props = _objectWithoutProperties(_ref, _excluded$27);
-	const baseClassName = classNames("Layer__btn", "Layer__back-btn", className);
-	return /* @__PURE__ */ jsx("button", _objectSpread2(_objectSpread2({}, props), {}, {
-		className: baseClassName,
-		children: textOnly ? "Back" : /* @__PURE__ */ jsx(BackArrow, { size: 16 })
-	}));
-};
-//#endregion
 //#region src/components/DetailedCharts/DetailedChart.tsx
 var DetailedChart = ({ data, isLoading, interactionProps, stylingProps, slots }) => {
 	var _chartData$find$value, _chartData$find;
@@ -24605,7 +24682,7 @@ var DetailedChart = ({ data, isLoading, interactionProps, stylingProps, slots })
 };
 //#endregion
 //#region src/icons/SortArrows.tsx
-var _excluded$26 = ["size"];
+var _excluded$27 = ["size"];
 var ClassNames = {
 	DESC_ARROW: "Layer__SortArrows__DescArrow",
 	ASC_ARROW: "Layer__SortArrows__AscArrow"
@@ -24616,7 +24693,7 @@ var SortArrows = (_ref) => {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 13",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$26)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$27)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsxs("g", {
@@ -24761,7 +24838,7 @@ var RegularValueIcon = ({ colorMapping }) => {
 };
 //#endregion
 //#region src/components/DetailedTable/DetailedTable.tsx
-var _excluded$25 = ["data"];
+var _excluded$26 = ["data"];
 var DetailedTable = ({ stylingProps, sortParams, sortFunction, interactionProps, rows, stringOverrides, showTypeColumn = true }) => {
 	const { t } = useTranslation();
 	const setAndToggleSortDirection = (params) => {
@@ -24771,22 +24848,12 @@ var DetailedTable = ({ stylingProps, sortParams, sortFunction, interactionProps,
 			sortOrder: sortOrderOverride
 		}, defaultSortOrder);
 	};
-	const buildHeaderVariant = useCallback((column) => {
-		return sortParams.sortBy === column ? void 0 : "subtle";
-	}, [sortParams.sortBy]);
 	const { isMobile, isDesktop } = useSizeClass();
 	const hasType = showTypeColumn && rows.length > 0 && rows.map((r) => r.item.type).every((type) => type !== void 0);
 	const isSortable = interactionProps !== NO_OP_INTERACTION_PROPS;
-	useEffect(() => {
-		if (!hasType && sortParams.sortBy === "type") sortFunction({
-			sortBy: "value",
-			sortOrder: void 0
-		}, SortOrder.DESC);
-	}, [
-		hasType,
-		sortParams.sortBy,
-		sortFunction
-	]);
+	const buildHeaderVariant = useCallback((column) => {
+		return sortParams.sortBy === column ? void 0 : "subtle";
+	}, [sortParams.sortBy]);
 	return /* @__PURE__ */ jsx(VStack, {
 		className: "Layer__DetailedTable",
 		children: /* @__PURE__ */ jsx(VStack, {
@@ -24902,7 +24969,7 @@ var DetailedTable = ({ stylingProps, sortParams, sortFunction, interactionProps,
 	});
 };
 var DetailedTableWithData = (_ref) => {
-	let { data } = _ref, props = _objectWithoutProperties(_ref, _excluded$25);
+	let { data } = _ref, props = _objectWithoutProperties(_ref, _excluded$26);
 	return /* @__PURE__ */ jsx(DetailedTable, _objectSpread2({ rows: useDetailedTableRows({ data }) }, props));
 };
 //#endregion
@@ -25075,9 +25142,20 @@ var LedgerAccountsContext = createContext({
 	fetchMore: () => {}
 });
 //#endregion
+//#region src/components/Button/BackButton.tsx
+var _excluded$25 = ["className", "textOnly"];
+var BackButton = (_ref) => {
+	let { className, textOnly = false } = _ref, props = _objectWithoutProperties(_ref, _excluded$25);
+	const baseClassName = classNames("Layer__btn", "Layer__back-btn", className);
+	return /* @__PURE__ */ jsx("button", _objectSpread2(_objectSpread2({}, props), {}, {
+		className: baseClassName,
+		children: textOnly ? "Back" : /* @__PURE__ */ jsx(BackArrow, { size: 16 })
+	}));
+};
+//#endregion
 //#region src/components/Button/CloseButton.tsx
 var _excluded$24 = ["className", "textOnly"];
-var CloseButton = (_ref) => {
+var CloseButton$1 = (_ref) => {
 	let { className, textOnly = false } = _ref, props = _objectWithoutProperties(_ref, _excluded$24);
 	const baseClassName = classNames("Layer__btn", "Layer__back-btn", className);
 	return /* @__PURE__ */ jsx("button", _objectSpread2(_objectSpread2({}, props), {}, {
@@ -25456,7 +25534,7 @@ var LedgerAccountEntryDetails = ({ stringOverrides }) => {
 					}),
 					/* @__PURE__ */ jsx(HeaderCol, {
 						className: "Layer__show-lg Layer__show-xl",
-						children: /* @__PURE__ */ jsx(CloseButton, { onClick: closeSelectedEntry })
+						children: /* @__PURE__ */ jsx(CloseButton$1, { onClick: closeSelectedEntry })
 					})
 				] })
 			}),
@@ -25586,7 +25664,7 @@ var PnlDetailColumns = /* @__PURE__ */ function(PnlDetailColumns) {
 	PnlDetailColumns["Balance"] = "Balance";
 	return PnlDetailColumns;
 }(PnlDetailColumns || {});
-var ErrorState$5 = () => {
+var ErrorState$3 = () => {
 	const { t } = useTranslation();
 	return /* @__PURE__ */ jsx(DataState, {
 		spacing: true,
@@ -25769,7 +25847,7 @@ var ProfitAndLossDetailReport = ({ lineItemName, breadcrumbPath, onClose, onBrea
 				shrinkHeightToFitRows: true,
 				slots: {
 					EmptyState: EmptyState$4,
-					ErrorState: ErrorState$5
+					ErrorState: ErrorState$3
 				}
 			}), rowsWithRunningBalance.lines.length > 0 && /* @__PURE__ */ jsxs(HStack, {
 				pb: "sm",
@@ -25822,6 +25900,68 @@ function DetailReportModal({ isOpen, onOpenChange, selectedItem, onBreadcrumbCli
 	});
 }
 //#endregion
+//#region src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedChartsHeader.tsx
+var HeaderTitle = ({ title, dateLabel, isTablet, showDatePicker }) => /* @__PURE__ */ jsxs(VStack, {
+	className: "Layer__ProfitAndLossDetailedChartsHeader__head",
+	children: [
+		/* @__PURE__ */ jsx(Span, {
+			size: "lg",
+			weight: "bold",
+			children: title
+		}),
+		/* @__PURE__ */ jsx(Span, {
+			size: "sm",
+			variant: isTablet ? void 0 : "subtle",
+			className: "Layer__ProfitAndLossDetailedChartsHeader__date",
+			children: dateLabel
+		}),
+		!isTablet && showDatePicker && /* @__PURE__ */ jsx(GlobalMonthPicker, {})
+	]
+});
+var CloseButtonVariant = /* @__PURE__ */ function(CloseButtonVariant) {
+	CloseButtonVariant["OutlinedIconButton"] = "OutlinedIconButton";
+	CloseButtonVariant["BackButton"] = "BackButton";
+	return CloseButtonVariant;
+}(CloseButtonVariant || {});
+var CloseButton = ({ variant, onClose, ariaLabel }) => {
+	if (variant === CloseButtonVariant.BackButton) return /* @__PURE__ */ jsx(BackButton, {
+		onClick: onClose,
+		"aria-label": ariaLabel
+	});
+	return /* @__PURE__ */ jsx(Button$1, {
+		icon: true,
+		inset: true,
+		variant: "outlined",
+		onPress: onClose,
+		"aria-label": ariaLabel,
+		children: /* @__PURE__ */ jsx(XIcon, {})
+	});
+};
+var ProfitAndLossDetailedChartsHeader = ({ title, date, mode, showCloseButton = true, showDatePicker = false, onClose }) => {
+	const { t } = useTranslation();
+	const { formatDate } = useIntlFormatter();
+	const isTablet = mode === "tablet";
+	const headerProps = {
+		title,
+		isTablet,
+		showDatePicker,
+		dateLabel: formatDate(date, DateFormat.MonthYear)
+	};
+	const closeButtonProps = {
+		variant: isTablet ? CloseButtonVariant.BackButton : CloseButtonVariant.OutlinedIconButton,
+		onClose,
+		ariaLabel: t("common:action.close_label", "Close")
+	};
+	return /* @__PURE__ */ jsxs("header", {
+		className: classNames("Layer__ProfitAndLossDetailedChartsHeader", `Layer__ProfitAndLossDetailedChartsHeader--${mode}`),
+		children: [
+			isTablet && showCloseButton && /* @__PURE__ */ jsx(CloseButton, _objectSpread2({}, closeButtonProps)),
+			/* @__PURE__ */ jsx(HeaderTitle, _objectSpread2({}, headerProps)),
+			!isTablet && showCloseButton && /* @__PURE__ */ jsx(CloseButton, _objectSpread2({}, closeButtonProps))
+		]
+	});
+};
+//#endregion
 //#region src/utils/chartColors.ts
 var DEFAULT_CHART_COLORS = [
 	"#008028",
@@ -25932,9 +26072,9 @@ var DetailedChartsDatePickerHeader = () => {
 	});
 };
 var ProfitAndLossDetailedCharts = ({ scope, hideClose = false, hideHeader = false, showDatePicker = false, chartColorsList, stringOverrides, slotProps }) => {
-	var _ref, _filters$activeScope, _filters$activeScope$, _filters$activeScope2, _ref2;
+	var _ref, _filters$activeScope, _filters$activeScope$, _filters$activeScope2, _ref2, _slotProps$detailedTa, _slotProps$detailedTa2;
 	const { t } = useTranslation();
-	const { formatDate } = useIntlFormatter();
+	const { isDesktop } = useSizeClass();
 	const { chartDataRevenue, tableDataRevenue, totalRevenue, chartDataExpenses, tableDataExpenses, totalExpenses, sortBy: _oldSortByScope, isLoading, filters, dateRange, sidebarScope, setSidebarScope } = useContext(ProfitAndLossContext);
 	const activeScope = (_ref = scope !== null && scope !== void 0 ? scope : sidebarScope) !== null && _ref !== void 0 ? _ref : "expenses";
 	const sortOrder = ((_filters$activeScope = filters[activeScope]) === null || _filters$activeScope === void 0 ? void 0 : _filters$activeScope.sortOrder) === SortOrder.ASC ? SortOrder.ASC : SortOrder.DESC;
@@ -25942,10 +26082,21 @@ var ProfitAndLossDetailedCharts = ({ scope, hideClose = false, hideHeader = fals
 	const chartData = activeScope === "revenue" ? chartDataRevenue : chartDataExpenses;
 	const tableData = activeScope === "revenue" ? tableDataRevenue : tableDataExpenses;
 	const total = (_ref2 = activeScope === "revenue" ? totalRevenue : totalExpenses) !== null && _ref2 !== void 0 ? _ref2 : 0;
-	const sortParams = useMemo(() => ({
-		sortBy: sortByField,
+	const tableHasType = ((_slotProps$detailedTa = slotProps === null || slotProps === void 0 || (_slotProps$detailedTa2 = slotProps.detailedTable) === null || _slotProps$detailedTa2 === void 0 ? void 0 : _slotProps$detailedTa2.showTypeColumn) !== null && _slotProps$detailedTa !== void 0 ? _slotProps$detailedTa : true) && tableData.length > 0 && tableData.every((item) => item.type !== void 0);
+	const sortParams = useMemo(() => {
+		if (!tableHasType && sortByField === "type") return {
+			sortBy: "value",
+			sortOrder: SortOrder.DESC
+		};
+		return {
+			sortBy: sortByField,
+			sortOrder
+		};
+	}, [
+		tableHasType,
+		sortByField,
 		sortOrder
-	}), [sortByField, sortOrder]);
+	]);
 	const isEmpty = useMemo(() => {
 		if (isLoading) return false;
 		const chartDataValues = chartData.map((x) => _objectSpread2(_objectSpread2({}, x), {}, { value: x.value > 0 ? x.value : 0 }));
@@ -25976,10 +26127,19 @@ var ProfitAndLossDetailedCharts = ({ scope, hideClose = false, hideHeader = fals
 		colorSelector,
 		fallbackFillSelector
 	}), [colorSelector, fallbackFillSelector]);
+	const sortedTableData = useMemo(() => {
+		if (sortParams.sortBy === sortByField && sortParams.sortOrder === sortOrder) return tableData;
+		return [...tableData].sort(createPnlLineItemComparator(sortParams));
+	}, [
+		tableData,
+		sortParams,
+		sortByField,
+		sortOrder
+	]);
 	const tableDataWithTotal = useMemo(() => ({
-		data: tableData,
+		data: sortedTableData,
 		total
-	}), [tableData, total]);
+	}), [sortedTableData, total]);
 	const chartDataWithTotal = useMemo(() => ({
 		data: chartData,
 		total
@@ -25988,50 +26148,17 @@ var ProfitAndLossDetailedCharts = ({ scope, hideClose = false, hideHeader = fals
 	const sortFunction = useCallback((sortParams, defaultSortOrder) => {
 		if (sortParams.sortBy) _oldSortByScope(activeScope, sortParams.sortBy, sortParams.sortOrder, defaultSortOrder);
 	}, [_oldSortByScope, activeScope]);
+	const handleClose = useCallback(() => setSidebarScope(void 0), [setSidebarScope]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "Layer__profit-and-loss-detailed-charts",
 		children: [
-			!hideHeader && /* @__PURE__ */ jsxs("header", {
-				className: "Layer__profit-and-loss-detailed-charts__header",
-				children: [/* @__PURE__ */ jsxs(VStack, {
-					className: "Layer__profit-and-loss-detailed-charts__head",
-					children: [
-						/* @__PURE__ */ jsx(Span, {
-							size: "lg",
-							weight: "bold",
-							children: humanizeTitle(activeScope, stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.detailedChartStringOverrides, t)
-						}),
-						/* @__PURE__ */ jsx(Span, {
-							size: "sm",
-							variant: "subtle",
-							children: formatDate(dateRange.startDate, DateFormat.MonthYear)
-						}),
-						showDatePicker && /* @__PURE__ */ jsx(GlobalMonthPicker, {})
-					]
-				}), !hideClose && /* @__PURE__ */ jsx(Button$1, {
-					icon: true,
-					inset: true,
-					variant: "outlined",
-					onPress: () => setSidebarScope(void 0),
-					"aria-label": t("common:action.close", "Close"),
-					children: /* @__PURE__ */ jsx(X$1, {})
-				})]
-			}),
-			!hideHeader && /* @__PURE__ */ jsxs("header", {
-				className: "Layer__profit-and-loss-detailed-charts__header--tablet",
-				children: [!hideClose && /* @__PURE__ */ jsx(BackButton, { onClick: () => setSidebarScope(void 0) }), /* @__PURE__ */ jsxs(VStack, {
-					className: "Layer__profit-and-loss-detailed-charts__head",
-					children: [/* @__PURE__ */ jsx(Span, {
-						size: "lg",
-						weight: "bold",
-						className: "title",
-						children: humanizeTitle(activeScope, stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.detailedChartStringOverrides, t)
-					}), /* @__PURE__ */ jsx(Span, {
-						size: "sm",
-						className: "date",
-						children: formatDate(dateRange.startDate, DateFormat.MonthYear)
-					})]
-				})]
+			!hideHeader && /* @__PURE__ */ jsx(ProfitAndLossDetailedChartsHeader, {
+				mode: isDesktop ? "desktop" : "tablet",
+				title: humanizeTitle(activeScope, stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.detailedChartStringOverrides, t),
+				date: dateRange.startDate,
+				showCloseButton: !hideClose,
+				showDatePicker,
+				onClose: handleClose
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "Layer__profit-and-loss-detailed-charts__content",
@@ -26315,7 +26442,7 @@ var getProfitAndLossDetailLinesExcel = (apiUrl, accessToken, params) => {
 	});
 	return get(({ businessId }) => `/v1/businesses/${businessId}/reports/profit-and-loss/lines/exports/excel?${queryParams.toString()}`)(apiUrl, accessToken, { params: { businessId } });
 };
-function buildKey$59({ access_token: accessToken, apiUrl, businessId, startDate, endDate, pnlStructureLineItemName, tagFilter, reportingBasis, pnlStructure }) {
+function buildKey$58({ access_token: accessToken, apiUrl, businessId, startDate, endDate, pnlStructureLineItemName, tagFilter, reportingBasis, pnlStructure }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -26338,7 +26465,7 @@ function useProfitAndLossDetailLinesExport({ startDate, endDate, pnlStructureLin
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
-	return useSWRMutation(() => withLocale(buildKey$59(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return useSWRMutation(() => withLocale(buildKey$58(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		startDate,
@@ -27814,7 +27941,7 @@ ProfitAndLoss.Report = ProfitAndLossReport;
 var getBalanceSheet = get(({ businessId, effectiveDate }) => {
 	return `/v1/businesses/${businessId}/reports/balance-sheet?${toDefinedSearchParameters({ effectiveDate })}`;
 });
-function buildKey$58({ access_token: accessToken, apiUrl, businessId, effectiveDate }) {
+function buildKey$57({ access_token: accessToken, apiUrl, businessId, effectiveDate }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -27828,7 +27955,7 @@ function useBalanceSheet({ effectiveDate = endOfDay(/* @__PURE__ */ new Date())
 	const { data: auth } = useAuth();
 	const { apiUrl } = useEnvironment();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$58(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$57(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		effectiveDate
@@ -27892,7 +28019,7 @@ var getBalanceSheetExcel = get(({ businessId, effectiveDate }) => {
 	return `/v1/businesses/${businessId}/reports/balance-sheet/exports/excel?${toDefinedSearchParameters({ effectiveDate })}`;
 });
 var DOWNLOAD_BALANCE_SHEET_TAG_KEY = "#download-balance-sheet";
-function buildKey$57({ access_token: accessToken, apiUrl, businessId, effectiveDate }) {
+function buildKey$56({ access_token: accessToken, apiUrl, businessId, effectiveDate }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -27905,7 +28032,7 @@ function useBalanceSheetDownload({ effectiveDate, onSuccess }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWRMutation(() => withLocale(buildKey$57(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return useSWRMutation(() => withLocale(buildKey$56(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		effectiveDate
 	}))), ({ accessToken, apiUrl, businessId, effectiveDate }) => getBalanceSheetExcel(apiUrl, accessToken, { params: {
@@ -28120,7 +28247,7 @@ var getStatementOfCashFlow = get(({ businessId, startDate, endDate }) => {
 		endDate
 	})}`;
 });
-function buildKey$56({ access_token: accessToken, apiUrl, businessId, startDate, endDate }) {
+function buildKey$55({ access_token: accessToken, apiUrl, businessId, startDate, endDate }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -28135,7 +28262,7 @@ function useStatementOfCashFlow({ startDate = startOfMonth(/* @__PURE__ */ new D
 	const { data: auth } = useAuth();
 	const { apiUrl } = useEnvironment();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(withLocale(buildKey$56(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult(useSWR(withLocale(buildKey$55(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		startDate,
@@ -28196,7 +28323,7 @@ var getCashflowStatementCSV = get(({ businessId, startDate, endDate }) => {
 	})}`;
 });
 var DOWNLOAD_CASHFLOW_STATEMENT_TAG_KEY = "#download-cashflow-statement";
-function buildKey$55({ access_token: accessToken, apiUrl, businessId, startDate, endDate }) {
+function buildKey$54({ access_token: accessToken, apiUrl, businessId, startDate, endDate }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -28210,7 +28337,7 @@ function useCashflowStatementDownload({ startDate, endDate, onSuccess }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWRMutation(() => withLocale(buildKey$55(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return useSWRMutation(() => withLocale(buildKey$54(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		startDate,
 		endDate
@@ -28380,7 +28507,7 @@ var StatementOfCashFlowView = ({ view: propView, stringOverrides, dateSelectionM
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/ledger/accounts/[account-id]/useDeleteLedgerAccount.ts
 var deleteAccountFromLedger = del(({ businessId, accountId }) => `/v1/businesses/${businessId}/ledger/accounts/${accountId}`);
-function buildKey$54({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$53({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -28392,7 +28519,7 @@ function useDeleteAccountFromLedger() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$54(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { accountId } }) => deleteAccountFromLedger(apiUrl, accessToken, { params: {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$53(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { accountId } }) => deleteAccountFromLedger(apiUrl, accessToken, { params: {
 		businessId,
 		accountId
 	} }), {
@@ -28414,7 +28541,7 @@ var getLedgerAccountBalances = get(({ businessId, startDate, endDate }) => {
 		endDate
 	})}`;
 });
-function buildKey$53({ access_token: accessToken, apiUrl, businessId, startDate, endDate }) {
+function buildKey$52({ access_token: accessToken, apiUrl, businessId, startDate, endDate }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -28428,7 +28555,7 @@ function useLedgerBalances(withDates, startDate, endDate) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$53(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$52(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		startDate: withDates ? startDate : void 0,
 		endDate: withDates ? endDate : void 0
@@ -28996,7 +29123,7 @@ function useListLedgerAccountLines({ accountId, include_entries_before_activatio
 //#region src/hooks/api/businesses/[business-id]/ledger/entries/[entry-id]/useLedgerAccountsEntry.ts
 var LEDGER_ACCOUNTS_ENTRY_TAG_KEY = "#ledger-accounts-entry";
 var getLedgerAccountsEntry = get(({ businessId, entryId }) => `/v1/businesses/${businessId}/ledger/entries/${entryId}`);
-function buildKey$52({ accessToken, apiUrl, businessId, entryId }) {
+function buildKey$51({ accessToken, apiUrl, businessId, entryId }) {
 	if (!accessToken || !entryId) return null;
 	return {
 		accessToken,
@@ -29011,7 +29138,7 @@ function useLedgerAccountsEntry({ entryId }) {
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$52({
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$51({
 		accessToken: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl,
 		businessId,
@@ -29763,7 +29890,7 @@ var Plus$1 = (_ref) => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/ledger/balances/exports/csv/useAccountBalancesDownload.ts
 var getLedgerAccountBalancesCSV = get(({ businessId }) => `/v1/businesses/${businessId}/ledger/balances/exports/csv`);
-function buildKey$51({ access_token: accessToken, apiUrl, businessId, startCutoff, endCutoff }) {
+function buildKey$50({ access_token: accessToken, apiUrl, businessId, startCutoff, endCutoff }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -29781,7 +29908,7 @@ function useAccountBalancesDownload({ startCutoff, endCutoff, onSuccess }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWRMutation(() => withLocale(buildKey$51(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return useSWRMutation(() => withLocale(buildKey$50(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		startCutoff,
 		endCutoff
@@ -30752,7 +30879,7 @@ var UpsertJournalEntryMode = /* @__PURE__ */ function(UpsertJournalEntryMode) {
 	return UpsertJournalEntryMode;
 }({});
 var createJournalEntry = post(({ businessId }) => `/v1/businesses/${businessId}/ledger/journal-entries`);
-function buildKey$50({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$49({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -30769,7 +30896,7 @@ var useUpsertJournalEntry = (props) => {
 	const { forceReloadLedgerEntries } = useLedgerEntriesCacheActions();
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
 	const { invalidate } = useGlobalCacheActions();
-	const rawMutationResponse = useSWRMutation(() => withLocale(buildKey$50(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: body }) => {
+	const rawMutationResponse = useSWRMutation(() => withLocale(buildKey$49(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: body }) => {
 		return createJournalEntry(apiUrl, accessToken, {
 			params: { businessId },
 			body
@@ -31479,7 +31606,7 @@ var JournalEntryDrawerHeader = ({ onSubmit, formState }) => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/ledger/entries/exports/csv/useJournalEntriesDownload.ts
 var getJournalEntriesCSV = get(({ businessId }) => `/v1/businesses/${businessId}/ledger/entries/exports/csv`);
-function buildKey$49({ access_token: accessToken, apiUrl, businessId, startCutoff, endCutoff }) {
+function buildKey$48({ access_token: accessToken, apiUrl, businessId, startCutoff, endCutoff }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -31497,7 +31624,7 @@ function useJournalEntriesDownload({ startCutoff, endCutoff, onSuccess }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWRMutation(() => withLocale(buildKey$49(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return useSWRMutation(() => withLocale(buildKey$48(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		startCutoff,
 		endCutoff
@@ -31602,7 +31729,7 @@ var JournalEntryDetails = () => {
 					}),
 					/* @__PURE__ */ jsx(HeaderCol, {
 						className: "Layer__show-lg Layer__show-xl",
-						children: /* @__PURE__ */ jsx(CloseButton, { onClick: closeSelectedEntry })
+						children: /* @__PURE__ */ jsx(CloseButton$1, { onClick: closeSelectedEntry })
 					})
 				] })
 			}),
@@ -32189,7 +32316,7 @@ function getIconForTask(task) {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/tasks/[task-id]/upload/delete/useDeleteUploadsOnTask.ts
 var deleteUploadsOnTask = post(({ businessId, taskId }) => `/v1/businesses/${businessId}/tasks/${taskId}/upload/delete`);
-function buildKey$48({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$47({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -32202,7 +32329,7 @@ function useDeleteUploadsOnTask() {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
 	const { mutate } = useSWRConfig();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$48(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { taskId } }) => deleteUploadsOnTask(apiUrl, accessToken, { params: {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$47(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { taskId } }) => deleteUploadsOnTask(apiUrl, accessToken, { params: {
 		businessId,
 		taskId
 	} }), {
@@ -32223,7 +32350,7 @@ function useDeleteUploadsOnTask() {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/tasks/[task-id]/upload/update-description/useUpdateTaskUploadDescription.ts
 var updateTaskUploadsDescription = post(({ businessId, taskId }) => `/v1/businesses/${businessId}/tasks/${taskId}/upload/update-description`);
-function buildKey$47({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$46({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -32236,7 +32363,7 @@ function useUpdateTaskUploadDescription() {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
 	const { mutate } = useSWRConfig();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$47(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { taskId, description } }) => updateTaskUploadsDescription(apiUrl, accessToken, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$46(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { taskId, description } }) => updateTaskUploadsDescription(apiUrl, accessToken, {
 		params: {
 			businessId,
 			taskId
@@ -32268,7 +32395,7 @@ function completeTaskWithUpload(baseUrl, accessToken, { businessId, taskId, file
 	if (description) formData.append("description", description);
 	return postWithFormData(`/v1/businesses/${businessId}/tasks/${taskId}/upload`, formData, baseUrl, accessToken);
 }
-function buildKey$46({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$45({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -32281,7 +32408,7 @@ function useUploadDocumentsForTask() {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
 	const { mutate } = useSWRConfig();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$46(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { taskId, files, description } }) => completeTaskWithUpload(apiUrl, accessToken, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$45(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { taskId, files, description } }) => completeTaskWithUpload(apiUrl, accessToken, {
 		businessId,
 		taskId,
 		files,
@@ -32304,7 +32431,7 @@ function useUploadDocumentsForTask() {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/tasks/[task-id]/user-response/useSubmitResponseForTask.ts
 var submitUserResponseForTask = post(({ businessId, taskId }) => `/v1/businesses/${businessId}/tasks/${taskId}/user-response`);
-function buildKey$45({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$44({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -32317,7 +32444,7 @@ function useSubmitUserResponseForTask() {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
 	const { mutate } = useSWRConfig();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$45(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { taskId, userResponse } }) => submitUserResponseForTask(apiUrl, accessToken, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$44(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { taskId, userResponse } }) => submitUserResponseForTask(apiUrl, accessToken, {
 		body: {
 			type: "FreeResponse",
 			user_response: userResponse
@@ -34361,7 +34488,7 @@ var MileageSummarySchema = Schema.Struct({ years: Schema.Array(MileageYearSchema
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/mileage/summary/useMileageSummary.tsx
 var MILEAGE_SUMMARY_TAG_KEY = "#mileage-summary";
-function buildKey$44({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$43({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -34374,7 +34501,7 @@ function useMileageSummary() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$44(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }) => getMileageSummary(apiUrl, accessToken, { params: { businessId } })().then(({ data }) => Schema.decodeUnknownPromise(MileageSummarySchema)(data))));
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$43(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }) => getMileageSummary(apiUrl, accessToken, { params: { businessId } })().then(({ data }) => Schema.decodeUnknownPromise(MileageSummarySchema)(data))));
 }
 var useMileageSummaryGlobalCacheActions = () => {
 	const { invalidate } = useGlobalCacheActions();
@@ -34577,7 +34704,7 @@ var listVehicles = get(({ businessId, allowArchived }) => {
 	return `/v1/businesses/${businessId}/mileage/vehicles?${toDefinedSearchParameters({ allowArchived })}`;
 });
 var VEHICLES_TAG_KEY = "#list-vehicles";
-function buildKey$43({ access_token: accessToken, apiUrl, businessId, allowArchived }) {
+function buildKey$42({ access_token: accessToken, apiUrl, businessId, allowArchived }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -34596,7 +34723,7 @@ function useListVehicles({ allowArchived } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new ListVehiclesSWRResponse(useSWR(() => withLocale(buildKey$43(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new ListVehiclesSWRResponse(useSWR(() => withLocale(buildKey$42(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		allowArchived
 	}))), ({ accessToken, apiUrl, businessId, allowArchived }) => listVehicles(apiUrl, accessToken, { params: {
@@ -34625,7 +34752,7 @@ var UpsertTripMode = /* @__PURE__ */ function(UpsertTripMode) {
 }({});
 var createTrip = post(({ businessId }) => `/v1/businesses/${businessId}/mileage/trips`);
 var updateTrip = patch(({ businessId, tripId }) => `/v1/businesses/${businessId}/mileage/trips/${tripId}`);
-function buildKey$42({ access_token: accessToken, apiUrl, businessId, tripId = void 0 }) {
+function buildKey$41({ access_token: accessToken, apiUrl, businessId, tripId = void 0 }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -34666,7 +34793,7 @@ var useUpsertTrip = (props) => {
 	const { businessId } = useLayerContext();
 	const { mode } = props;
 	const tripId = mode === UpsertTripMode.Update ? props.tripId : void 0;
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$42(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$41(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		tripId
 	}))), ({ accessToken, apiUrl, businessId, tripId }, { arg: body }) => {
@@ -35499,7 +35626,7 @@ var InvoiceSummaryStatsResponseSchema = Schema.Struct({
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/invoices/summary-stats/useInvoiceSummaryStats.tsx
 var INVOICE_SUMMARY_STATS_TAG_KEY = "#invoices-summary-stats";
-function buildKey$41({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$40({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -35512,7 +35639,7 @@ function useInvoiceSummaryStats() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$41(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }) => getInvoiceSummaryStats(apiUrl, accessToken, { params: { businessId } })().then(({ data }) => Schema.decodeUnknownPromise(InvoiceSummaryStatsResponseSchema)(data))));
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$40(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }) => getInvoiceSummaryStats(apiUrl, accessToken, { params: { businessId } })().then(({ data }) => Schema.decodeUnknownPromise(InvoiceSummaryStatsResponseSchema)(data))));
 }
 var useInvoiceSummaryStatsCacheActions = () => {
 	const { forceReload } = useGlobalCacheActions();
@@ -35625,7 +35752,7 @@ var UpsertInvoiceMode = /* @__PURE__ */ function(UpsertInvoiceMode) {
 }({});
 var createInvoice = post(({ businessId }) => `/v1/businesses/${businessId}/invoices`);
 var updateInvoice = patch(({ businessId, invoiceId }) => `/v1/businesses/${businessId}/invoices/${invoiceId}`);
-function buildKey$40({ access_token: accessToken, apiUrl, businessId, invoiceId = void 0 }) {
+function buildKey$39({ access_token: accessToken, apiUrl, businessId, invoiceId = void 0 }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -35666,7 +35793,7 @@ var useUpsertInvoice = (props) => {
 	const { businessId } = useLayerContext();
 	const { mode } = props;
 	const invoiceId = mode === UpsertInvoiceMode.Update ? props.invoiceId : void 0;
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$40(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$39(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		invoiceId
 	}))), ({ accessToken, apiUrl, businessId, invoiceId }, { arg: body }) => {
@@ -36288,7 +36415,7 @@ var CustomerRefundSchema = Schema.Struct({
 var REFUND_INVOICE_TAG_KEY = "#refund-invoice";
 var RefundInvoiceReturnSchema = Schema.Struct({ data: CustomerRefundSchema });
 var refundInvoice = post(({ businessId, invoiceId }) => `/v1/businesses/${businessId}/invoices/${invoiceId}/refund`);
-function buildKey$39({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
+function buildKey$38({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -36308,7 +36435,7 @@ var useRefundInvoice = ({ invoiceId }) => {
 		if (invoice.id !== invoiceId) return invoice;
 		return updateInvoiceWithRefund(invoice);
 	}, [invoiceId]);
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$39(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$38(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		invoiceId
 	}))), ({ accessToken, apiUrl, businessId, invoiceId }, { arg: body }) => {
@@ -36616,7 +36743,7 @@ function InvoiceRefundModal({ isOpen, onOpenChange, invoice, onSuccess }) {
 var RESET_INVOICE_TAG_KEY = "#reset-invoice";
 var ResetInvoiceReturnSchema = Schema.Struct({ data: InvoiceSchema });
 var resetInvoice = post(({ businessId, invoiceId }) => `/v1/businesses/${businessId}/invoices/${invoiceId}/reset`);
-function buildKey$38({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
+function buildKey$37({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -36629,7 +36756,7 @@ var useResetInvoice = ({ invoiceId }) => {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$38(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$37(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		invoiceId
 	}))), ({ accessToken, apiUrl, businessId, invoiceId }) => {
@@ -36684,7 +36811,7 @@ function InvoiceResetModal({ isOpen, onOpenChange, invoice, onSuccess }) {
 var VOID_INVOICE_TAG_KEY = "#void-invoice";
 var VoidInvoiceReturnSchema = Schema.Struct({ data: InvoiceSchema });
 var voidInvoice = post(({ businessId, invoiceId }) => `/v1/businesses/${businessId}/invoices/${invoiceId}/void`);
-function buildKey$37({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
+function buildKey$36({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -36697,7 +36824,7 @@ var useVoidInvoice = ({ invoiceId }) => {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$37(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$36(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		invoiceId
 	}))), ({ accessToken, apiUrl, businessId, invoiceId }) => {
@@ -36782,7 +36909,7 @@ var InvoiceWriteoffSchema = Schema.Struct({
 //#region src/hooks/api/businesses/[business-id]/invoices/[invoice-id]/write-off/useWriteoffInvoice.tsx
 var CREATE_INVOICE_WRITEOFF_TAG_KEY = "#writeoff-invoice";
 var writeoffInvoice = post(({ businessId, invoiceId }) => `/v1/businesses/${businessId}/invoices/${invoiceId}/write-off`);
-function buildKey$36({ access_token: accessToken, apiUrl, businessId, invoiceId, invoiceWriteoffId = void 0 }) {
+function buildKey$35({ access_token: accessToken, apiUrl, businessId, invoiceId, invoiceWriteoffId = void 0 }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -36808,7 +36935,7 @@ var useWriteoffInvoice = ({ invoiceId }) => {
 		if (invoice.id !== invoiceId) return invoice;
 		return updateInvoiceWithWriteoff(invoice);
 	}, [invoiceId]);
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$36(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$35(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		invoiceId
 	}))), ({ accessToken, apiUrl, businessId, invoiceId }, { arg: decodedBody }) => {
@@ -37142,7 +37269,7 @@ var UpsertDedicatedInvoicePaymentMode = /* @__PURE__ */ function(UpsertDedicated
 }({});
 var createDedicatedInvoicePayment = post(({ businessId, invoiceId }) => `/v1/businesses/${businessId}/invoices/${invoiceId}/payment/`);
 var updateDedicatedInvoicePayment = put(({ businessId, invoiceId, invoicePaymentId }) => `/v1/businesses/${businessId}/invoices/${invoiceId}/payment/${invoicePaymentId}`);
-function buildKey$35({ access_token: accessToken, apiUrl, businessId, invoiceId, invoicePaymentId = void 0 }) {
+function buildKey$34({ access_token: accessToken, apiUrl, businessId, invoiceId, invoicePaymentId = void 0 }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -37200,7 +37327,7 @@ var useUpsertDedicatedInvoicePayment = (props) => {
 		if (invoice.id !== invoiceId) return invoice;
 		return updateInvoiceWithPayment(invoice, invoicePayment);
 	}, [invoiceId]);
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$35(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$34(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		invoiceId,
 		invoicePaymentId
@@ -37596,7 +37723,7 @@ var AccountingConfigurationSchema = Schema.Struct({
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/accounting-config/useAccountingConfiguration.tsx
 var ACCOUNTING_CONFIGURATION_TAG_KEY = "#accounting-configuration";
-function buildKey$34({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$33({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -37610,7 +37737,7 @@ var getAccountingConfiguration = get(({ businessId }) => {
 function useAccountingConfiguration({ businessId }) {
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	const queryKey = buildKey$34(_objectSpread2(_objectSpread2({}, auth), {}, {
+	const queryKey = buildKey$33(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId
 	}));
@@ -37626,7 +37753,7 @@ var UpsertCustomerMode = /* @__PURE__ */ function(UpsertCustomerMode) {
 }({});
 var createCustomer = post(({ businessId }) => `/v1/businesses/${businessId}/customers`);
 var updateCustomer = patch(({ businessId, customerId }) => `/v1/businesses/${businessId}/customers/${customerId}`);
-function buildKey$33({ access_token: accessToken, apiUrl, businessId, customerId = void 0 }) {
+function buildKey$32({ access_token: accessToken, apiUrl, businessId, customerId = void 0 }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -37670,7 +37797,7 @@ var useUpsertCustomer = (props) => {
 	const { businessId } = useLayerContext();
 	const { mode } = props;
 	const customerId = mode === UpsertCustomerMode.Update ? props.customerId : void 0;
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$33(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$32(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		customerId
 	}))), ({ accessToken, apiUrl, businessId, customerId }, { arg: body }) => {
@@ -38766,7 +38893,7 @@ var InvoicePaymentMethodsResponseSchema = Schema.Struct({ data: InvoicePaymentMe
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/invoices/[invoice-id]/payment-methods/useInvoicePaymentMethods.tsx
 var INVOICE_PAYMENT_METHODS_TAG_KEY = "#invoice-payment-methods";
-function buildKey$32({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
+function buildKey$31({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
 	if (accessToken && apiUrl && invoiceId) return {
 		accessToken,
 		apiUrl,
@@ -38780,7 +38907,7 @@ function useInvoicePaymentMethods({ invoiceId }) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$32(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$31(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		invoiceId
 	}))), ({ accessToken, apiUrl, businessId, invoiceId }) => getInvoicePaymentMethods(apiUrl, accessToken, { params: {
@@ -38794,7 +38921,7 @@ var FINALIZE_INVOICE_TAG_KEY = "#finalize-invoice";
 var FinalizeInvoiceBodySchema = Schema.extend(InvoicePaymentMethodsSchema, Schema.Struct({ customPaymentInstructions: Schema.optional(Schema.String).pipe(Schema.fromKey("custom_payment_instructions")) }));
 var FinalizeInvoiceResponseSchema = Schema.Struct({ data: Schema.extend(InvoicePaymentMethodsSchema, Schema.Struct({ invoice: InvoiceSchema })) });
 var finalizeInvoice = put(({ businessId, invoiceId }) => `/v1/businesses/${businessId}/invoices/${invoiceId}/finalize-invoice`);
-function buildKey$31({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
+function buildKey$30({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -38808,7 +38935,7 @@ function useFinalizeInvoice({ invoiceId }) {
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	const { mutate } = useSWRConfig();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$31(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$30(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		invoiceId
 	}))), ({ accessToken, apiUrl, businessId, invoiceId }, { arg: body }) => finalizeInvoice(apiUrl, accessToken, {
@@ -38980,7 +39107,7 @@ var InvoiceFinalizeForm = ({ invoice, initialPaymentMethods, onSuccess }) => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/invoices/[invoice-id]/html/useInvoicePreview.tsx
 var INVOICE_PREVIEW_TAG_KEY = "#invoices-preview";
-function buildKey$30({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
+function buildKey$29({ access_token: accessToken, apiUrl, businessId, invoiceId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -38994,7 +39121,7 @@ function useInvoicePreview({ invoiceId }) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$30(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$29(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		invoiceId
 	}))), ({ accessToken, apiUrl, businessId, invoiceId }) => getInvoicePreview(apiUrl, accessToken, { params: {
@@ -39387,7 +39514,7 @@ var StripeAccountStatusResponseSchema = Schema.Struct({ data: StripeAccountStatu
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/stripe/status/useStripeAccountStatus.tsx
 var STRIPE_ACCOUNT_STATUS_TAG_KEY = "#stripe-account-status";
-function buildKey$29({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$28({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -39401,7 +39528,7 @@ function useStripeAccountStatus() {
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$29(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$28(_objectSpread2(_objectSpread2({}, data), {}, {
 		apiUrl,
 		businessId
 	}))), ({ accessToken, apiUrl, businessId }) => getStripeAccountStatus(apiUrl, accessToken, { params: { businessId } })().then(Schema.decodeUnknownPromise(StripeAccountStatusResponseSchema)).then(({ data }) => data)));
@@ -39521,7 +39648,7 @@ var StripeConnectAccountLinkDataSchema = Schema.Struct({
 });
 var StripeConnectAccountLinkResponseSchema = Schema.Struct({ data: StripeConnectAccountLinkDataSchema });
 var createStripeConnectAccountLink = post(({ businessId }) => `/v1/businesses/${businessId}/stripe/connect-account-link`);
-function buildKey$28({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$27({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -39534,7 +39661,7 @@ function useStripeConnectAccountLink() {
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
-	return new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$28(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$27(_objectSpread2(_objectSpread2({}, data), {}, {
 		apiUrl,
 		businessId
 	}))), ({ accessToken, apiUrl, businessId }) => {
@@ -39700,7 +39827,7 @@ var Components = ({ hideChart = false, hideTable = false, stringOverrides }) =>
 //#region src/hooks/api/businesses/[business-id]/reports/config/useReportConfig.ts
 var REPORT_CONFIG_TAG_KEY = "#report-config";
 var getReportConfig = get(({ businessId }) => `/v1/businesses/${businessId}/reports/config`);
-function buildKey$27({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$26({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -39712,7 +39839,7 @@ function useReportConfig() {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$27(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), function() {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$26(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), function() {
 		var _ref = _asyncToGenerator(function* ({ accessToken, apiUrl, businessId }) {
 			return getReportConfig(apiUrl, accessToken, { params: { businessId } })().then(Schema.decodeUnknownPromise(ReportConfigResponseSchema)).then(({ data }) => data);
 		});
@@ -40158,7 +40285,7 @@ var getUnifiedReportExcel = get((_ref) => {
 });
 var getTag$1 = (report) => `#unified-${report}-report-excel`;
 var UnifiedReportExcelReturnSchema = Schema.Struct({ data: S3PresignedUrlSchema });
-function buildKey$26({ access_token: accessToken, apiUrl, businessId, params }) {
+function buildKey$25({ access_token: accessToken, apiUrl, businessId, params }) {
 	if (!params || !accessToken || !apiUrl) return;
 	return _objectSpread2(_objectSpread2({
 		accessToken,
@@ -40172,7 +40299,7 @@ function useUnifiedReportExcel({ onSuccess } = {}) {
 	const { apiUrl } = useEnvironment();
 	const { businessId } = useLayerContext();
 	const params = useUnifiedReportParams();
-	return new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$26(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$25(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		params
@@ -40235,7 +40362,7 @@ var _excluded$6 = ["businessId", "route"], _excluded2$1 = [
 	"tags"
 ];
 var getTag = (report) => `#unified-${report}-report`;
-function buildKey$25({ access_token: accessToken, apiUrl, businessId, params }) {
+function buildKey$24({ access_token: accessToken, apiUrl, businessId, params }) {
 	if (!params || !accessToken || !apiUrl) return;
 	return _objectSpread2(_objectSpread2({
 		accessToken,
@@ -40253,7 +40380,7 @@ function useUnifiedReport() {
 	const { apiUrl } = useEnvironment();
 	const { businessId } = useLayerContext();
 	const params = useUnifiedReportParams();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$25(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$24(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		params
@@ -40858,7 +40985,7 @@ var BankTransactionsWithLinkedAccounts = ({ title, showTitle = true, elevatedLin
 //#region src/hooks/api/businesses/[business-id]/call-bookings/useCreateCallBooking.tsx
 var CREATE_CALL_BOOKING_TAG_KEY = "#create-call-booking";
 var createCallBooking = post(({ businessId }) => `/v1/businesses/${businessId}/call-bookings`);
-function buildKey$24({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$23({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -40871,7 +40998,7 @@ function useCreateCallBooking() {
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	const { forceReloadCallBookings } = useCallBookingsGlobalCacheActions();
-	const rawMutationResponse = useSWRMutation(() => withLocale(buildKey$24(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: body }) => createCallBooking(apiUrl, accessToken, {
+	const rawMutationResponse = useSWRMutation(() => withLocale(buildKey$23(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: body }) => createCallBooking(apiUrl, accessToken, {
 		params: { businessId },
 		body
 	}).then(Schema.decodeUnknownPromise(CallBookingItemResponseSchema)), {
@@ -41433,6 +41560,40 @@ var GeneralLedgerView = ({ title, showTitle = true, showTags = true, showCustome
 	});
 };
 //#endregion
+//#region src/hooks/features/mileage/useMileageTrackingYearlySummary.ts
+var EMPTY_MONTHS = Array.from({ length: 12 }, (_, i) => ({
+	month: i + 1,
+	miles: 0,
+	estimatedDeduction: 0
+}));
+function useMileageTrackingYearlySummary() {
+	const { data, isLoading, isError } = useMileageSummary();
+	const { startDate } = useGlobalDateRange({ dateSelectionMode: "year" });
+	const selectedYear = getYear(startDate);
+	const selectedYearData = useMemo(() => data === null || data === void 0 ? void 0 : data.years.find((y) => y.year === selectedYear), [data, selectedYear]);
+	return {
+		data,
+		selectedYear,
+		selectedYearData,
+		chartData: useMemo(() => {
+			if (!selectedYearData) return { years: [{
+				year: selectedYear,
+				months: EMPTY_MONTHS
+			}] };
+			return { years: [{
+				year: selectedYearData.year,
+				months: selectedYearData.months.map(({ month, miles, estimatedDeduction }) => ({
+					month,
+					miles,
+					estimatedDeduction
+				}))
+			}] };
+		}, [selectedYearData, selectedYear]),
+		isLoading,
+		isError
+	};
+}
+//#endregion
 //#region src/components/MileageDeductionChart/MileageDeductionChartTooltip.tsx
 var MileageDeductionChartTooltipContent = ({ active, payload }) => {
 	const { t } = useTranslation();
@@ -41465,13 +41626,13 @@ var MileageDeductionChartTooltip = ({ cursorWidth }) => /* @__PURE__ */ jsx(Char
 });
 //#endregion
 //#region src/components/MileageDeductionChart/MileageDeductionChart.tsx
-var CHART_MARGIN$1 = {
+var CHART_MARGIN$2 = {
 	top: 0,
 	right: 0,
 	bottom: 0,
 	left: 0
 };
-var CHART_HEIGHT$1 = 328;
+var DEFAULT_CHART_HEIGHT = 328;
 var RESIZE_DEBOUNCE_MS = 50;
 var CURSOR_WIDTH_MULTIPLE = 2.2;
 var BAR_RADIUS = [
@@ -41494,7 +41655,7 @@ var getBarSize = (width) => {
 	if (width < MEDIUM_BREAKPOINT) return MEDIUM_BAR_SIZE;
 	return LARGE_BAR_SIZE;
 };
-var MileageDeductionChart = ({ data, selectedYear }) => {
+var MileageDeductionChart = ({ data, selectedYear, chartHeight = DEFAULT_CHART_HEIGHT }) => {
 	var _getColor$hex, _getColor;
 	const { getColor } = useLayerContext();
 	const { formatDate, formatCurrencyFromCents } = useIntlFormatter();
@@ -41505,7 +41666,7 @@ var MileageDeductionChart = ({ data, selectedYear }) => {
 		justify: "center",
 		children: /* @__PURE__ */ jsx(ResponsiveContainer, {
 			width: "100%",
-			height: CHART_HEIGHT$1,
+			height: chartHeight,
 			debounce: RESIZE_DEBOUNCE_MS,
 			onResize: useCallback((width) => {
 				setBarSize(getBarSize(width));
@@ -41529,7 +41690,7 @@ var MileageDeductionChart = ({ data, selectedYear }) => {
 					formatDate,
 					selectedYear
 				]),
-				margin: CHART_MARGIN$1,
+				margin: CHART_MARGIN$2,
 				children: [
 					/* @__PURE__ */ jsx(CartesianGrid, {
 						vertical: false,
@@ -41559,11 +41720,6 @@ var MileageDeductionChart = ({ data, selectedYear }) => {
 };
 //#endregion
 //#region src/components/MileageTrackingStats/MileageTrackingStats.tsx
-var EMPTY_MONTHS = Array.from({ length: 12 }, (_, i) => ({
-	month: i + 1,
-	miles: 0,
-	estimatedDeduction: 0
-}));
 var MileageTrackingStatsRow = ({ label, value }) => {
 	const { formatNumber } = useIntlFormatter();
 	return /* @__PURE__ */ jsxs(VStack, {
@@ -41578,12 +41734,14 @@ var MileageTrackingStatsRow = ({ label, value }) => {
 		})]
 	});
 };
-var MileageTrackingStatsCard = ({ title, amount, formatAsMoney, breakdown }) => {
+var MileageTrackingStatsCard = ({ title, amount, formatAsMoney, breakdown, description }) => {
 	const { t } = useTranslation();
 	const { formatNumber } = useIntlFormatter();
 	return /* @__PURE__ */ jsxs(VStack, {
 		className: "Layer__MileageTrackingStats__Card",
 		gap: "3xs",
+		pi: "xs",
+		pb: "xs",
 		children: [
 			/* @__PURE__ */ jsx(Span, {
 				size: "md",
@@ -41598,6 +41756,11 @@ var MileageTrackingStatsCard = ({ title, amount, formatAsMoney, breakdown }) =>
 				weight: "bold",
 				children: formatNumber(amount)
 			}),
+			description && /* @__PURE__ */ jsx(Span, {
+				size: "xs",
+				variant: "subtle",
+				children: description
+			}),
 			breakdown && /* @__PURE__ */ jsxs(HStack, {
 				gap: "md",
 				children: [
@@ -41621,26 +41784,7 @@ var MileageTrackingStatsCard = ({ title, amount, formatAsMoney, breakdown }) =>
 var MileageTrackingStats = () => {
 	var _selectedYearData$est, _selectedYearData$mil, _selectedYearData$bus, _selectedYearData$per, _selectedYearData$unc, _selectedYearData$tri, _selectedYearData$bus2, _selectedYearData$per2, _selectedYearData$unc2;
 	const { t } = useTranslation();
-	const { data: mileageData, isLoading, isError } = useMileageSummary();
-	const { startDate } = useGlobalDateRange({ dateSelectionMode: "year" });
-	const selectedYear = getYear(startDate);
-	const selectedYearData = useMemo(() => {
-		return mileageData === null || mileageData === void 0 ? void 0 : mileageData.years.find((y) => y.year === selectedYear);
-	}, [mileageData, selectedYear]);
-	const chartData = useMemo(() => {
-		if (!selectedYearData) return { years: [{
-			year: selectedYear,
-			months: EMPTY_MONTHS
-		}] };
-		return { years: [{
-			year: selectedYearData.year,
-			months: selectedYearData.months.map(({ month, miles, estimatedDeduction }) => ({
-				month,
-				miles,
-				estimatedDeduction
-			}))
-		}] };
-	}, [selectedYearData, selectedYear]);
+	const { data: mileageData, selectedYear, selectedYearData, chartData, isLoading, isError } = useMileageTrackingYearlySummary();
 	if (isError) return /* @__PURE__ */ jsx(Container, {
 		name: "mileage-tracking-stats",
 		children: /* @__PURE__ */ jsx(DataState, {
@@ -41833,7 +41977,7 @@ function useAutoResetPageIndex(filters, data) {
 //#region src/hooks/api/businesses/[business-id]/mileage/trips/[trip-id]/useDeleteTrip.tsx
 var DELETE_TRIP_TAG_KEY = "#delete-trip";
 var deleteTrip = del(({ businessId, tripId }) => `/v1/businesses/${businessId}/mileage/trips/${tripId}`);
-function buildKey$23({ access_token: accessToken, apiUrl, businessId, tripId }) {
+function buildKey$22({ access_token: accessToken, apiUrl, businessId, tripId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -41846,7 +41990,7 @@ var useDeleteTrip = ({ tripId }) => {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$23(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$22(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		tripId
 	}))), ({ accessToken, apiUrl, businessId, tripId }) => {
@@ -42390,7 +42534,7 @@ var UpsertVehicleMode = /* @__PURE__ */ function(UpsertVehicleMode) {
 }({});
 var createVehicle = post(({ businessId }) => `/v1/businesses/${businessId}/mileage/vehicles`);
 var updateVehicle = patch(({ businessId, vehicleId }) => `/v1/businesses/${businessId}/mileage/vehicles/${vehicleId}`);
-function buildKey$22({ access_token: accessToken, apiUrl, businessId, vehicleId = void 0 }) {
+function buildKey$21({ access_token: accessToken, apiUrl, businessId, vehicleId = void 0 }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -42434,7 +42578,7 @@ var useUpsertVehicle = (props) => {
 	const { businessId } = useLayerContext();
 	const { mode } = props;
 	const vehicleId = mode === UpsertVehicleMode.Update ? props.vehicleId : void 0;
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$22(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$21(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		vehicleId
 	}))), ({ accessToken, apiUrl, businessId, vehicleId }, { arg: body }) => {
@@ -42743,7 +42887,7 @@ var VehicleDrawer = ({ isOpen, onOpenChange, vehicle, onSuccess }) => {
 var ARCHIVE_VEHICLE_TAG_KEY = "#archive-vehicle";
 var ArchiveVehicleReturnSchema = Schema.Struct({ data: VehicleSchema });
 var archiveVehicle = post(({ businessId, vehicleId }) => `/v1/businesses/${businessId}/mileage/vehicles/${vehicleId}/archive`);
-function buildKey$21({ access_token: accessToken, apiUrl, businessId, vehicleId }) {
+function buildKey$20({ access_token: accessToken, apiUrl, businessId, vehicleId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -42756,7 +42900,7 @@ var useArchiveVehicle = ({ vehicleId }) => {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$21(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$20(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		vehicleId
 	}))), ({ accessToken, apiUrl, businessId, vehicleId }) => {
@@ -42804,7 +42948,7 @@ function VehicleArchiveConfirmationModal({ isOpen, onOpenChange, vehicle, useDra
 //#region src/hooks/api/businesses/[business-id]/mileage/vehicles/[vehicle-id]/useDeleteVehicle.tsx
 var DELETE_VEHICLE_TAG_KEY = "#delete-vehicle";
 var deleteVehicle = del(({ businessId, vehicleId }) => `/v1/businesses/${businessId}/mileage/vehicles/${vehicleId}`);
-function buildKey$20({ access_token: accessToken, apiUrl, businessId, vehicleId }) {
+function buildKey$19({ access_token: accessToken, apiUrl, businessId, vehicleId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -42817,7 +42961,7 @@ var useDeleteVehicle = ({ vehicleId }) => {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$20(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$19(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		vehicleId
 	}))), ({ accessToken, apiUrl, businessId, vehicleId }) => {
@@ -42866,7 +43010,7 @@ function VehicleDeleteConfirmationModal({ isOpen, onOpenChange, vehicle, useDraw
 var REACTIVATE_VEHICLE_TAG_KEY = "#reactivate-vehicle";
 var ReactivateVehicleReturnSchema = Schema.Struct({ data: VehicleSchema });
 var reactivateVehicle = post(({ businessId, vehicleId }) => `/v1/businesses/${businessId}/mileage/vehicles/${vehicleId}/reactivate`);
-function buildKey$19({ access_token: accessToken, apiUrl, businessId, vehicleId }) {
+function buildKey$18({ access_token: accessToken, apiUrl, businessId, vehicleId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -42879,7 +43023,7 @@ var useReactivateVehicle = ({ vehicleId }) => {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$19(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$18(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		vehicleId
 	}))), ({ accessToken, apiUrl, businessId, vehicleId }) => {
@@ -43418,188 +43562,567 @@ var ReportsPanel = ({ openReport, stringOverrides, profitAndLossConfig, statemen
 	] });
 };
 //#endregion
-//#region src/types/location.ts
-var US_STATES_CONFIG = [
-	_objectSpread2({ value: "AL" }, translationKey("usStates:label.alabama", "Alabama")),
-	_objectSpread2({ value: "AK" }, translationKey("usStates:label.alaska", "Alaska")),
-	_objectSpread2({ value: "AZ" }, translationKey("usStates:label.arizona", "Arizona")),
-	_objectSpread2({ value: "AR" }, translationKey("usStates:label.arkansas", "Arkansas")),
-	_objectSpread2({ value: "CA" }, translationKey("usStates:label.california", "California")),
-	_objectSpread2({ value: "CO" }, translationKey("usStates:label.colorado", "Colorado")),
-	_objectSpread2({ value: "CT" }, translationKey("usStates:label.connecticut", "Connecticut")),
-	_objectSpread2({ value: "DE" }, translationKey("usStates:label.delaware", "Delaware")),
-	_objectSpread2({ value: "DC" }, translationKey("usStates:label.district_columbia", "District of Columbia")),
-	_objectSpread2({ value: "FL" }, translationKey("usStates:label.florida", "Florida")),
-	_objectSpread2({ value: "GA" }, translationKey("usStates:label.georgia", "Georgia")),
-	_objectSpread2({ value: "HI" }, translationKey("usStates:label.hawaii", "Hawaii")),
-	_objectSpread2({ value: "ID" }, translationKey("usStates:label.idaho", "Idaho")),
-	_objectSpread2({ value: "IL" }, translationKey("usStates:label.illinois", "Illinois")),
-	_objectSpread2({ value: "IN" }, translationKey("usStates:label.indiana", "Indiana")),
-	_objectSpread2({ value: "IA" }, translationKey("usStates:label.iowa", "Iowa")),
-	_objectSpread2({ value: "KS" }, translationKey("usStates:label.kansas", "Kansas")),
-	_objectSpread2({ value: "KY" }, translationKey("usStates:label.kentucky", "Kentucky")),
-	_objectSpread2({ value: "LA" }, translationKey("usStates:label.louisiana", "Louisiana")),
-	_objectSpread2({ value: "ME" }, translationKey("usStates:label.maine", "Maine")),
-	_objectSpread2({ value: "MD" }, translationKey("usStates:label.maryland", "Maryland")),
-	_objectSpread2({ value: "MA" }, translationKey("usStates:label.massachusetts", "Massachusetts")),
-	_objectSpread2({ value: "MI" }, translationKey("usStates:label.michigan", "Michigan")),
-	_objectSpread2({ value: "MN" }, translationKey("usStates:label.minnesota", "Minnesota")),
-	_objectSpread2({ value: "MS" }, translationKey("usStates:label.mississippi", "Mississippi")),
-	_objectSpread2({ value: "MO" }, translationKey("usStates:label.missouri", "Missouri")),
-	_objectSpread2({ value: "MT" }, translationKey("usStates:label.montana", "Montana")),
-	_objectSpread2({ value: "NE" }, translationKey("usStates:label.nebraska", "Nebraska")),
-	_objectSpread2({ value: "NV" }, translationKey("usStates:label.nevada", "Nevada")),
-	_objectSpread2({ value: "NH" }, translationKey("usStates:label.new_hampshire", "New Hampshire")),
-	_objectSpread2({ value: "NJ" }, translationKey("usStates:label.new_jersey", "New Jersey")),
-	_objectSpread2({ value: "NM" }, translationKey("usStates:label.new_mexico", "New Mexico")),
-	_objectSpread2({ value: "NY" }, translationKey("usStates:label.new_york", "New York")),
-	_objectSpread2({ value: "NC" }, translationKey("usStates:label.north_carolina", "North Carolina")),
-	_objectSpread2({ value: "ND" }, translationKey("usStates:label.north_dakota", "North Dakota")),
-	_objectSpread2({ value: "OH" }, translationKey("usStates:label.ohio", "Ohio")),
-	_objectSpread2({ value: "OK" }, translationKey("usStates:label.oklahoma", "Oklahoma")),
-	_objectSpread2({ value: "OR" }, translationKey("usStates:label.oregon", "Oregon")),
-	_objectSpread2({ value: "PA" }, translationKey("usStates:label.pennsylvania", "Pennsylvania")),
-	_objectSpread2({ value: "RI" }, translationKey("usStates:label.rhode_island", "Rhode Island")),
-	_objectSpread2({ value: "SC" }, translationKey("usStates:label.south_carolina", "South Carolina")),
-	_objectSpread2({ value: "SD" }, translationKey("usStates:label.south_dakota", "South Dakota")),
-	_objectSpread2({ value: "TN" }, translationKey("usStates:label.tennessee", "Tennessee")),
-	_objectSpread2({ value: "TX" }, translationKey("usStates:label.texas", "Texas")),
-	_objectSpread2({ value: "UT" }, translationKey("usStates:label.utah", "Utah")),
-	_objectSpread2({ value: "VT" }, translationKey("usStates:label.vermont", "Vermont")),
-	_objectSpread2({ value: "VA" }, translationKey("usStates:label.virginia", "Virginia")),
-	_objectSpread2({ value: "WA" }, translationKey("usStates:label.washington", "Washington")),
-	_objectSpread2({ value: "WV" }, translationKey("usStates:label.west_virginia", "West Virginia")),
-	_objectSpread2({ value: "WI" }, translationKey("usStates:label.wisconsin", "Wisconsin")),
-	_objectSpread2({ value: "WY" }, translationKey("usStates:label.wyoming", "Wyoming")),
-	_objectSpread2({ value: "PR" }, translationKey("usStates:label.puerto_rico", "Puerto Rico"))
-];
-var US_STATE_VALUES = US_STATES_CONFIG.map((s) => s.value);
+//#region src/components/ui/SummaryCard/SummaryCard.tsx
+var SummaryCard = ({ slots, children, className }) => {
+	const { title, subtitle, legend, primaryAction } = slots;
+	const titleNode = typeof title === "string" ? /* @__PURE__ */ jsx(Heading$2, {
+		size: "md",
+		children: title
+	}) : title;
+	const subtitleNode = typeof subtitle === "string" ? /* @__PURE__ */ jsx(Span, {
+		size: "sm",
+		variant: "subtle",
+		children: subtitle
+	}) : subtitle;
+	return /* @__PURE__ */ jsx(Card, {
+		className: classNames("Layer__SummaryCard", className),
+		children: /* @__PURE__ */ jsxs(VStack, {
+			className: "Layer__SummaryCard__Body",
+			children: [/* @__PURE__ */ jsxs(HStack, {
+				className: "Layer__SummaryCard__Header",
+				justify: "space-between",
+				align: "center",
+				gap: "md",
+				pb: "md",
+				pi: "lg",
+				children: [/* @__PURE__ */ jsxs(VStack, {
+					className: "Layer__SummaryCard__HeaderTitle",
+					children: [titleNode, subtitleNode && /* @__PURE__ */ jsx("div", {
+						className: "Layer__SummaryCard__HeaderSubtitle",
+						children: subtitleNode
+					})]
+				}), (legend || primaryAction) && /* @__PURE__ */ jsxs(HStack, {
+					className: "Layer__SummaryCard__HeaderActions",
+					gap: "md",
+					align: "center",
+					children: [legend && /* @__PURE__ */ jsx("div", {
+						className: "Layer__SummaryCard__HeaderLegend",
+						children: legend
+					}), primaryAction && /* @__PURE__ */ jsx("div", {
+						className: "Layer__SummaryCard__HeaderPrimaryAction",
+						children: primaryAction
+					})]
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "Layer__SummaryCard__Content",
+				children
+			})]
+		})
+	});
+};
 //#endregion
-//#region src/schemas/taxEstimates/filingStatus.ts
-var FilingStatus = /* @__PURE__ */ function(FilingStatus) {
-	FilingStatus["SINGLE"] = "SINGLE";
-	FilingStatus["MARRIED"] = "MARRIED";
-	FilingStatus["MARRIED_SEPARATELY"] = "MARRIED_SEPARATELY";
-	FilingStatus["HEAD"] = "HEAD";
-	FilingStatus["WIDOWER"] = "WIDOWER";
-	return FilingStatus;
-}({});
-var FilingStatusSchema = Schema.Enums(FilingStatus);
+//#region src/hooks/utils/i18n/useGlobalMonthSubtitle.ts
+var useGlobalMonthSubtitle = () => {
+	const { formatDate } = useIntlFormatter();
+	const { date } = useGlobalDate({ dateSelectionMode: "month" });
+	return formatDate(date, MonthYearPattern.MonthYear);
+};
 //#endregion
-//#region src/schemas/taxEstimates/profile.ts
-var USStateCodeSchema = Schema.Literal(...US_STATE_VALUES);
-var WithholdingSchema = Schema.Struct({
-	useCustomWithholding: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Boolean)), Schema.fromKey("use_custom_withholding")),
-	amount: Schema.NullishOr(Schema.Number)
-});
-var HomeOfficeDeductionSchema = Schema.Struct({
-	useHomeOfficeDeduction: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Boolean)), Schema.fromKey("use_home_office_deduction")),
-	homeOfficeArea: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Number)), Schema.fromKey("home_office_area"))
-});
-var VehicleDeductionSchema = Schema.Struct({ useMileageDeduction: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Boolean)), Schema.fromKey("use_mileage_deduction")) });
-var DeductionsSchema = Schema.Struct({
-	homeOffice: pipe(Schema.propertySignature(Schema.NullishOr(HomeOfficeDeductionSchema)), Schema.fromKey("home_office")),
-	vehicle: Schema.NullishOr(VehicleDeductionSchema)
-});
-var FederalConfigurationSchema = Schema.Struct({
-	filingStatus: pipe(Schema.propertySignature(Schema.NullishOr(FilingStatusSchema)), Schema.fromKey("filing_status")),
-	annualW2Income: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Number)), Schema.fromKey("annual_w2_income")),
-	tipIncome: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Number)), Schema.fromKey("tip_income")),
-	overtimeIncome: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Number)), Schema.fromKey("overtime_income")),
-	withholding: Schema.NullishOr(WithholdingSchema)
-});
-var StateConfigurationSchema = Schema.Struct({
-	taxState: pipe(Schema.propertySignature(Schema.NullishOr(USStateCodeSchema)), Schema.fromKey("tax_state")),
-	filingStatus: pipe(Schema.propertySignature(Schema.NullishOr(FilingStatusSchema)), Schema.fromKey("filing_status")),
-	withholding: Schema.NullishOr(WithholdingSchema)
-});
-var UsConfigurationSchema = Schema.Struct({
-	federal: Schema.NullishOr(FederalConfigurationSchema),
-	state: Schema.NullishOr(StateConfigurationSchema),
-	deductions: pipe(Schema.propertySignature(Schema.NullishOr(DeductionsSchema)), Schema.fromKey("deductions"))
+//#region src/components/ui/SummaryCard/ExpandSummaryCardButton.tsx
+function ExpandSummaryCardButton({ callback, ariaLabel }) {
+	return /* @__PURE__ */ jsx(Button$1, {
+		variant: "outlined",
+		icon: true,
+		onPress: callback,
+		"aria-label": ariaLabel,
+		children: /* @__PURE__ */ jsx(ArrowUpRight, {})
+	});
+}
+//#endregion
+//#region src/components/ui/SummaryCard/useSummaryCardSlots.tsx
+var useSummaryCardSlots = ({ defaultTitle, legend, interactionProps, stringOverrides }) => {
+	const { t } = useTranslation();
+	const subtitle = useGlobalMonthSubtitle();
+	const { onClickExpand } = interactionProps !== null && interactionProps !== void 0 ? interactionProps : {};
+	return useMemo(() => {
+		var _stringOverrides$titl;
+		const primaryAction = onClickExpand ? /* @__PURE__ */ jsx(ExpandSummaryCardButton, {
+			callback: onClickExpand,
+			ariaLabel: t("common:label.view_label", "View")
+		}) : void 0;
+		return {
+			title: (_stringOverrides$titl = stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.title) !== null && _stringOverrides$titl !== void 0 ? _stringOverrides$titl : defaultTitle,
+			subtitle,
+			legend,
+			primaryAction
+		};
+	}, [
+		stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.title,
+		defaultTitle,
+		subtitle,
+		legend,
+		onClickExpand,
+		t
+	]);
+};
+//#endregion
+//#region src/components/ExpensesSummaryCard/ExpensesSummaryCard.tsx
+var ExpensesSummaryCard = ({ stylingProps, interactionProps, stringOverrides, className }) => {
+	const { t } = useTranslation();
+	const { chartColorsList } = stylingProps !== null && stylingProps !== void 0 ? stylingProps : {};
+	const slots = useSummaryCardSlots({
+		defaultTitle: t("common:label.expenses", "Expenses"),
+		interactionProps,
+		stringOverrides
+	});
+	const resolvedStringOverrides = useMemo(() => {
+		var _stringOverrides$titl;
+		return { detailedChartStringOverrides: { expenseChartHeader: (_stringOverrides$titl = stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.title) !== null && _stringOverrides$titl !== void 0 ? _stringOverrides$titl : t("common:label.expenses", "Expenses") } };
+	}, [stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.title, t]);
+	return /* @__PURE__ */ jsx(SummaryCard, {
+		className: classNames("Layer__ExpensesSummaryCard", className),
+		slots,
+		children: /* @__PURE__ */ jsx(ProfitAndLossDetailedCharts, {
+			scope: "expenses",
+			hideClose: true,
+			hideHeader: true,
+			chartColorsList,
+			stringOverrides: resolvedStringOverrides,
+			slotProps: { detailedTable: { showTypeColumn: false } }
+		})
+	});
+};
+//#endregion
+//#region src/components/MileageTrackingSummary/MileageTrackingSummary.tsx
+var MileageTrackingSummary = ({ header: headerOverride } = {}) => {
+	const { t } = useTranslation();
+	const { formatDate } = useIntlFormatter();
+	const { data, selectedYear, selectedYearData, chartData, isLoading, isError } = useMileageTrackingYearlySummary();
+	const { isDesktop, isMobile } = useSizeClass();
+	const inYearLabel = t("mileageTracking:label.in_year", "In {{year}}", { year: formatDate(new Date(selectedYear, 0, 1), DateFormat.Year) });
+	const title = headerOverride !== null && headerOverride !== void 0 ? headerOverride : t("mileageTracking:label.mileage_tracking", "Mileage Tracking");
+	const statsProps = isDesktop ? { direction: "column" } : isMobile ? { direction: "column" } : { direction: "row" };
+	return /* @__PURE__ */ jsxs(Container, {
+		name: "mileage-tracking-summary",
+		children: [/* @__PURE__ */ jsx(VStack, {
+			className: "Layer__MileageTrackingSummary__Header",
+			gap: "md",
+			children: /* @__PURE__ */ jsx(Heading$2, {
+				size: isDesktop ? "md" : "sm",
+				children: title
+			})
+		}), /* @__PURE__ */ jsx(ConditionalBlock, {
+			data,
+			isLoading,
+			isError,
+			Loading: /* @__PURE__ */ jsx(HStack, {
+				className: "Layer__MileageTrackingSummary__Content",
+				gap: "lg",
+				justify: "center",
+				align: "center",
+				children: /* @__PURE__ */ jsx(Loader, {})
+			}),
+			Error: /* @__PURE__ */ jsx(DataState, {
+				status: DataStateStatus.failed,
+				title: t("mileageTracking:error.load_mileage_summary_data", "Failed to load mileage summary data"),
+				spacing: true
+			}),
+			children: () => {
+				var _selectedYearData$est, _selectedYearData$mil, _selectedYearData$tri;
+				return /* @__PURE__ */ jsxs(Stack, {
+					className: "Layer__MileageTrackingSummary__Content",
+					direction: isDesktop ? "row" : "column",
+					gap: "lg",
+					children: [/* @__PURE__ */ jsxs(Stack, _objectSpread2(_objectSpread2({}, statsProps), {}, {
+						className: "Layer__MileageTrackingSummary__Cards",
+						gap: "md",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "Layer__MileageTrackingSummary__StatCardSlot",
+								children: /* @__PURE__ */ jsx(MileageTrackingStatsCard, {
+									title: t("mileageTracking:label.total_deduction", "Total Deduction"),
+									amount: (_selectedYearData$est = selectedYearData === null || selectedYearData === void 0 ? void 0 : selectedYearData.estimatedDeduction) !== null && _selectedYearData$est !== void 0 ? _selectedYearData$est : 0,
+									formatAsMoney: true,
+									description: inYearLabel
+								})
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "Layer__MileageTrackingSummary__StatCardSlot",
+								children: /* @__PURE__ */ jsx(MileageTrackingStatsCard, {
+									title: t("mileageTracking:label.total_miles", "Total Miles"),
+									amount: (_selectedYearData$mil = selectedYearData === null || selectedYearData === void 0 ? void 0 : selectedYearData.miles) !== null && _selectedYearData$mil !== void 0 ? _selectedYearData$mil : 0,
+									description: inYearLabel
+								})
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "Layer__MileageTrackingSummary__StatCardSlot",
+								children: /* @__PURE__ */ jsx(MileageTrackingStatsCard, {
+									title: t("trips:label.trips", "Trips"),
+									amount: (_selectedYearData$tri = selectedYearData === null || selectedYearData === void 0 ? void 0 : selectedYearData.trips) !== null && _selectedYearData$tri !== void 0 ? _selectedYearData$tri : 0,
+									description: inYearLabel
+								})
+							})
+						]
+					})), /* @__PURE__ */ jsx(VStack, {
+						className: "Layer__MileageTrackingSummary__Chart",
+						fluid: true,
+						justify: "end",
+						children: /* @__PURE__ */ jsx(MileageDeductionChart, {
+							data: chartData,
+							selectedYear,
+							chartHeight: isDesktop ? 250 : 200
+						})
+					})]
+				});
+			}
+		})]
+	});
+};
+//#endregion
+//#region src/components/ProfitAndLossSummaryCard/PnlLegend.tsx
+var Swatch$1 = ({ className }) => /* @__PURE__ */ jsx("span", {
+	className: `Layer__PnlLegend__Swatch ${className}`,
+	"aria-hidden": true
 });
-var TaxProfileSchema = Schema.Struct({
-	taxCountryCode: pipe(Schema.propertySignature(Schema.NullishOr(Schema.String)), Schema.fromKey("tax_country_code")),
-	usConfiguration: pipe(Schema.propertySignature(Schema.NullishOr(UsConfigurationSchema)), Schema.fromKey("us_configuration")),
-	userHasSavedTaxProfile: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("user_has_saved_tax_profile"))
+var PnlLegend = ({ direction = "row" }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Stack, {
+		className: "Layer__PnlLegend",
+		direction,
+		align: "start",
+		gap: direction === "row" ? "md" : "2xs",
+		pis: direction === "column" ? "md" : void 0,
+		pbe: direction === "column" ? "md" : void 0,
+		children: [
+			/* @__PURE__ */ jsxs(HStack, {
+				gap: "2xs",
+				align: "center",
+				children: [/* @__PURE__ */ jsx(Swatch$1, { className: "Layer__PnlLegend__Swatch--income" }), /* @__PURE__ */ jsx(Span, {
+					size: "sm",
+					children: t("common:label.revenue", "Revenue")
+				})]
+			}),
+			/* @__PURE__ */ jsxs(HStack, {
+				gap: "2xs",
+				align: "center",
+				children: [/* @__PURE__ */ jsx(Swatch$1, { className: "Layer__PnlLegend__Swatch--expenses" }), /* @__PURE__ */ jsx(Span, {
+					size: "sm",
+					children: t("common:label.expenses", "Expenses")
+				})]
+			}),
+			/* @__PURE__ */ jsxs(HStack, {
+				gap: "2xs",
+				align: "center",
+				children: [/* @__PURE__ */ jsx(Swatch$1, { className: "Layer__PnlLegend__Swatch--uncategorized" }), /* @__PURE__ */ jsx(Span, {
+					size: "sm",
+					children: t("common:label.uncategorized", "Uncategorized")
+				})]
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/ProfitAndLossSummaryCard/ProfitAndLossSummaryCard.tsx
+var ProfitAndLossSummaryCard = ({ interactionProps, stringOverrides, className }) => {
+	const { t } = useTranslation();
+	const { isDesktop } = useSizeClass();
+	const { tagFilter } = useContext(ProfitAndLossContext);
+	const legend = useMemo(() => /* @__PURE__ */ jsx(PnlLegend, { direction: isDesktop ? "row" : "column" }), [isDesktop]);
+	const slots = useSummaryCardSlots({
+		defaultTitle: t("common:label.profit_loss", "Profit & Loss"),
+		legend: isDesktop ? legend : void 0,
+		interactionProps,
+		stringOverrides
+	});
+	return /* @__PURE__ */ jsx(SummaryCard, {
+		className: classNames("Layer__ProfitAndLossSummaryCard", className),
+		slots,
+		children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "sm",
+			children: [/* @__PURE__ */ jsx(ProfitAndLossChart, {
+				tagFilter,
+				hideLegend: true
+			}), !isDesktop && legend]
+		})
+	});
+};
+//#endregion
+//#region src/components/ui/Swatch/Swatch.tsx
+var Swatch = ({ color, opacity, pattern }) => {
+	const patternId = useId();
+	const circleStyle = {
+		fill: pattern === "stripes" ? `url(#${patternId})` : color,
+		fillOpacity: opacity
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-hidden": true,
+		className: "Layer__Swatch",
+		viewBox: "0 0 10 10",
+		children: [pattern === "stripes" && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", {
+			id: patternId,
+			width: "4",
+			height: "4",
+			patternUnits: "userSpaceOnUse",
+			patternTransform: "rotate(45)",
+			children: /* @__PURE__ */ jsx("rect", {
+				width: "2",
+				height: "4",
+				style: { fill: color }
+			})
+		}) }), /* @__PURE__ */ jsx("circle", {
+			cx: "5",
+			cy: "5",
+			r: "5",
+			style: circleStyle
+		})]
+	});
+};
+//#endregion
+//#region src/components/ui/Legend/Legend.tsx
+var LegendLayout = /* @__PURE__ */ function(LegendLayout) {
+	LegendLayout["Table"] = "Table";
+	LegendLayout["Aligned"] = "Aligned";
+	return LegendLayout;
+}({});
+var Legend$1 = ({ items, total, colorSelector, formatValue, layout = LegendLayout.Table }) => {
+	const { formatPercent } = useIntlFormatter();
+	if (layout === LegendLayout.Aligned) return /* @__PURE__ */ jsx("div", {
+		className: "Layer__UI__Legend Layer__UI__Legend--aligned",
+		children: items.map((item) => {
+			const percentage = total > 0 ? item.value / total : 0;
+			return /* @__PURE__ */ jsxs("div", {
+				className: "Layer__UI__Legend__AlignedItem",
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					flexGrow: total > 0 ? item.value / total : 1,
+					flexBasis: 0
+				},
+				children: [
+					/* @__PURE__ */ jsx(Span, {
+						size: "sm",
+						variant: "subtle",
+						ellipsis: true,
+						withTooltip: true,
+						children: item.displayName
+					}),
+					/* @__PURE__ */ jsx(Span, {
+						size: "lg",
+						className: "Layer__UI__Legend__AlignedValue",
+						weight: "bold",
+						children: formatValue(item.value)
+					}),
+					/* @__PURE__ */ jsx(Span, {
+						size: "sm",
+						variant: "subtle",
+						children: formatPercent(percentage, { maximumFractionDigits: 0 })
+					})
+				]
+			}, item.name);
+		})
+	});
+	return /* @__PURE__ */ jsx(Stack, {
+		direction: "row",
+		className: "Layer__UI__Legend Layer__UI__Legend--table",
+		gap: "lg",
+		align: "start",
+		children: items.map((item) => {
+			var _colorSelector;
+			const { color, opacity } = (_colorSelector = colorSelector(item)) !== null && _colorSelector !== void 0 ? _colorSelector : DEFAULT_TYPE_COLOR_MAPPING;
+			const percentage = total > 0 ? item.value / total : 0;
+			return /* @__PURE__ */ jsxs(VStack, {
+				className: "Layer__UI__Legend__Item",
+				gap: "2xs",
+				children: [/* @__PURE__ */ jsxs(HStack, {
+					className: "Layer__UI__Legend__Label",
+					gap: "2xs",
+					align: "center",
+					children: [/* @__PURE__ */ jsx(Swatch, {
+						color,
+						opacity
+					}), /* @__PURE__ */ jsx(Span, {
+						size: "md",
+						ellipsis: true,
+						withTooltip: true,
+						children: item.displayName
+					})]
+				}), /* @__PURE__ */ jsxs(HStack, {
+					className: "Layer__UI__Legend__Meta",
+					gap: "2xs",
+					align: "baseline",
+					children: [/* @__PURE__ */ jsx(Span, {
+						className: "Layer__UI__Legend__Value",
+						size: "sm",
+						children: formatValue(item.value)
+					}), /* @__PURE__ */ jsx(Span, {
+						className: "Layer__UI__Legend__Percentage",
+						size: "sm",
+						variant: "subtle",
+						children: formatPercent(percentage, { maximumFractionDigits: 0 })
+					})]
+				})]
+			}, item.name);
+		})
+	});
+};
+//#endregion
+//#region src/components/ui/HorizontalBarChart/HorizontalBarChart.tsx
+var CHART_HEIGHT$1 = 24;
+var CHART_MARGIN$1 = {
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0
+};
+var CHART_BORDER_RADIUS$1 = 8;
+var Y_AXIS_CATEGORY_KEY = "__layer_hbar_category";
+var HorizontalBarChart = ({ data, stylingProps, formatValue, showLegend = true, labelMode = LegendLayout.Table, slots }) => {
+	const { data: items, total } = data;
+	const positiveItems = useMemo(() => items.filter((item) => item.value > 0), [items]);
+	const positiveTotal = positiveItems.reduce((sum, item) => sum + item.value, 0);
+	const legendDenominator = positiveTotal > 0 ? positiveTotal : total;
+	const chartData = useMemo(() => {
+		return [positiveItems.reduce((acc, item) => {
+			acc[item.name] = item.value;
+			return acc;
+		}, { [Y_AXIS_CATEGORY_KEY]: "series" })];
+	}, [positiveItems]);
+	const chartKey = positiveItems.map((item) => item.name).join("|");
+	const legendNode = (slots === null || slots === void 0 ? void 0 : slots.Legend) !== void 0 ? slots.Legend : /* @__PURE__ */ jsx(Legend$1, {
+		items: positiveItems,
+		total: legendDenominator,
+		colorSelector: stylingProps.colorSelector,
+		formatValue,
+		layout: labelMode
+	});
+	return /* @__PURE__ */ jsxs(VStack, {
+		className: "Layer__HorizontalBarChart Layer__UI__Chart--focusReset",
+		gap: "md",
+		justify: "center",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "Layer__HorizontalBarChart__Bar",
+			children: /* @__PURE__ */ jsx(ResponsiveContainer, {
+				width: "100%",
+				height: CHART_HEIGHT$1,
+				children: /* @__PURE__ */ jsxs(BarChart, {
+					data: chartData,
+					layout: "vertical",
+					margin: CHART_MARGIN$1,
+					barCategoryGap: "0%",
+					barGap: 0,
+					barSize: CHART_HEIGHT$1,
+					children: [
+						/* @__PURE__ */ jsx(XAxis, {
+							type: "number",
+							hide: true,
+							domain: [0, positiveTotal > 0 ? positiveTotal : 1],
+							allowDataOverflow: true
+						}),
+						/* @__PURE__ */ jsx(YAxis, {
+							type: "category",
+							dataKey: Y_AXIS_CATEGORY_KEY,
+							hide: true,
+							width: 0
+						}),
+						positiveItems.map((item, index) => {
+							var _stylingProps$colorSe;
+							const isFirstSegment = index === 0;
+							const isLastSegment = index === positiveItems.length - 1;
+							const { color, opacity } = (_stylingProps$colorSe = stylingProps.colorSelector(item)) !== null && _stylingProps$colorSe !== void 0 ? _stylingProps$colorSe : DEFAULT_TYPE_COLOR_MAPPING;
+							return /* @__PURE__ */ jsx(Bar, {
+								dataKey: item.name,
+								barSize: CHART_HEIGHT$1,
+								fill: color,
+								fillOpacity: opacity,
+								stackId: "horizontal-bar-chart",
+								isAnimationActive: false,
+								radius: [
+									isFirstSegment ? CHART_BORDER_RADIUS$1 : 0,
+									isLastSegment ? CHART_BORDER_RADIUS$1 : 0,
+									isLastSegment ? CHART_BORDER_RADIUS$1 : 0,
+									isFirstSegment ? CHART_BORDER_RADIUS$1 : 0
+								]
+							}, item.name);
+						})
+					]
+				})
+			}, chartKey)
+		}), showLegend && legendNode]
+	});
+};
+//#endregion
+//#region src/components/TaxEstimatesSummaryCard/constants.ts
+var resolveCategoryColor = ({ key }) => {
+	var _federal$state$key;
+	return (_federal$state$key = {
+		federal: DEFAULT_CHART_COLORS[0],
+		state: DEFAULT_CHART_COLORS[1]
+	}[key]) !== null && _federal$state$key !== void 0 ? _federal$state$key : DEFAULT_CHART_COLORS[0];
+};
+//#endregion
+//#region src/schemas/taxEstimates/summary.ts
+var TaxSummarySectionTypeSchema = Schema.Literal("federal", "state");
+var TaxSummarySectionSchema = Schema.Struct({
+	type: TaxSummarySectionTypeSchema,
+	key: Schema.NullishOr(Schema.String),
+	label: Schema.String,
+	total: Schema.Number,
+	taxesPaid: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("taxes_paid")),
+	taxesOwed: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("taxes_owed"))
 });
-var TaxProfileResponseSchema = Schema.Struct({ data: TaxProfileSchema });
-var TaxProfileRequestSchema = Schema.Struct({
-	taxCountryCode: pipe(Schema.propertySignature(Schema.NullishOr(Schema.String)), Schema.fromKey("tax_country_code")),
-	usConfiguration: pipe(Schema.propertySignature(Schema.NullishOr(UsConfigurationSchema)), Schema.fromKey("us_configuration"))
+var TaxSummarySchema = Schema.Struct({
+	year: Schema.Number,
+	projectedTaxesOwed: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("projected_taxes_owed")),
+	taxesDueAt: pipe(Schema.propertySignature(Schema.Date), Schema.fromKey("taxes_due_at")),
+	uncategorizedTaxPayments: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("uncategorized_tax_payments")),
+	sections: Schema.Array(TaxSummarySectionSchema)
 });
+var TaxSummaryResponseSchema = Schema.Struct({ data: TaxSummarySchema });
 //#endregion
-//#region src/hooks/api/businesses/[business-id]/tax-estimates/profile/useTaxProfile.ts
-var TAX_PROFILE_TAG_KEY = "#tax-profile";
-var getTaxProfile = get(({ businessId }) => {
-	return `/v1/businesses/${businessId}/tax-estimates/profile`;
+//#region src/hooks/api/businesses/[business-id]/tax-estimates/summary/useTaxSummary.ts
+var TAX_SUMMARY_TAG_KEY = "#tax-summary";
+var getTaxSummary = get(({ businessId, year, reportingBasis, fullYearProjection }) => {
+	return `/v1/businesses/${businessId}/tax-estimates/summary?${toDefinedSearchParameters({
+		year,
+		reporting_basis: reportingBasis,
+		full_year_projection: fullYearProjection
+	})}`;
 });
-function buildKey$18({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$17({ access_token: accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection, enabled = true }) {
+	if (!enabled) return;
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
 		businessId,
-		tags: [TAX_PROFILE_TAG_KEY]
+		year,
+		reportingBasis,
+		fullYearProjection,
+		tags: [TAX_SUMMARY_TAG_KEY]
 	};
 }
-function useTaxProfile() {
+function useTaxSummary({ year, reportingBasis, fullYearProjection, enabled = true }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$18(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), function() {
-		var _ref = _asyncToGenerator(function* ({ accessToken, apiUrl, businessId }) {
-			return getTaxProfile(apiUrl, accessToken, { params: { businessId } })().then(Schema.decodeUnknownPromise(TaxProfileResponseSchema)).then(({ data }) => data);
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$17(_objectSpread2(_objectSpread2({}, auth), {}, {
+		businessId,
+		year,
+		reportingBasis,
+		fullYearProjection,
+		enabled
+	}))), function() {
+		var _ref = _asyncToGenerator(function* ({ accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection }) {
+			return getTaxSummary(apiUrl, accessToken, { params: {
+				businessId,
+				year,
+				reportingBasis,
+				fullYearProjection
+			} })().then(Schema.decodeUnknownPromise(TaxSummaryResponseSchema)).then(({ data }) => data);
 		});
 		return function(_x) {
 			return _ref.apply(this, arguments);
 		};
 	}()));
 }
-function useTaxProfileGlobalCacheActions() {
-	const { patchCache } = useGlobalCacheActions();
-	return { patchTaxProfile: useCallback((updatedProfile) => patchCache(({ tags }) => tags.includes(TAX_PROFILE_TAG_KEY), () => updatedProfile), [patchCache]) };
-}
-//#endregion
-//#region src/hooks/features/taxEstimates/useTaxEstimatesOnboardingStatus.ts
-var OnboardingStatus = /* @__PURE__ */ function(OnboardingStatus) {
-	OnboardingStatus["Loading"] = "Loading";
-	OnboardingStatus["Error"] = "Error";
-	OnboardingStatus["NotOnboarded"] = "NotOnboarded";
-	OnboardingStatus["Onboarded"] = "Onboarded";
-	OnboardingStatus["FeatureDisabled"] = "FeatureDisabled";
-	return OnboardingStatus;
-}({});
-function getTaxEstimatesOnboardingStatus(input) {
-	var _input$accountingConf, _input$taxProfile;
-	const isFeatureEnabled = !!((_input$accountingConf = input.accountingConfiguration) === null || _input$accountingConf === void 0 ? void 0 : _input$accountingConf.enableTaxEstimates);
-	const hasSavedTaxProfile = (_input$taxProfile = input.taxProfile) === null || _input$taxProfile === void 0 ? void 0 : _input$taxProfile.userHasSavedTaxProfile;
-	if (input.isError) return OnboardingStatus.Error;
-	if (input.isLoading || !input.accountingConfiguration) return OnboardingStatus.Loading;
-	if (!isFeatureEnabled) return OnboardingStatus.FeatureDisabled;
-	if (hasSavedTaxProfile === false) return OnboardingStatus.NotOnboarded;
-	if (hasSavedTaxProfile === true) return OnboardingStatus.Onboarded;
-	return OnboardingStatus.Loading;
-}
-function useTaxEstimatesOnboardingStatus() {
-	const { accountingConfiguration } = useLayerContext();
-	const { data: taxProfile, isLoading, isError } = useTaxProfile();
-	return getTaxEstimatesOnboardingStatus({
-		isLoading,
-		isError,
-		accountingConfiguration,
-		taxProfile
-	});
-}
 //#endregion
 //#region src/providers/TaxEstimatesRouteStore/TaxEstimatesRouteStoreProvider.tsx
 var TaxEstimatesRoute = /* @__PURE__ */ function(TaxEstimatesRoute) {
-	TaxEstimatesRoute["Overview"] = "overview";
 	TaxEstimatesRoute["Estimates"] = "estimates";
 	TaxEstimatesRoute["Payments"] = "payments";
 	TaxEstimatesRoute["Profile"] = "profile";
 	return TaxEstimatesRoute;
 }({});
-var DEFAULT_ROUTE = TaxEstimatesRoute.Overview;
+var DEFAULT_ROUTE = TaxEstimatesRoute.Estimates;
 var TaxEstimatesRouteStoreContext = createContext(createStore((set) => ({
 	routeState: { route: DEFAULT_ROUTE },
 	navigate: {
@@ -43672,6 +44195,463 @@ function useFullYearProjection() {
 	}), [fullYearProjection, setFullYearProjection]);
 }
 //#endregion
+//#region src/components/TaxEstimatesSummaryCard/useTaxEstimatesSummaryCard.ts
+var prepareTaxSummaryData = (taxSummaryData, shortenedDisplayName, isMobile) => {
+	return taxSummaryData.sections.map((section) => ({
+		value: Math.max(section.taxesOwed, 0),
+		name: section.type,
+		displayName: isMobile ? shortenedDisplayName(section.type) : section.label
+	}));
+};
+var useTaxEstimatesSummaryCard = () => {
+	const { year } = useTaxEstimatesYear();
+	const { fullYearProjection } = useFullYearProjection();
+	const { t } = useTranslation();
+	const { isDesktop, isMobile } = useSizeClass();
+	const { data: taxSummaryData, isLoading, isError } = useTaxSummary({
+		year,
+		fullYearProjection,
+		enabled: true
+	});
+	const shortenedDisplayName = useCallback((type) => {
+		if (type === "federal") return t("taxEstimates:label.federal", "Federal");
+		if (type === "state") return t("taxEstimates:label.state", "State");
+		return type;
+	}, [t]);
+	return {
+		detailData: useMemo(() => {
+			if (!taxSummaryData) return void 0;
+			const data = prepareTaxSummaryData(taxSummaryData, shortenedDisplayName, isMobile);
+			return {
+				data,
+				total: data.reduce((sum, section) => sum + section.value, 0)
+			};
+		}, [
+			taxSummaryData,
+			isMobile,
+			shortenedDisplayName
+		]),
+		isLoading,
+		isError,
+		layout: isDesktop ? "taxOverview" : "summaryCard",
+		title: t("taxEstimates:label.tax_summary", "Tax Summary")
+	};
+};
+//#endregion
+//#region src/components/TaxEstimatesSummaryCard/TaxEstimatesSummaryCard.tsx
+var LoadingState$1 = ({ mode }) => {
+	if (mode === TaxEstimatesSummaryCardMode.HorizontalBarChart) return /* @__PURE__ */ jsxs(VStack, {
+		gap: "md",
+		className: "Layer__TaxEstimatesSummaryCard__Content",
+		pb: "md",
+		pi: "lg",
+		children: [
+			/* @__PURE__ */ jsx(SkeletonLoader, {
+				height: "24px",
+				width: "40%"
+			}),
+			/* @__PURE__ */ jsx(SkeletonLoader, {
+				height: "24px",
+				width: "100%"
+			}),
+			/* @__PURE__ */ jsx(SkeletonLoader, {
+				height: "16px",
+				width: "100%"
+			})
+		]
+	});
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "md",
+		className: "Layer__TaxEstimatesSummaryCard__Content",
+		pb: "md",
+		pi: "lg",
+		align: "center",
+		children: [
+			/* @__PURE__ */ jsx(CircleSkeletonLoader, {
+				height: "128px",
+				width: "128px"
+			}),
+			/* @__PURE__ */ jsx(SkeletonLoader, {
+				height: "24px",
+				width: "80%"
+			}),
+			/* @__PURE__ */ jsx(SkeletonLoader, {
+				height: "24px",
+				width: "80%"
+			}),
+			/* @__PURE__ */ jsx(SkeletonLoader, {
+				height: "24px",
+				width: "80%"
+			})
+		]
+	});
+};
+var ErrorState$2 = () => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(VStack, {
+		gap: "md",
+		className: "Layer__TaxEstimatesSummaryCard__Content",
+		pb: "md",
+		pi: "lg",
+		align: "center",
+		children: /* @__PURE__ */ jsx(Span, {
+			size: "lg",
+			children: t("taxEstimates:error.load_tax_estimates_summary", "We couldn't load your tax summary")
+		})
+	});
+};
+function allTaxSectionsAreEmpty(summary) {
+	return summary.data.every((section) => section.value === 0);
+}
+function TaxEstimatesSummaryCardEmpty() {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(DataState, {
+		status: DataStateStatus.info,
+		title: t("taxEstimates:empty.no_tax_estimates_summary", "Get started with your tax estimates"),
+		description: t("taxEstimates:empty.no_tax_estimates_summary_description", "Start by importing and categorizing your bank transactions"),
+		spacing: true
+	});
+}
+var TaxEstimatesSummaryCardMode = /* @__PURE__ */ function(TaxEstimatesSummaryCardMode) {
+	TaxEstimatesSummaryCardMode["PieChart"] = "PieChart";
+	TaxEstimatesSummaryCardMode["HorizontalBarChart"] = "HorizontalBarChart";
+	return TaxEstimatesSummaryCardMode;
+}({});
+var Content = ({ data, mode, commonProps, layout }) => {
+	if (mode === TaxEstimatesSummaryCardMode.HorizontalBarChart) return /* @__PURE__ */ jsx(HorizontalBarChartContent, {
+		data,
+		commonProps
+	});
+	return /* @__PURE__ */ jsx(PieChartContent, {
+		data,
+		commonProps,
+		layout
+	});
+};
+var HorizontalBarChartContent = ({ data, commonProps }) => {
+	const { t } = useTranslation();
+	const { formatCurrencyFromCents } = useIntlFormatter();
+	const { isDesktop } = useSizeClass();
+	return /* @__PURE__ */ jsxs(VStack, {
+		className: "Layer__TaxEstimatesSummaryCard__Content Layer__TaxEstimatesSummaryCard__Content--horizontal",
+		gap: "md",
+		pi: "lg",
+		pbe: "lg",
+		children: [/* @__PURE__ */ jsxs(HStack, {
+			className: "Layer__TaxEstimatesSummaryCard__TotalRow",
+			justify: "space-between",
+			align: "baseline",
+			gap: "md",
+			children: [/* @__PURE__ */ jsx(Span, {
+				size: "md",
+				variant: "subtle",
+				children: t("common:label.total", "Total")
+			}), /* @__PURE__ */ jsx(Span, {
+				size: "xl",
+				weight: "bold",
+				numeric: "tabular-nums",
+				className: "Layer__TaxEstimatesSummaryCard__TotalValue",
+				children: formatCurrencyFromCents(data.total)
+			})]
+		}), /* @__PURE__ */ jsx(HorizontalBarChart, {
+			data,
+			stylingProps: commonProps.stylingProps,
+			formatValue: formatCurrencyFromCents,
+			labelMode: isDesktop ? LegendLayout.Aligned : LegendLayout.Table
+		})]
+	});
+};
+var PieChartContent = ({ data, commonProps, layout }) => {
+	const { isMobile } = useSizeClass();
+	return isMobile || layout === "summaryCard" ? /* @__PURE__ */ jsxs(VStack, {
+		className: "Layer__TaxEstimatesSummaryCard__Content Layer__TaxEstimatesSummaryCard__Content--mobile",
+		gap: "lg",
+		children: [/* @__PURE__ */ jsx(DetailedChart, _objectSpread2({ data }, commonProps)), /* @__PURE__ */ jsx(DetailedTableWithData, _objectSpread2(_objectSpread2({ data }, commonProps), NO_SORT_PROPS))]
+	}) : /* @__PURE__ */ jsxs(HStack, {
+		className: "Layer__TaxEstimatesSummaryCard__Content",
+		align: "center",
+		gap: "lg",
+		children: [/* @__PURE__ */ jsx(DetailedChart, _objectSpread2({ data }, commonProps)), /* @__PURE__ */ jsx(DetailedTableWithData, _objectSpread2(_objectSpread2({ data }, commonProps), NO_SORT_PROPS))]
+	});
+};
+var TaxEstimatesSummaryCard = ({ mode = TaxEstimatesSummaryCardMode.PieChart, title: titleOverride, withHeaderSeparator = false } = {}) => {
+	const { detailData, layout, title: defaultTitle, isLoading, isError } = useTaxEstimatesSummaryCard();
+	const { isDesktop } = useSizeClass();
+	const isSummaryCardLayout = layout === "summaryCard";
+	const title = titleOverride !== null && titleOverride !== void 0 ? titleOverride : defaultTitle;
+	const commonProps = useMemo(() => {
+		var _detailData$data;
+		const colorByKey = detailData === null || detailData === void 0 || (_detailData$data = detailData.data) === null || _detailData$data === void 0 ? void 0 : _detailData$data.reduce((acc, item) => {
+			acc[item.name] = resolveCategoryColor({ key: item.name });
+			return acc;
+		}, {});
+		return {
+			interactionProps: NO_OP_INTERACTION_PROPS,
+			stylingProps: { colorSelector: (item) => {
+				var _colorByKey$item$name;
+				return {
+					color: (_colorByKey$item$name = colorByKey === null || colorByKey === void 0 ? void 0 : colorByKey[item.name]) !== null && _colorByKey$item$name !== void 0 ? _colorByKey$item$name : "var(--color-base-300)",
+					opacity: 1
+				};
+			} }
+		};
+	}, [detailData === null || detailData === void 0 ? void 0 : detailData.data]);
+	return /* @__PURE__ */ jsx(VStack, {
+		className: "Layer__TaxEstimatesSummaryCard__Container",
+		children: /* @__PURE__ */ jsx(Card, {
+			className: classNames("Layer__TaxEstimatesSummaryCard", isSummaryCardLayout && "Layer__TaxEstimatesSummaryCard--summaryCard"),
+			children: /* @__PURE__ */ jsxs(VStack, {
+				gap: "md",
+				className: "Layer__TaxEstimatesSummaryCard__Body",
+				children: [/* @__PURE__ */ jsx(HStack, {
+					className: classNames("Layer__TaxEstimatesSummaryCard__Header", (isSummaryCardLayout || withHeaderSeparator) && "Layer__SummaryCard__ContainerHeader"),
+					justify: "space-between",
+					align: isSummaryCardLayout ? "center" : "start",
+					gap: "md",
+					children: /* @__PURE__ */ jsx(Heading$2, {
+						size: !isDesktop ? "sm" : "md",
+						children: title
+					})
+				}), /* @__PURE__ */ jsx(ConditionalBlock, {
+					data: detailData,
+					isLoading,
+					isError,
+					Loading: /* @__PURE__ */ jsx(LoadingState$1, { mode }),
+					Error: /* @__PURE__ */ jsx(ErrorState$2, {}),
+					children: ({ data }) => allTaxSectionsAreEmpty(data) ? /* @__PURE__ */ jsx(TaxEstimatesSummaryCardEmpty, {}) : /* @__PURE__ */ jsx(Content, {
+						data,
+						mode,
+						commonProps,
+						layout
+					})
+				})]
+			})
+		})
+	});
+};
+//#endregion
+//#region src/views/SolopreneurOverview/SolopreneurOverview.tsx
+var SolopreneurOverview = ({ showTitle = true, enableOnboarding = false, onboardingStepOverride = void 0, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, tagFilter = void 0, slotProps }) => {
+	var _slotProps$profitAndL, _stringOverrides$card, _stringOverrides$card2, _stringOverrides$card3, _stringOverrides$card4;
+	const { t } = useTranslation();
+	const { value: sizeClass } = useSizeClass();
+	const profitAndLossSummariesVariants = slotProps === null || slotProps === void 0 || (_slotProps$profitAndL = slotProps.profitAndLoss) === null || _slotProps$profitAndL === void 0 || (_slotProps$profitAndL = _slotProps$profitAndL.summaries) === null || _slotProps$profitAndL === void 0 ? void 0 : _slotProps$profitAndL.variants;
+	return /* @__PURE__ */ jsx(ProfitAndLoss, {
+		asContainer: false,
+		tagFilter: tagFilter ? {
+			key: tagFilter.tagKey,
+			values: tagFilter.tagValues
+		} : void 0,
+		children: /* @__PURE__ */ jsxs(View, {
+			title: (stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.title) || t("common:label.overview", "Overview"),
+			showHeader: showTitle,
+			header: /* @__PURE__ */ jsx(Header$2, { children: /* @__PURE__ */ jsx(HeaderRow, { children: /* @__PURE__ */ jsx(HeaderCol, { children: /* @__PURE__ */ jsx(GlobalMonthPicker, { truncateMonth: sizeClass === "mobile" }) }) }) }),
+			children: [
+				enableOnboarding && /* @__PURE__ */ jsx(Onboarding, {
+					onTransactionsToReviewClick,
+					onboardingStepOverride
+				}),
+				/* @__PURE__ */ jsx(ProfitAndLossSummaries, {
+					stringOverrides: stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.profitAndLossSummaries,
+					chartColorsList,
+					onTransactionsToReviewClick,
+					variants: profitAndLossSummariesVariants
+				}),
+				middleBanner,
+				/* @__PURE__ */ jsxs("div", {
+					className: "Layer__SolopreneurOverview__Grid",
+					children: [
+						/* @__PURE__ */ jsx(ProfitAndLossSummaryCard, { stringOverrides: { title: stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$card = stringOverrides.cards) === null || _stringOverrides$card === void 0 || (_stringOverrides$card = _stringOverrides$card.profitAndLoss) === null || _stringOverrides$card === void 0 ? void 0 : _stringOverrides$card.header } }),
+						/* @__PURE__ */ jsx(ExpensesSummaryCard, {
+							stylingProps: { chartColorsList },
+							stringOverrides: { title: stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$card2 = stringOverrides.cards) === null || _stringOverrides$card2 === void 0 || (_stringOverrides$card2 = _stringOverrides$card2.expenses) === null || _stringOverrides$card2 === void 0 ? void 0 : _stringOverrides$card2.header }
+						}),
+						/* @__PURE__ */ jsx(TaxEstimatesSummaryCard, {
+							mode: TaxEstimatesSummaryCardMode.HorizontalBarChart,
+							withHeaderSeparator: true,
+							title: stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$card3 = stringOverrides.cards) === null || _stringOverrides$card3 === void 0 || (_stringOverrides$card3 = _stringOverrides$card3.taxEstimates) === null || _stringOverrides$card3 === void 0 ? void 0 : _stringOverrides$card3.header
+						}),
+						/* @__PURE__ */ jsx(MileageTrackingSummary, _objectSpread2({}, stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$card4 = stringOverrides.cards) === null || _stringOverrides$card4 === void 0 ? void 0 : _stringOverrides$card4.mileageTracking))
+					]
+				})
+			]
+		})
+	});
+};
+//#endregion
+//#region src/types/location.ts
+var US_STATES_CONFIG = [
+	_objectSpread2({ value: "AL" }, translationKey("usStates:label.alabama", "Alabama")),
+	_objectSpread2({ value: "AK" }, translationKey("usStates:label.alaska", "Alaska")),
+	_objectSpread2({ value: "AZ" }, translationKey("usStates:label.arizona", "Arizona")),
+	_objectSpread2({ value: "AR" }, translationKey("usStates:label.arkansas", "Arkansas")),
+	_objectSpread2({ value: "CA" }, translationKey("usStates:label.california", "California")),
+	_objectSpread2({ value: "CO" }, translationKey("usStates:label.colorado", "Colorado")),
+	_objectSpread2({ value: "CT" }, translationKey("usStates:label.connecticut", "Connecticut")),
+	_objectSpread2({ value: "DE" }, translationKey("usStates:label.delaware", "Delaware")),
+	_objectSpread2({ value: "DC" }, translationKey("usStates:label.district_columbia", "District of Columbia")),
+	_objectSpread2({ value: "FL" }, translationKey("usStates:label.florida", "Florida")),
+	_objectSpread2({ value: "GA" }, translationKey("usStates:label.georgia", "Georgia")),
+	_objectSpread2({ value: "HI" }, translationKey("usStates:label.hawaii", "Hawaii")),
+	_objectSpread2({ value: "ID" }, translationKey("usStates:label.idaho", "Idaho")),
+	_objectSpread2({ value: "IL" }, translationKey("usStates:label.illinois", "Illinois")),
+	_objectSpread2({ value: "IN" }, translationKey("usStates:label.indiana", "Indiana")),
+	_objectSpread2({ value: "IA" }, translationKey("usStates:label.iowa", "Iowa")),
+	_objectSpread2({ value: "KS" }, translationKey("usStates:label.kansas", "Kansas")),
+	_objectSpread2({ value: "KY" }, translationKey("usStates:label.kentucky", "Kentucky")),
+	_objectSpread2({ value: "LA" }, translationKey("usStates:label.louisiana", "Louisiana")),
+	_objectSpread2({ value: "ME" }, translationKey("usStates:label.maine", "Maine")),
+	_objectSpread2({ value: "MD" }, translationKey("usStates:label.maryland", "Maryland")),
+	_objectSpread2({ value: "MA" }, translationKey("usStates:label.massachusetts", "Massachusetts")),
+	_objectSpread2({ value: "MI" }, translationKey("usStates:label.michigan", "Michigan")),
+	_objectSpread2({ value: "MN" }, translationKey("usStates:label.minnesota", "Minnesota")),
+	_objectSpread2({ value: "MS" }, translationKey("usStates:label.mississippi", "Mississippi")),
+	_objectSpread2({ value: "MO" }, translationKey("usStates:label.missouri", "Missouri")),
+	_objectSpread2({ value: "MT" }, translationKey("usStates:label.montana", "Montana")),
+	_objectSpread2({ value: "NE" }, translationKey("usStates:label.nebraska", "Nebraska")),
+	_objectSpread2({ value: "NV" }, translationKey("usStates:label.nevada", "Nevada")),
+	_objectSpread2({ value: "NH" }, translationKey("usStates:label.new_hampshire", "New Hampshire")),
+	_objectSpread2({ value: "NJ" }, translationKey("usStates:label.new_jersey", "New Jersey")),
+	_objectSpread2({ value: "NM" }, translationKey("usStates:label.new_mexico", "New Mexico")),
+	_objectSpread2({ value: "NY" }, translationKey("usStates:label.new_york", "New York")),
+	_objectSpread2({ value: "NC" }, translationKey("usStates:label.north_carolina", "North Carolina")),
+	_objectSpread2({ value: "ND" }, translationKey("usStates:label.north_dakota", "North Dakota")),
+	_objectSpread2({ value: "OH" }, translationKey("usStates:label.ohio", "Ohio")),
+	_objectSpread2({ value: "OK" }, translationKey("usStates:label.oklahoma", "Oklahoma")),
+	_objectSpread2({ value: "OR" }, translationKey("usStates:label.oregon", "Oregon")),
+	_objectSpread2({ value: "PA" }, translationKey("usStates:label.pennsylvania", "Pennsylvania")),
+	_objectSpread2({ value: "RI" }, translationKey("usStates:label.rhode_island", "Rhode Island")),
+	_objectSpread2({ value: "SC" }, translationKey("usStates:label.south_carolina", "South Carolina")),
+	_objectSpread2({ value: "SD" }, translationKey("usStates:label.south_dakota", "South Dakota")),
+	_objectSpread2({ value: "TN" }, translationKey("usStates:label.tennessee", "Tennessee")),
+	_objectSpread2({ value: "TX" }, translationKey("usStates:label.texas", "Texas")),
+	_objectSpread2({ value: "UT" }, translationKey("usStates:label.utah", "Utah")),
+	_objectSpread2({ value: "VT" }, translationKey("usStates:label.vermont", "Vermont")),
+	_objectSpread2({ value: "VA" }, translationKey("usStates:label.virginia", "Virginia")),
+	_objectSpread2({ value: "WA" }, translationKey("usStates:label.washington", "Washington")),
+	_objectSpread2({ value: "WV" }, translationKey("usStates:label.west_virginia", "West Virginia")),
+	_objectSpread2({ value: "WI" }, translationKey("usStates:label.wisconsin", "Wisconsin")),
+	_objectSpread2({ value: "WY" }, translationKey("usStates:label.wyoming", "Wyoming")),
+	_objectSpread2({ value: "PR" }, translationKey("usStates:label.puerto_rico", "Puerto Rico"))
+];
+var US_STATE_VALUES = US_STATES_CONFIG.map((s) => s.value);
+//#endregion
+//#region src/schemas/taxEstimates/filingStatus.ts
+var FilingStatus = /* @__PURE__ */ function(FilingStatus) {
+	FilingStatus["SINGLE"] = "SINGLE";
+	FilingStatus["MARRIED"] = "MARRIED";
+	FilingStatus["MARRIED_SEPARATELY"] = "MARRIED_SEPARATELY";
+	FilingStatus["HEAD"] = "HEAD";
+	FilingStatus["WIDOWER"] = "WIDOWER";
+	return FilingStatus;
+}({});
+var FilingStatusSchema = Schema.Enums(FilingStatus);
+//#endregion
+//#region src/schemas/taxEstimates/profile.ts
+var USStateCodeSchema = Schema.Literal(...US_STATE_VALUES);
+var WithholdingSchema = Schema.Struct({
+	useCustomWithholding: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Boolean)), Schema.fromKey("use_custom_withholding")),
+	amount: Schema.NullishOr(Schema.Number)
+});
+var HomeOfficeDeductionSchema = Schema.Struct({
+	useHomeOfficeDeduction: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Boolean)), Schema.fromKey("use_home_office_deduction")),
+	homeOfficeArea: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Number)), Schema.fromKey("home_office_area"))
+});
+var VehicleDeductionSchema = Schema.Struct({ useMileageDeduction: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Boolean)), Schema.fromKey("use_mileage_deduction")) });
+var DeductionsSchema = Schema.Struct({
+	homeOffice: pipe(Schema.propertySignature(Schema.NullishOr(HomeOfficeDeductionSchema)), Schema.fromKey("home_office")),
+	vehicle: Schema.NullishOr(VehicleDeductionSchema)
+});
+var FederalConfigurationSchema = Schema.Struct({
+	filingStatus: pipe(Schema.propertySignature(Schema.NullishOr(FilingStatusSchema)), Schema.fromKey("filing_status")),
+	annualW2Income: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Number)), Schema.fromKey("annual_w2_income")),
+	tipIncome: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Number)), Schema.fromKey("tip_income")),
+	overtimeIncome: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Number)), Schema.fromKey("overtime_income")),
+	withholding: Schema.NullishOr(WithholdingSchema)
+});
+var StateConfigurationSchema = Schema.Struct({
+	taxState: pipe(Schema.propertySignature(Schema.NullishOr(USStateCodeSchema)), Schema.fromKey("tax_state")),
+	filingStatus: pipe(Schema.propertySignature(Schema.NullishOr(FilingStatusSchema)), Schema.fromKey("filing_status")),
+	withholding: Schema.NullishOr(WithholdingSchema)
+});
+var UsConfigurationSchema = Schema.Struct({
+	federal: Schema.NullishOr(FederalConfigurationSchema),
+	state: Schema.NullishOr(StateConfigurationSchema),
+	deductions: pipe(Schema.propertySignature(Schema.NullishOr(DeductionsSchema)), Schema.fromKey("deductions"))
+});
+var TaxProfileSchema = Schema.Struct({
+	taxCountryCode: pipe(Schema.propertySignature(Schema.NullishOr(Schema.String)), Schema.fromKey("tax_country_code")),
+	usConfiguration: pipe(Schema.propertySignature(Schema.NullishOr(UsConfigurationSchema)), Schema.fromKey("us_configuration")),
+	userHasSavedTaxProfile: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("user_has_saved_tax_profile"))
+});
+var TaxProfileResponseSchema = Schema.Struct({ data: TaxProfileSchema });
+var TaxProfileRequestSchema = Schema.Struct({
+	taxCountryCode: pipe(Schema.propertySignature(Schema.NullishOr(Schema.String)), Schema.fromKey("tax_country_code")),
+	usConfiguration: pipe(Schema.propertySignature(Schema.NullishOr(UsConfigurationSchema)), Schema.fromKey("us_configuration"))
+});
+//#endregion
+//#region src/hooks/api/businesses/[business-id]/tax-estimates/profile/useTaxProfile.ts
+var TAX_PROFILE_TAG_KEY = "#tax-profile";
+var getTaxProfile = get(({ businessId }) => {
+	return `/v1/businesses/${businessId}/tax-estimates/profile`;
+});
+function buildKey$16({ access_token: accessToken, apiUrl, businessId }) {
+	if (accessToken && apiUrl) return {
+		accessToken,
+		apiUrl,
+		businessId,
+		tags: [TAX_PROFILE_TAG_KEY]
+	};
+}
+function useTaxProfile() {
+	const withLocale = useLocalizedKey();
+	const { data: auth } = useAuth();
+	const { businessId } = useLayerContext();
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$16(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), function() {
+		var _ref = _asyncToGenerator(function* ({ accessToken, apiUrl, businessId }) {
+			return getTaxProfile(apiUrl, accessToken, { params: { businessId } })().then(Schema.decodeUnknownPromise(TaxProfileResponseSchema)).then(({ data }) => data);
+		});
+		return function(_x) {
+			return _ref.apply(this, arguments);
+		};
+	}()));
+}
+function useTaxProfileGlobalCacheActions() {
+	const { patchCache } = useGlobalCacheActions();
+	return { patchTaxProfile: useCallback((updatedProfile) => patchCache(({ tags }) => tags.includes(TAX_PROFILE_TAG_KEY), () => updatedProfile), [patchCache]) };
+}
+//#endregion
+//#region src/hooks/features/taxEstimates/useTaxEstimatesOnboardingStatus.ts
+var OnboardingStatus = /* @__PURE__ */ function(OnboardingStatus) {
+	OnboardingStatus["Loading"] = "Loading";
+	OnboardingStatus["Error"] = "Error";
+	OnboardingStatus["NotOnboarded"] = "NotOnboarded";
+	OnboardingStatus["Onboarded"] = "Onboarded";
+	OnboardingStatus["FeatureDisabled"] = "FeatureDisabled";
+	return OnboardingStatus;
+}({});
+function getTaxEstimatesOnboardingStatus(input) {
+	var _input$accountingConf, _input$taxProfile;
+	const isFeatureEnabled = !!((_input$accountingConf = input.accountingConfiguration) === null || _input$accountingConf === void 0 ? void 0 : _input$accountingConf.enableTaxEstimates);
+	const hasSavedTaxProfile = (_input$taxProfile = input.taxProfile) === null || _input$taxProfile === void 0 ? void 0 : _input$taxProfile.userHasSavedTaxProfile;
+	if (input.isError) return OnboardingStatus.Error;
+	if (input.isLoading || !input.accountingConfiguration) return OnboardingStatus.Loading;
+	if (!isFeatureEnabled) return OnboardingStatus.FeatureDisabled;
+	if (hasSavedTaxProfile === false) return OnboardingStatus.NotOnboarded;
+	if (hasSavedTaxProfile === true) return OnboardingStatus.Onboarded;
+	return OnboardingStatus.Loading;
+}
+function useTaxEstimatesOnboardingStatus() {
+	const { accountingConfiguration } = useLayerContext();
+	const { data: taxProfile, isLoading, isError } = useTaxProfile();
+	return getTaxEstimatesOnboardingStatus({
+		isLoading,
+		isError,
+		accountingConfiguration,
+		taxProfile
+	});
+}
+//#endregion
 //#region src/contexts/TaxEstimatesContext/TaxEstimatesContextProvider.tsx
 var TaxEstimatesContext = createContext({});
 var useTaxEstimatesContext = () => useContext(TaxEstimatesContext);
@@ -44064,7 +45044,7 @@ var getTaxDetails = get(({ businessId, year, reportingBasis, fullYearProjection
 		full_year_projection: fullYearProjection
 	})}`;
 });
-function buildKey$17({ access_token: accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection }) {
+function buildKey$15({ access_token: accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -44079,7 +45059,7 @@ function useTaxDetails({ year, reportingBasis, fullYearProjection }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$17(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$15(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		year,
 		reportingBasis,
@@ -44127,7 +45107,7 @@ var getTaxPayments = get(({ businessId, year, reportingBasis, fullYearProjection
 		full_year_projection: fullYearProjection
 	})}`;
 });
-function buildKey$16({ access_token: accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection }) {
+function buildKey$14({ access_token: accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -44142,7 +45122,7 @@ function useTaxPayments({ year, reportingBasis, fullYearProjection }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$16(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$14(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		year,
 		reportingBasis,
@@ -44175,7 +45155,7 @@ var UpsertTaxProfileMode = /* @__PURE__ */ function(UpsertTaxProfileMode) {
 }({});
 var createTaxProfile = post(({ businessId }) => `/v1/businesses/${businessId}/tax-estimates/profile`);
 var updateTaxProfile = patch(({ businessId }) => `/v1/businesses/${businessId}/tax-estimates/profile`);
-function buildKey$15({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$13({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -44193,7 +45173,7 @@ function useUpsertTaxProfile({ mode }) {
 	const { patchTaxProfile } = useTaxProfileGlobalCacheActions();
 	const { forceReloadTaxPayments } = useTaxPaymentsGlobalCacheActions();
 	const { forceReloadTaxDetails } = useTaxDetailsGlobalCacheActions();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$15(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), function() {
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$13(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), function() {
 		var _ref = _asyncToGenerator(function* ({ accessToken, apiUrl, businessId }, { arg }) {
 			return getRequestFn(mode)(apiUrl, accessToken, {
 				params: { businessId },
@@ -44299,10 +45279,7 @@ var TaxProfileForm = ({ taxProfile, onSuccess, isReadOnly }) => {
 	const actionsStackProps = isDesktop ? {
 		direction: "row",
 		justify: "end"
-	} : {
-		direction: "column",
-		gap: "md"
-	};
+	} : { direction: "column" };
 	return /* @__PURE__ */ jsx(Form$1, {
 		className: "Layer__TaxProfileForm",
 		onSubmit: blockNativeOnSubmit,
@@ -44364,7 +45341,7 @@ var TaxProfileForm = ({ taxProfile, onSuccess, isReadOnly }) => {
 						}
 					})]
 				}),
-				/* @__PURE__ */ jsxs(Stack, _objectSpread2(_objectSpread2({}, actionsStackProps), {}, { children: [/* @__PURE__ */ jsx(form.Subscribe, {
+				/* @__PURE__ */ jsxs(Stack, _objectSpread2(_objectSpread2({ gap: "md" }, actionsStackProps), {}, { children: [/* @__PURE__ */ jsx(form.Subscribe, {
 					selector: (state) => ({
 						errorMap: state.errorMap,
 						isDirty: state.isDirty
@@ -44444,7 +45421,7 @@ var TaxOverviewApiDataSchema = Schema.Struct({
 	year: Schema.Number,
 	metrics: Schema.Array(TaxOverviewMetricSchema)
 });
-var TaxOverviewApiResponseSchema = Schema.Struct({ data: TaxOverviewApiDataSchema });
+Schema.Struct({ data: TaxOverviewApiDataSchema });
 var TaxOverviewDeadlineStatus = /* @__PURE__ */ function(TaxOverviewDeadlineStatus) {
 	TaxOverviewDeadlineStatus["PastDue"] = "PAST_DUE";
 	TaxOverviewDeadlineStatus["Paid"] = "PAID";
@@ -44465,14 +45442,20 @@ var TaxEstimatesBannerQuarterSchema = Schema.Struct({
 	amountPaid: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("amount_paid")),
 	balance: Schema.Number,
 	uncategorizedCount: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("uncategorized_count")),
-	uncategorizedSum: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("uncategorized_sum"))
+	uncategorizedMoneyIn: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("uncategorized_money_in")),
+	uncategorizedMoneyOut: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("uncategorized_money_out")),
+	earliestUncategorizedAt: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Date)), Schema.fromKey("earliest_uncategorized_at")),
+	latestUncategorizedAt: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Date)), Schema.fromKey("latest_uncategorized_at"))
 });
 var TaxEstimatesBannerSchema = Schema.Struct({
 	year: Schema.Number,
 	taxesDueAt: pipe(Schema.propertySignature(CalendarDateSchema), Schema.fromKey("taxes_due_at")),
 	totalTaxesOwed: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("total_taxes_owed")),
 	totalUncategorizedCount: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("total_uncategorized_count")),
-	totalUncategorizedSum: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("total_uncategorized_sum")),
+	totalUncategorizedMoneyIn: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("total_uncategorized_money_in")),
+	totalUncategorizedMoneyOut: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("total_uncategorized_money_out")),
+	earliestUncategorizedAt: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Date)), Schema.fromKey("earliest_uncategorized_at")),
+	latestUncategorizedAt: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Date)), Schema.fromKey("latest_uncategorized_at")),
 	quarters: Schema.Array(TaxEstimatesBannerQuarterSchema)
 });
 var TaxEstimatesBannerResponseSchema = Schema.Struct({ data: TaxEstimatesBannerSchema });
@@ -44486,7 +45469,7 @@ var getTaxEstimatesBanner = get(({ businessId, year, reportingBasis, fullYearPro
 		full_year_projection: fullYearProjection
 	})}`;
 });
-function buildKey$14({ access_token: accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection }) {
+function buildKey$12({ access_token: accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -44501,7 +45484,7 @@ function useTaxEstimatesBanner({ year, reportingBasis, fullYearProjection }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$14(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$12(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		year,
 		reportingBasis,
@@ -44521,17 +45504,52 @@ function useTaxEstimatesBanner({ year, reportingBasis, fullYearProjection }) {
 	}()));
 }
 //#endregion
+//#region src/hooks/features/taxEstimates/useTaxBanner.ts
+function useTaxBanner(data) {
+	const { t } = useTranslation();
+	const { formatCurrencyFromCents, formatDate, formatDateRange } = useIntlFormatter();
+	const { isDesktop } = useSizeClass();
+	const { year, totalUncategorizedCount: count, totalUncategorizedMoneyIn: moneyIn, totalUncategorizedMoneyOut: moneyOut, earliestUncategorizedAt, latestUncategorizedAt } = data;
+	const deductions = formatCurrencyFromCents(moneyOut);
+	const income = formatCurrencyFromCents(moneyIn);
+	if (!isDesktop) return { bannerDescription: tPlural(t, "taxEstimates:banner.categorization_incomplete.description_short", {
+		count,
+		deductions,
+		income,
+		one: "You have {{count}} uncategorized transaction: {{deductions}} in deductions and {{income}} in unrecognized income.",
+		other: "You have {{count}} uncategorized transactions: {{deductions}} in deductions and {{income}} in unrecognized income."
+	}) };
+	if (!!(earliestUncategorizedAt && latestUncategorizedAt) && earliestUncategorizedAt && latestUncategorizedAt) return { bannerDescription: tPlural(t, "taxEstimates:banner.categorization_incomplete.description_with_range", {
+		count,
+		year,
+		dateRange: earliestUncategorizedAt.getFullYear() === latestUncategorizedAt.getFullYear() && earliestUncategorizedAt.getMonth() === latestUncategorizedAt.getMonth() && earliestUncategorizedAt.getDate() === latestUncategorizedAt.getDate() ? formatDate(earliestUncategorizedAt, DateFormat.DateShort) : formatDateRange(earliestUncategorizedAt, latestUncategorizedAt, DateFormat.DateShort),
+		deductions,
+		income,
+		one: "In tax year {{year}}, you have {{count}} uncategorized transaction spanning {{dateRange}} with potentially {{deductions}} in deductions and {{income}} in unrecognized income. Review and categorize your transactions for more accurate estimates.",
+		other: "In tax year {{year}}, you have {{count}} uncategorized transactions spanning from {{dateRange}} with potentially {{deductions}} in deductions and {{income}} in unrecognized income. Review and categorize your transactions for more accurate estimates."
+	}) };
+	return { bannerDescription: tPlural(t, "taxEstimates:banner.categorization_incomplete.description", {
+		count,
+		year,
+		deductions,
+		income,
+		one: "In tax year {{year}}, you have {{count}} uncategorized transaction with potentially {{deductions}} in deductions and {{income}} in unrecognized income. Review and categorize your transactions for more accurate estimates.",
+		other: "In tax year {{year}}, you have {{count}} uncategorized transactions with potentially {{deductions}} in deductions and {{income}} in unrecognized income. Review and categorize your transactions for more accurate estimates."
+	}) };
+}
+//#endregion
 //#region src/components/TaxDetails/TaxBanner.tsx
-var TaxBanner = ({ uncategorizedCount, uncategorizedAmount }) => {
+var TaxBanner = ({ data }) => {
 	const { isMobile } = useSizeClass();
 	const { t } = useTranslation();
-	const { formatCurrencyFromCents } = useIntlFormatter();
 	const { onClickReviewTransactions } = useTaxEstimatesContext();
+	const { bannerDescription } = useTaxBanner(data);
 	const title = t("taxEstimates:banner.categorization_incomplete.title", "Your tax estimates are incomplete");
 	const ReviewButton = onClickReviewTransactions ? /* @__PURE__ */ jsx(BannerButton, {
 		onPress: () => onClickReviewTransactions({
-			uncategorizedAmount,
-			uncategorizedTransactionCount: uncategorizedCount
+			uncategorizedMoneyIn: data.totalUncategorizedMoneyIn,
+			uncategorizedMoneyOut: data.totalUncategorizedMoneyOut,
+			uncategorizedTransactionCount: data.totalUncategorizedCount
 		}),
 		children: t("taxEstimates:action.review_banner", "Review")
 	}) : void 0;
@@ -44542,12 +45560,7 @@ var TaxBanner = ({ uncategorizedCount, uncategorizedAmount }) => {
 			variant: "warning",
 			ariaLabel: title,
 			title,
-			description: tPlural(t, "taxEstimates:banner.categorization_incomplete.description", {
-				count: uncategorizedCount,
-				amount: formatCurrencyFromCents(uncategorizedAmount),
-				one: "You have {{count}} uncategorized transaction with {{amount}} in potential deductions to review.",
-				other: "You have {{count}} uncategorized transactions with {{amount}} in potential deductions to review."
-			}),
+			description: bannerDescription,
 			slots: {
 				Icon: isMobile ? null : /* @__PURE__ */ jsx(FileText, { size: 16 }),
 				Button: ReviewButton
@@ -44571,71 +45584,6 @@ var ResponsiveDetailView = ({ name, slots, children, mobileProps }) => {
 	});
 };
 //#endregion
-//#region src/schemas/taxEstimates/summary.ts
-var TaxSummarySectionTypeSchema = Schema.Literal("federal", "state");
-var TaxSummarySectionSchema = Schema.Struct({
-	type: TaxSummarySectionTypeSchema,
-	key: Schema.NullishOr(Schema.String),
-	label: Schema.String,
-	total: Schema.Number,
-	taxesPaid: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("taxes_paid")),
-	taxesOwed: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("taxes_owed"))
-});
-var TaxSummarySchema = Schema.Struct({
-	year: Schema.Number,
-	projectedTaxesOwed: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("projected_taxes_owed")),
-	taxesDueAt: pipe(Schema.propertySignature(Schema.Date), Schema.fromKey("taxes_due_at")),
-	uncategorizedTaxPayments: pipe(Schema.propertySignature(Schema.Number), Schema.fromKey("uncategorized_tax_payments")),
-	sections: Schema.Array(TaxSummarySectionSchema)
-});
-var TaxSummaryResponseSchema = Schema.Struct({ data: TaxSummarySchema });
-//#endregion
-//#region src/hooks/api/businesses/[business-id]/tax-estimates/summary/useTaxSummary.ts
-var TAX_SUMMARY_TAG_KEY = "#tax-summary";
-var getTaxSummary = get(({ businessId, year, reportingBasis, fullYearProjection }) => {
-	return `/v1/businesses/${businessId}/tax-estimates/summary?${toDefinedSearchParameters({
-		year,
-		reporting_basis: reportingBasis,
-		full_year_projection: fullYearProjection
-	})}`;
-});
-function buildKey$13({ access_token: accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection, enabled = true }) {
-	if (!enabled) return;
-	if (accessToken && apiUrl) return {
-		accessToken,
-		apiUrl,
-		businessId,
-		year,
-		reportingBasis,
-		fullYearProjection,
-		tags: [TAX_SUMMARY_TAG_KEY]
-	};
-}
-function useTaxSummary({ year, reportingBasis, fullYearProjection, enabled = true }) {
-	const withLocale = useLocalizedKey();
-	const { data: auth } = useAuth();
-	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$13(_objectSpread2(_objectSpread2({}, auth), {}, {
-		businessId,
-		year,
-		reportingBasis,
-		fullYearProjection,
-		enabled
-	}))), function() {
-		var _ref = _asyncToGenerator(function* ({ accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection }) {
-			return getTaxSummary(apiUrl, accessToken, { params: {
-				businessId,
-				year,
-				reportingBasis,
-				fullYearProjection
-			} })().then(Schema.decodeUnknownPromise(TaxSummaryResponseSchema)).then(({ data }) => data);
-		});
-		return function(_x) {
-			return _ref.apply(this, arguments);
-		};
-	}()));
-}
-//#endregion
 //#region src/utils/i18n/conditional.ts
 var _excluded$1 = [
 	"condition",
@@ -44695,8 +45643,7 @@ var EquationRow = ({ section, size = "md" }) => {
 			/* @__PURE__ */ jsx(AmountWithLabel, { slotProps: {
 				MoneySpan: {
 					amount: section.taxesOwed,
-					size,
-					weight: "bold"
+					size
 				},
 				Badge: { children: t("taxEstimates:label.taxes_owed", "Taxes Owed") }
 			} })
@@ -44819,10 +45766,20 @@ var TaxSummaryCardMobile = ({ data }) => {
 						children: t("taxEstimates:label.taxes_due_at", "Taxes due on {{date}}", { date: formatDate(data.taxesDueAt) })
 					})]
 				}),
-				/* @__PURE__ */ jsx(MoneySpan, {
-					size: "xl",
-					weight: "bold",
-					amount: data.projectedTaxesOwed
+				/* @__PURE__ */ jsxs(HStack, {
+					className: "Layer__TaxSummaryCard__MobileAmountRow",
+					justify: "space-between",
+					align: "baseline",
+					gap: "md",
+					children: [/* @__PURE__ */ jsx(MoneySpan, {
+						size: "xl",
+						weight: "bold",
+						amount: data.projectedTaxesOwed
+					}), /* @__PURE__ */ jsx(Button$1, {
+						variant: "text",
+						onClick: () => setIsExpanded((prev) => !prev),
+						children: isExpanded ? t("common:label.hide_details", "Hide details") : t("common:label.show_details", "Show details")
+					})]
 				}),
 				isExpanded && /* @__PURE__ */ jsx(VStack, {
 					className: "Layer__TaxSummaryCard__MobileSections",
@@ -44831,15 +45788,6 @@ var TaxSummaryCardMobile = ({ data }) => {
 						var _section$key;
 						return /* @__PURE__ */ jsx(SectionEquation, { section }, (_section$key = section.key) !== null && _section$key !== void 0 ? _section$key : section.label);
 					})
-				}),
-				/* @__PURE__ */ jsx(HStack, {
-					className: "Layer__TaxSummaryCard__MobileToggleWrapper",
-					justify: "center",
-					children: /* @__PURE__ */ jsx(Button$1, {
-						variant: "text",
-						onClick: () => setIsExpanded((prev) => !prev),
-						children: isExpanded ? t("common:label.hide_details", "Hide details") : t("common:label.show_details", "Show details")
-					})
 				})
 			]
 		})
@@ -45020,18 +45968,6 @@ var TaxEstimatesHeader = ({ type }) => {
 	});
 };
 //#endregion
-//#region src/components/TaxDetails/Operator/Operator.tsx
-var Operator = ({ sign }) => {
-	if (!sign) return null;
-	return /* @__PURE__ */ jsx(Span, {
-		className: "Layer__TaxDetails__Operator",
-		size: "lg",
-		variant: "subtle",
-		"aria-hidden": "true",
-		children: sign
-	});
-};
-//#endregion
 //#region src/components/TaxDetails/TaxDetailsContent.tsx
 var TaxDetailsColumns = /* @__PURE__ */ function(TaxDetailsColumns) {
 	TaxDetailsColumns["Label"] = "Label";
@@ -45052,7 +45988,7 @@ var EmptyState$1 = () => {
 		spacing: true
 	});
 };
-var ErrorState$4 = () => {
+var ErrorState$1 = () => {
 	const { t } = useTranslation();
 	return /* @__PURE__ */ jsx(DataState, {
 		status: DataStateStatus.failed,
@@ -45062,17 +45998,17 @@ var ErrorState$4 = () => {
 	});
 };
 var TaxDetailsRowLabelCell = (row) => {
-	if (row.original.operator !== void 0 && row.original.operator !== null) return /* @__PURE__ */ jsxs(HStack, {
-		className: "Layer__TaxDetails__TaxDetailsRow--operator",
-		align: "center",
-		gap: "md",
-		children: [/* @__PURE__ */ jsx(Operator, { sign: row.original.operator }), /* @__PURE__ */ jsx(Span, { children: row.original.label })]
+	const { operator, label } = row.original;
+	if (operator === "=") return /* @__PURE__ */ jsx(Span, {
+		className: "Layer__TaxDetails__TaxDetailsRow--total",
+		children: label
 	});
-	return /* @__PURE__ */ jsx(Span, { children: row.original.label });
+	return /* @__PURE__ */ jsx(Span, { children: label });
 };
 var makeAmountCellRenderer = ({ formatNumber, formatPercent }) => {
 	return function TaxDetailsAmountCell(row) {
 		const { value } = row.original;
+		if (row.getCanExpand() && row.getIsExpanded()) return null;
 		if (value === void 0) return /* @__PURE__ */ jsx(Span, { children: "-" });
 		if (isPercentageCellValue(value)) return /* @__PURE__ */ jsx(Span, { children: formatPercent(value.value, {
 			maximumFractionDigits: 2,
@@ -45131,7 +46067,7 @@ function TaxDetailsContent() {
 		isError,
 		data,
 		Loading: /* @__PURE__ */ jsx(Loader, {}),
-		Error: /* @__PURE__ */ jsx(ErrorState$4, {}),
+		Error: /* @__PURE__ */ jsx(ErrorState$1, {}),
 		children: ({ data: details }) => {
 			return /* @__PURE__ */ jsx(ExpandableCardsWrapper, {
 				className: "Layer__TaxDetails__ExpandableCardsWrapper",
@@ -45145,7 +46081,7 @@ function TaxDetailsContent() {
 					indentSize: isDesktop ? "sm" : "xs",
 					slots: {
 						EmptyState: EmptyState$1,
-						ErrorState: ErrorState$4
+						ErrorState: ErrorState$1
 					},
 					getSubRows: getSubRows$1,
 					getRowId: getRowId$1
@@ -45166,673 +46102,6 @@ var TaxDetails = () => {
 	});
 };
 //#endregion
-//#region src/components/TaxEstimatesSummaryCard/constants.ts
-var resolveCategoryColor = ({ key }) => {
-	var _federal$state$key;
-	return (_federal$state$key = {
-		federal: DEFAULT_CHART_COLORS[0],
-		state: DEFAULT_CHART_COLORS[1]
-	}[key]) !== null && _federal$state$key !== void 0 ? _federal$state$key : DEFAULT_CHART_COLORS[0];
-};
-//#endregion
-//#region src/components/TaxEstimatesSummaryCard/useTaxEstimatesSummaryCard.ts
-var prepareTaxSummaryData = (taxSummaryData, shortenedDisplayName, isMobile) => {
-	return taxSummaryData.sections.map((section) => ({
-		value: Math.max(section.taxesOwed, 0),
-		name: section.type,
-		displayName: isMobile ? shortenedDisplayName(section.type) : section.label
-	}));
-};
-var useTaxEstimatesSummaryCard = () => {
-	const { year } = useTaxEstimatesYear();
-	const { fullYearProjection } = useFullYearProjection();
-	const { t } = useTranslation();
-	const { isDesktop, isMobile } = useSizeClass();
-	const { data: taxSummaryData, isLoading, isError } = useTaxSummary({
-		year,
-		fullYearProjection,
-		enabled: true
-	});
-	const shortenedDisplayName = useCallback((type) => {
-		if (type === "federal") return t("taxEstimates:label.federal", "Federal");
-		if (type === "state") return t("taxEstimates:label.state", "State");
-		return type;
-	}, [t]);
-	return {
-		detailData: useMemo(() => {
-			if (!taxSummaryData) return void 0;
-			const data = prepareTaxSummaryData(taxSummaryData, shortenedDisplayName, isMobile);
-			return {
-				data,
-				total: data.reduce((sum, section) => sum + section.value, 0)
-			};
-		}, [
-			taxSummaryData,
-			isMobile,
-			shortenedDisplayName
-		]),
-		isLoading,
-		isError,
-		layout: isDesktop ? "taxOverview" : "summaryCard",
-		title: t("taxEstimates:label.tax_summary", "Tax Summary")
-	};
-};
-//#endregion
-//#region src/components/TaxEstimatesSummaryCard/TaxEstimatesSummaryCard.tsx
-var LoadingState$3 = () => {
-	return /* @__PURE__ */ jsxs(VStack, {
-		gap: "md",
-		className: "Layer__TaxEstimatesSummaryCard__Content",
-		pb: "md",
-		pi: "lg",
-		align: "center",
-		children: [
-			/* @__PURE__ */ jsx(CircleSkeletonLoader, {
-				height: "128px",
-				width: "128px"
-			}),
-			/* @__PURE__ */ jsx(SkeletonLoader, {
-				height: "24px",
-				width: "80%"
-			}),
-			/* @__PURE__ */ jsx(SkeletonLoader, {
-				height: "24px",
-				width: "80%"
-			}),
-			/* @__PURE__ */ jsx(SkeletonLoader, {
-				height: "24px",
-				width: "80%"
-			})
-		]
-	});
-};
-var ErrorState$3 = () => {
-	const { t } = useTranslation();
-	return /* @__PURE__ */ jsx(VStack, {
-		gap: "md",
-		className: "Layer__TaxEstimatesSummaryCard__Content",
-		pb: "md",
-		pi: "lg",
-		align: "center",
-		children: /* @__PURE__ */ jsx(Span, {
-			size: "lg",
-			children: t("taxEstimates:error.load_tax_estimates_summary", "We couldn't load your tax summary")
-		})
-	});
-};
-var Content = ({ data, commonProps, layout }) => {
-	const { isMobile } = useSizeClass();
-	return isMobile || layout === "summaryCard" ? /* @__PURE__ */ jsxs(VStack, {
-		className: "Layer__TaxEstimatesSummaryCard__Content Layer__TaxEstimatesSummaryCard__Content--mobile",
-		gap: "lg",
-		children: [/* @__PURE__ */ jsx(DetailedChart, _objectSpread2({ data }, commonProps)), /* @__PURE__ */ jsx(DetailedTableWithData, _objectSpread2(_objectSpread2({ data }, commonProps), NO_SORT_PROPS))]
-	}) : /* @__PURE__ */ jsxs(HStack, {
-		className: "Layer__TaxEstimatesSummaryCard__Content",
-		align: "center",
-		gap: "lg",
-		children: [/* @__PURE__ */ jsx(DetailedChart, _objectSpread2({ data }, commonProps)), /* @__PURE__ */ jsx(DetailedTableWithData, _objectSpread2(_objectSpread2({ data }, commonProps), NO_SORT_PROPS))]
-	});
-};
-var TaxEstimatesSummaryCard = () => {
-	const { detailData, layout, title, isLoading, isError } = useTaxEstimatesSummaryCard();
-	const { isDesktop } = useSizeClass();
-	const isSummaryCardLayout = layout === "summaryCard";
-	const commonProps = useMemo(() => {
-		var _detailData$data;
-		const colorByKey = detailData === null || detailData === void 0 || (_detailData$data = detailData.data) === null || _detailData$data === void 0 ? void 0 : _detailData$data.reduce((acc, item) => {
-			acc[item.name] = resolveCategoryColor({ key: item.name });
-			return acc;
-		}, {});
-		return {
-			interactionProps: NO_OP_INTERACTION_PROPS,
-			stylingProps: { colorSelector: (item) => {
-				var _colorByKey$item$name;
-				return {
-					color: (_colorByKey$item$name = colorByKey === null || colorByKey === void 0 ? void 0 : colorByKey[item.name]) !== null && _colorByKey$item$name !== void 0 ? _colorByKey$item$name : "var(--color-base-300)",
-					opacity: 1
-				};
-			} }
-		};
-	}, [detailData === null || detailData === void 0 ? void 0 : detailData.data]);
-	return /* @__PURE__ */ jsx(VStack, {
-		className: "Layer__TaxEstimatesSummaryCard__Container",
-		children: /* @__PURE__ */ jsx(Card, {
-			className: classNames("Layer__TaxEstimatesSummaryCard", isSummaryCardLayout && "Layer__TaxEstimatesSummaryCard--summaryCard"),
-			children: /* @__PURE__ */ jsxs(VStack, {
-				gap: "md",
-				className: "Layer__TaxEstimatesSummaryCard__Body",
-				children: [/* @__PURE__ */ jsx(HStack, {
-					className: classNames("Layer__TaxEstimatesSummaryCard__Header", isSummaryCardLayout && "Layer__SummaryCard__ContainerHeader"),
-					justify: "space-between",
-					align: isSummaryCardLayout ? "center" : "start",
-					gap: "md",
-					children: /* @__PURE__ */ jsx(Heading$2, {
-						size: !isDesktop ? "sm" : "md",
-						children: title
-					})
-				}), /* @__PURE__ */ jsx(ConditionalBlock, {
-					data: detailData,
-					isLoading,
-					isError,
-					Loading: /* @__PURE__ */ jsx(LoadingState$3, {}),
-					Error: /* @__PURE__ */ jsx(ErrorState$3, {}),
-					children: ({ data }) => /* @__PURE__ */ jsx(Content, {
-						data,
-						commonProps,
-						layout
-					})
-				})]
-			})
-		})
-	});
-};
-//#endregion
-//#region src/components/TaxOverview/constants.ts
-var TAX_OVERVIEW_MOBILE_BREAKPOINT = 1200;
-//#endregion
-//#region src/hooks/api/businesses/[business-id]/tax-estimates/overview/useTaxOverview.ts
-var TAX_OVERVIEW_TAG_KEY = "#tax-overview";
-var getTaxOverview = get(({ businessId, year, reportingBasis, fullYearProjection }) => {
-	return `/v1/businesses/${businessId}/tax-estimates/overview?${toDefinedSearchParameters({
-		year,
-		reporting_basis: reportingBasis,
-		full_year_projection: fullYearProjection
-	})}`;
-});
-function buildKey$12({ access_token: accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection, enabled = true }) {
-	if (!enabled) return;
-	if (accessToken && apiUrl) return {
-		accessToken,
-		apiUrl,
-		businessId,
-		year,
-		reportingBasis,
-		fullYearProjection,
-		tags: [TAX_OVERVIEW_TAG_KEY]
-	};
-}
-function useTaxOverview({ year, reportingBasis, fullYearProjection, enabled = true }) {
-	const withLocale = useLocalizedKey();
-	const { data: auth } = useAuth();
-	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$12(_objectSpread2(_objectSpread2({}, auth), {}, {
-		businessId,
-		year,
-		reportingBasis,
-		fullYearProjection,
-		enabled
-	}))), function() {
-		var _ref = _asyncToGenerator(function* ({ accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection }) {
-			return getTaxOverview(apiUrl, accessToken, { params: {
-				businessId,
-				year,
-				reportingBasis,
-				fullYearProjection
-			} })().then(Schema.decodeUnknownPromise(TaxOverviewApiResponseSchema)).then(({ data }) => data);
-		});
-		return function(_x) {
-			return _ref.apply(this, arguments);
-		};
-	}()));
-}
-//#endregion
-//#region src/components/MetricRow/MetricRow.tsx
-var BorderedMetricRow = ({ amount, slotProps }) => {
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(HStack, {
-		className: "Layer__MetricCard__Meter",
-		align: "start",
-		justify: "space-between",
-		children: [/* @__PURE__ */ jsx(Span, {
-			size: "md",
-			className: "Layer__MetricCard__Label",
-			children: slotProps.Meter.label
-		}), /* @__PURE__ */ jsx(MoneySpan, {
-			size: "md",
-			amount
-		})]
-	}), /* @__PURE__ */ jsx(Meter$1, _objectSpread2(_objectSpread2({}, slotProps.Meter), {}, { meterOnly: true }))] });
-};
-var StandardMetricRow = ({ amount, slotProps }) => {
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Span, {
-		size: "md",
-		className: "Layer__MetricRow__Label",
-		children: slotProps.Meter.label
-	}), /* @__PURE__ */ jsxs(HStack, {
-		className: "Layer__MetricRow__Value",
-		align: "center",
-		gap: "md",
-		children: [/* @__PURE__ */ jsx(MoneySpan, {
-			size: "md",
-			weight: "bold",
-			amount
-		}), /* @__PURE__ */ jsx(Meter$1, _objectSpread2(_objectSpread2({}, slotProps.Meter), {}, { meterOnly: true }))]
-	})] });
-};
-var MetricRow = ({ amount, className, showBorder = false, slotProps }) => {
-	const stackProps = _objectSpread2({
-		className: classNames(className, {
-			Layer__MetricCard: showBorder,
-			Layer__MetricRow: !showBorder
-		}),
-		align: !showBorder ? "center" : void 0,
-		direction: showBorder ? "column" : "row"
-	}, !showBorder && { justify: "space-between" });
-	const metricProps = {
-		amount,
-		slotProps
-	};
-	return /* @__PURE__ */ jsx(Stack, _objectSpread2(_objectSpread2({}, stackProps), {}, {
-		gap: "md",
-		children: showBorder ? /* @__PURE__ */ jsx(BorderedMetricRow, _objectSpread2({}, metricProps)) : /* @__PURE__ */ jsx(StandardMetricRow, _objectSpread2({}, metricProps))
-	}));
-};
-//#endregion
-//#region src/components/TaxOverview/useMetricRowProps.ts
-var METRIC_ROW_MOBILE_BREAKPOINT = 600;
-var meterClassByType = {
-	TOTAL_INCOME: "Layer__TaxOverview__IncomeMeter",
-	TOTAL_PRE_AGI_DEDUCTIONS: "Layer__TaxOverview__DeductionsMeter",
-	TAXABLE_INCOME: "Layer__TaxOverview__TaxableIncomeMeter",
-	UNKNOWN_TYPE: "Layer__TaxOverview__UnknownMetricMeter"
-};
-function useMetricRowProps({ metricType, amount, maxMeterValue, label }) {
-	const [viewportWidth] = useWindowSize();
-	const boundedMaxMeterValue = Math.max(maxMeterValue, 1);
-	const boundedMeterValue = Math.min(Math.max(amount, 0), boundedMaxMeterValue);
-	const showBorder = viewportWidth < METRIC_ROW_MOBILE_BREAKPOINT;
-	return {
-		slotProps: useMemo(() => ({ Meter: {
-			className: `${meterClassByType[metricType]} Layer__TaxOverview__Meter`,
-			label,
-			minValue: 0,
-			value: boundedMeterValue,
-			maxValue: boundedMaxMeterValue
-		} }), [
-			metricType,
-			boundedMeterValue,
-			boundedMaxMeterValue,
-			label
-		]),
-		showBorder
-	};
-}
-//#endregion
-//#region src/components/TaxOverview/TaxEstimateMetricRow.tsx
-function TaxEstimateMetricRow({ metric }) {
-	const { slotProps, showBorder } = useMetricRowProps({
-		metricType: metric.metricType,
-		amount: metric.value,
-		maxMeterValue: metric.maxValue,
-		label: metric.label
-	});
-	return /* @__PURE__ */ jsx(MetricRow, {
-		amount: metric.value,
-		showBorder,
-		slotProps
-	});
-}
-//#endregion
-//#region src/components/TaxOverview/TaxableIncomeCard.tsx
-var LoadingState$2 = () => /* @__PURE__ */ jsx(Loader, {});
-var ErrorState$2 = () => {
-	const { t } = useTranslation();
-	return /* @__PURE__ */ jsx(DataState, {
-		status: DataStateStatus.failed,
-		title: t("taxEstimates:error.load_tax_estimates", "We couldn't load your tax estimates"),
-		description: t("taxEstimates:error.while_loading_tax_estimates", "An error occurred while loading your tax estimates. Please check your connection and try again.")
-	});
-};
-var TaxableIncomeCard = () => {
-	const { year } = useTaxEstimatesYear();
-	const { fullYearProjection } = useFullYearProjection();
-	const [viewportWidth] = useWindowSize();
-	const { isDesktop } = useSizeClass();
-	const className = classNames({ "Layer__TaxOverview__Card__MetricRow--mobile": !isDesktop });
-	const isHeaderVisible = viewportWidth >= TAX_OVERVIEW_MOBILE_BREAKPOINT;
-	const { data: taxOverviewData, isLoading, isError } = useTaxOverview({
-		year,
-		fullYearProjection,
-		enabled: true
-	});
-	return /* @__PURE__ */ jsxs(Card, {
-		className: "Layer__TaxOverview__Card",
-		children: [isHeaderVisible && /* @__PURE__ */ jsx(TaxEstimatesHeader, { type: TaxEstimatesHeaderType.Overview }), /* @__PURE__ */ jsx(ConditionalBlock, {
-			data: taxOverviewData,
-			isLoading,
-			isError,
-			Loading: /* @__PURE__ */ jsx(LoadingState$2, {}),
-			Error: /* @__PURE__ */ jsx(ErrorState$2, {}),
-			children: ({ data }) => /* @__PURE__ */ jsx(VStack, {
-				pi: isDesktop ? "md" : void 0,
-				children: /* @__PURE__ */ jsx(VStack, {
-					className,
-					gap: "4xs",
-					children: data.metrics.map((metric, index) => /* @__PURE__ */ jsx(TaxEstimateMetricRow, { metric }, `${metric.metricType}-${metric.label}-${index}`))
-				})
-			})
-		})]
-	});
-};
-//#endregion
-//#region src/hooks/features/taxEstimates/useTaxEstimatesDeadlines.ts
-function mapQuarterToSection(t, quarter) {
-	let quarterLabel;
-	switch (quarter.quarter) {
-		case 1:
-			quarterLabel = t("taxEstimates:label.q1", "Q1");
-			break;
-		case 2:
-			quarterLabel = t("taxEstimates:label.q2", "Q2");
-			break;
-		case 3:
-			quarterLabel = t("taxEstimates:label.q3", "Q3");
-			break;
-		case 4:
-			quarterLabel = t("taxEstimates:label.q4", "Q4");
-			break;
-	}
-	return _objectSpread2(_objectSpread2({}, quarter), {}, {
-		type: "quarter",
-		title: t("taxEstimates:label.quarter_taxes", "{{quarterLabel}} taxes", { quarterLabel })
-	});
-}
-var useTaxEstimatesDeadlines = () => {
-	const { year } = useTaxEstimatesYear();
-	const { fullYearProjection } = useFullYearProjection();
-	const { t } = useTranslation();
-	const { data, isLoading, isError } = useTaxEstimatesBanner({
-		year,
-		fullYearProjection
-	});
-	return {
-		data: useMemo(() => {
-			if (!data) return void 0;
-			const quarters = data.quarters.map((quarter) => mapQuarterToSection(t, quarter));
-			const annual = {
-				type: "annual",
-				title: t("taxEstimates:label.annual_taxes", "Annual taxes"),
-				dueDate: data.taxesDueAt,
-				amountOwed: data.totalTaxesOwed,
-				state: TaxOverviewDeadlineStatus.Neutral,
-				uncategorizedCount: data.totalUncategorizedCount,
-				uncategorizedSum: data.totalUncategorizedSum
-			};
-			return [...quarters, annual];
-		}, [data, t]),
-		isLoading,
-		isError
-	};
-};
-//#endregion
-//#region src/components/TaxEstimatesDeadlineRow/StatusIcon.tsx
-var ICON_SIZE$1 = 14;
-var ICON_STROKE_WIDTH = 2.25;
-var getStatusVisuals = (t, status) => {
-	switch (status) {
-		case TaxOverviewDeadlineStatus.Paid: return {
-			Icon: Check,
-			label: t("taxEstimates:label.paid", "Paid"),
-			tone: "paid"
-		};
-		case TaxOverviewDeadlineStatus.PastDue: return {
-			Icon: CircleAlert,
-			label: t("taxEstimates:label.payment_past_due", "Payment past due"),
-			tone: "pastDue"
-		};
-		case TaxOverviewDeadlineStatus.Due: return {
-			Icon: Clock3,
-			label: t("taxEstimates:label.due", "Due"),
-			tone: "due"
-		};
-		case TaxOverviewDeadlineStatus.CategorizationIncomplete: return {
-			Icon: CircleAlert,
-			label: t("taxEstimates:label.categorization_incomplete", "Categorization incomplete"),
-			tone: "warning"
-		};
-		case TaxOverviewDeadlineStatus.Neutral:
-		default: return {
-			Icon: Clock3,
-			label: t("taxEstimates:label.estimated_taxes", "Estimated taxes"),
-			tone: "neutral"
-		};
-	}
-};
-var StatusIcon = ({ status }) => {
-	const { t } = useTranslation();
-	const { Icon, label, tone } = getStatusVisuals(t, status);
-	return /* @__PURE__ */ jsxs(Tooltip$1, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(Span, {
-			nonAria: true,
-			className: `Layer__TaxOverview__AmountIcon Layer__TaxOverview__AmountIcon--${tone}`,
-			children: /* @__PURE__ */ jsx(Icon, {
-				size: ICON_SIZE$1,
-				strokeWidth: ICON_STROKE_WIDTH,
-				"aria-hidden": true
-			})
-		})
-	}), /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx(Span, {
-		className: "Layer__UI__tooltip-content--text",
-		children: label
-	}) })] });
-};
-//#endregion
-//#region src/components/TaxEstimatesDeadlineRow/TaxEstimatesDeadlineRow.tsx
-var HEADING_LEVEL = 3;
-var ICON_SIZE = 12;
-var TaxEstimatesDeadlineRow = ({ data }) => {
-	const { t } = useTranslation();
-	const { formatDate } = useIntlFormatter();
-	const { year } = useTaxEstimatesYear();
-	const { onClickReviewTransactions } = useTaxEstimatesContext();
-	const { isMobile } = useSizeClass();
-	const isAnnual = data.type === "annual";
-	return /* @__PURE__ */ jsxs(Card, {
-		className: "Layer__TaxOverview__DeadlineCard",
-		children: [/* @__PURE__ */ jsxs(HStack, {
-			justify: "space-between",
-			align: "start",
-			gap: "md",
-			pb: "md",
-			pi: "md",
-			children: [/* @__PURE__ */ jsxs(VStack, {
-				className: "Layer__TaxOverview__DeadlineContent",
-				gap: "3xs",
-				fluid: true,
-				children: [/* @__PURE__ */ jsx(Heading$2, {
-					level: HEADING_LEVEL,
-					size: "sm",
-					children: data.title
-				}), /* @__PURE__ */ jsx(Span, {
-					size: "sm",
-					variant: "subtle",
-					children: t("taxEstimates:label.due_with_date", "Due: {{date}}", { date: formatCalendarDate(data.dueDate, formatDate) })
-				})]
-			}), /* @__PURE__ */ jsx(VStack, {
-				className: "Layer__TaxOverview__DeadlineAmountColumn",
-				align: "end",
-				gap: "xs",
-				children: /* @__PURE__ */ jsxs(VStack, {
-					align: "end",
-					gap: "3xs",
-					children: [/* @__PURE__ */ jsxs(HStack, {
-						className: "Layer__TaxOverview__DeadlineValueRow",
-						align: "center",
-						gap: "sm",
-						children: [/* @__PURE__ */ jsx(StatusIcon, { status: data.state }), /* @__PURE__ */ jsx(MoneySpan, {
-							size: "lg",
-							weight: "bold",
-							amount: data.amountOwed
-						})]
-					}), /* @__PURE__ */ jsx(VStack, {
-						align: "end",
-						gap: "3xs",
-						children: /* @__PURE__ */ jsx(Span, {
-							size: "xs",
-							variant: "subtle",
-							children: t("taxEstimates:label.estimated_taxes", "Estimated taxes")
-						})
-					})]
-				})
-			})]
-		}), data.uncategorizedCount > 0 && /* @__PURE__ */ jsxs(Stack, {
-			direction: isMobile ? "column" : "row",
-			align: isMobile ? void 0 : "center",
-			className: "Layer__TaxOverview__DeadlineReviewRow",
-			justify: "space-between",
-			gap: "md",
-			pb: "md",
-			pi: "md",
-			children: [/* @__PURE__ */ jsxs(HStack, {
-				className: "Layer__TaxOverview__DeadlineReviewContent",
-				align: "center",
-				gap: "xs",
-				children: [/* @__PURE__ */ jsx(Span, {
-					nonAria: true,
-					className: "Layer__TaxOverview__DeadlineReviewIcon",
-					children: /* @__PURE__ */ jsx(FileText, { size: ICON_SIZE })
-				}), /* @__PURE__ */ jsx(Span, {
-					className: "Layer__TaxOverview__DeadlineReviewLabel",
-					size: "sm",
-					weight: "bold",
-					children: isAnnual ? tPlural(t, "taxEstimates:label.uncategorized_transactions_with_year", {
-						count: data.uncategorizedCount,
-						one: "{{count}} uncategorized transaction ({{year}})",
-						other: "{{count}} uncategorized transactions ({{year}})",
-						year
-					}) : tPlural(t, "taxEstimates:label.uncategorized_transactions", {
-						count: data.uncategorizedCount,
-						one: "{{count}} uncategorized transaction",
-						other: "{{count}} uncategorized transactions"
-					})
-				})]
-			}), onClickReviewTransactions && /* @__PURE__ */ jsx(Button$1, {
-				variant: "outlined",
-				onPress: () => onClickReviewTransactions({
-					uncategorizedAmount: data.uncategorizedSum,
-					uncategorizedTransactionCount: data.uncategorizedCount
-				}),
-				children: t("taxEstimates:action.review_banner", "Review")
-			})]
-		})]
-	});
-};
-//#endregion
-//#region src/components/TaxOverview/TaxDeadlinesCard.tsx
-var LoadingState$1 = () => {
-	const { t } = useTranslation();
-	const { isDesktop } = useSizeClass();
-	return /* @__PURE__ */ jsx(Card, {
-		className: "Layer__TaxOverview__Card Layer__TaxOverview__Card--deadlines",
-		children: /* @__PURE__ */ jsxs(VStack, {
-			gap: "lg",
-			children: [
-				/* @__PURE__ */ jsx(Heading$2, {
-					size: isDesktop ? "md" : "sm",
-					children: t("taxEstimates:label.your_tax_deadlines", "Your tax deadlines")
-				}),
-				/* @__PURE__ */ jsx(SkeletonLoader, {
-					height: "72px",
-					width: "100%"
-				}),
-				/* @__PURE__ */ jsx(SkeletonLoader, {
-					height: "72px",
-					width: "100%"
-				}),
-				/* @__PURE__ */ jsx(SkeletonLoader, {
-					height: "72px",
-					width: "100%"
-				}),
-				/* @__PURE__ */ jsx(SkeletonLoader, {
-					height: "72px",
-					width: "100%"
-				}),
-				/* @__PURE__ */ jsx(SkeletonLoader, {
-					height: "72px",
-					width: "100%"
-				})
-			]
-		})
-	});
-};
-var ErrorState$1 = () => {
-	const { t } = useTranslation();
-	const { isDesktop } = useSizeClass();
-	return /* @__PURE__ */ jsx(Card, {
-		className: "Layer__TaxOverview__Card Layer__TaxOverview__Card--deadlines",
-		children: /* @__PURE__ */ jsxs(VStack, {
-			gap: "lg",
-			children: [/* @__PURE__ */ jsx(Heading$2, {
-				size: isDesktop ? "md" : "sm",
-				children: t("taxEstimates:label.your_tax_deadlines", "Your tax deadlines")
-			}), /* @__PURE__ */ jsx(Span, {
-				size: "md",
-				children: t("taxEstimates:error.load_tax_deadlines", "We couldn't load your tax deadlines")
-			})]
-		})
-	});
-};
-var TaxDeadlinesCard = () => {
-	const { t } = useTranslation();
-	const { isDesktop } = useSizeClass();
-	const { data, isLoading, isError } = useTaxEstimatesDeadlines();
-	return /* @__PURE__ */ jsx(ConditionalBlock, {
-		data,
-		isLoading,
-		isError,
-		Loading: /* @__PURE__ */ jsx(LoadingState$1, {}),
-		Error: /* @__PURE__ */ jsx(ErrorState$1, {}),
-		children: ({ data }) => {
-			const paymentDeadlines = data.filter((deadline) => deadline.type === "quarter");
-			const annualDeadline = data.find((deadline) => deadline.type === "annual");
-			return /* @__PURE__ */ jsx(Card, {
-				className: "Layer__TaxOverview__Card Layer__TaxOverview__Card--deadlines",
-				children: /* @__PURE__ */ jsxs(VStack, {
-					gap: "lg",
-					children: [/* @__PURE__ */ jsx(Heading$2, {
-						size: isDesktop ? "md" : "sm",
-						children: t("taxEstimates:label.your_tax_deadlines", "Your tax deadlines")
-					}), /* @__PURE__ */ jsxs(VStack, {
-						gap: "2xs",
-						children: [paymentDeadlines.map((deadline) => /* @__PURE__ */ jsx(TaxEstimatesDeadlineRow, { data: deadline }, deadline.title)), annualDeadline && /* @__PURE__ */ jsx(TaxEstimatesDeadlineRow, { data: annualDeadline }, "annual")]
-					})]
-				})
-			});
-		}
-	});
-};
-//#endregion
-//#region src/components/TaxOverview/TaxOverview.tsx
-var TaxOverview = () => {
-	const [viewportWidth] = useWindowSize();
-	if (viewportWidth < 1200) return /* @__PURE__ */ jsxs(VStack, {
-		className: "Layer__TaxOverview",
-		gap: "md",
-		children: [
-			/* @__PURE__ */ jsx(TaxEstimatesHeader, { type: TaxEstimatesHeaderType.Overview }),
-			/* @__PURE__ */ jsx(TaxableIncomeCard, {}),
-			/* @__PURE__ */ jsx(TaxEstimatesSummaryCard, {}),
-			/* @__PURE__ */ jsx(TaxDeadlinesCard, {})
-		]
-	});
-	return /* @__PURE__ */ jsx(VStack, {
-		className: "Layer__TaxOverview",
-		gap: "md",
-		children: /* @__PURE__ */ jsxs(HStack, {
-			gap: "md",
-			align: "start",
-			children: [/* @__PURE__ */ jsxs(VStack, {
-				className: "Layer__TaxOverview__PrimaryColumn",
-				gap: "md",
-				children: [/* @__PURE__ */ jsx(TaxableIncomeCard, {}), /* @__PURE__ */ jsx(TaxEstimatesSummaryCard, {})]
-			}), /* @__PURE__ */ jsx(VStack, {
-				className: "Layer__TaxOverview__SecondaryColumn",
-				children: /* @__PURE__ */ jsx(TaxDeadlinesCard, {})
-			})]
-		})
-	});
-};
-//#endregion
 //#region src/components/TaxPayments/TaxPaymentsMobileList/TaxPaymentsMobileList.tsx
 var TaxPaymentsMobileListItem = ({ payment }) => {
 	const { t } = useTranslation();
@@ -46025,11 +46294,7 @@ var TaxPayments = () => {
 };
 //#endregion
 //#region src/views/TaxEstimates/TaxEstimatesOnboardedViewContent.tsx
-var TAX_ESTIMATES_TAB_CONFIG = [
-	_objectSpread2({ value: TaxEstimatesRoute.Overview }, translationKey("common:label.overview", "Overview")),
-	_objectSpread2({ value: TaxEstimatesRoute.Estimates }, translationKey("taxEstimates:label.estimates", "Estimates")),
-	_objectSpread2({ value: TaxEstimatesRoute.Payments }, translationKey("taxEstimates:label.payments", "Payments"))
-];
+var TAX_ESTIMATES_TAB_CONFIG = [_objectSpread2({ value: TaxEstimatesRoute.Estimates }, translationKey("taxEstimates:label.estimates", "Estimates")), _objectSpread2({ value: TaxEstimatesRoute.Payments }, translationKey("taxEstimates:label.payments", "Payments"))];
 var TaxEstimatesOnboardedViewContent = () => {
 	const { t } = useTranslation();
 	const { route } = useTaxEstimatesRouteState();
@@ -46047,9 +46312,6 @@ var TaxEstimatesOnboardedViewContent = () => {
 	})), [t]);
 	const handleTabChange = useCallback((key) => {
 		switch (key) {
-			case TaxEstimatesRoute.Overview:
-				navigate.toOverview();
-				break;
 			case TaxEstimatesRoute.Estimates:
 				navigate.toEstimates();
 				break;
@@ -46071,11 +46333,7 @@ var TaxEstimatesOnboardedViewContent = () => {
 				selectedKey: route,
 				onSelectionChange: handleTabChange
 			}),
-			showBanner && /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(TaxBanner, {
-				uncategorizedCount: taxBannerData.totalUncategorizedCount,
-				uncategorizedAmount: taxBannerData.totalUncategorizedSum
-			}) }),
-			route === TaxEstimatesRoute.Overview && /* @__PURE__ */ jsx(TaxOverview, {}),
+			showBanner && /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(TaxBanner, { data: taxBannerData }) }),
 			route === TaxEstimatesRoute.Estimates && /* @__PURE__ */ jsx(TaxDetails, {}),
 			route === TaxEstimatesRoute.Payments && /* @__PURE__ */ jsx(TaxPayments, {})
 		]
@@ -47737,6 +47995,7 @@ var ActiveTimeTrackerBanner = ({ activeEntry, timerDisplayValue }) => {
 					align: "center",
 					children: [/* @__PURE__ */ jsx(Span, { className: "Layer__ActiveTimeTracker__TimerDot" }), /* @__PURE__ */ jsx(Span, {
 						className: "Layer__ActiveTimeTracker__TimerValue",
+						numeric: "tabular-nums",
 						children: timerDisplayValue
 					})]
 				}), /* @__PURE__ */ jsxs(HStack, {
@@ -47899,6 +48158,7 @@ var ActiveTimerDurationDisplay = () => {
 		pb: "md",
 		children: [/* @__PURE__ */ jsx(Span, {
 			className: "Layer__ActiveTimeTracker__DurationValue",
+			numeric: "tabular-nums",
 			children: formatSecondsAsDuration(0)
 		}), /* @__PURE__ */ jsx(Span, {
 			className: "Layer__ActiveTimeTracker__DurationLabel",
@@ -48947,6 +49207,7 @@ function TimeTrackingStatsContent({ summary }) {
 					}), /* @__PURE__ */ jsx(DurationSpan, {
 						className: "Layer__TimeTrackingStats__SummaryValue",
 						weight: "bold",
+						numeric: "tabular-nums",
 						durationMinutes: summary.totalMinutes
 					})]
 				})]
@@ -49448,4 +49709,4 @@ var LayerProvider = (_ref) => {
 	});
 };
 //#endregion
-export { AccountingOverview, BalanceSheet, BankTransactions, BankTransactionsWithLinkedAccounts, BookkeepingOverview, BookkeepingUpsellBar, ChartOfAccounts, Direction, DisplayState, EntityName, GeneralLedgerView, GlobalDateRangeSelection, GlobalMonthPicker, Integrations, Invoices, Journal, LandingPage, LayerProvider, LinkAccounts, LinkedAccounts, Onboarding, ProfitAndLoss, ProfitAndLossView, ProjectProfitabilityView, Reports, StatementOfCashFlow, SupportedLocale, Tasks, TimeTracking, UnifiedReports, MileageSummaryCard as unstable_MileageSummaryCard, unstable_MileageTracking, TaxEstimates as unstable_TaxEstimates, useLayerContext };
+export { AccountingOverview, BalanceSheet, BankTransactions, BankTransactionsWithLinkedAccounts, BookkeepingOverview, BookkeepingUpsellBar, ChartOfAccounts, Direction, DisplayState, EntityName, GeneralLedgerView, GlobalDateRangeSelection, GlobalMonthPicker, Integrations, Invoices, Journal, LandingPage, LayerProvider, LinkAccounts, LinkedAccounts, Onboarding, ProfitAndLoss, ProfitAndLossView, ProjectProfitabilityView, Reports, StatementOfCashFlow, SupportedLocale, Tasks, TimeTracking, UnifiedReports, MileageSummaryCard as unstable_MileageSummaryCard, unstable_MileageTracking, SolopreneurOverview as unstable_SolopreneurOverview, TaxEstimates as unstable_TaxEstimates, useLayerContext };