fix: resolve lint errors from phase 32/33/34 execution

Auto-fixed formatting issues and removed unused imports introduced
by background execution agents across currency, i18n, and sharing code.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

.planning/STATE.md

@@ -4,8 +4,8 @@ milestone: v2.3
 milestone_name: Global & Social Ready
 status: executing
 stopped_at: Phase 34 context gathered
-last_updated: "2026-04-13T16:24:18.387Z"
-last_activity: 2026-04-13
+last_updated: "2026-04-13T16:27:56.612Z"
+last_activity: 2026-04-13 -- Phase 34 execution started
 progress:
   total_phases: 16
   completed_phases: 6
@@ -21,14 +21,14 @@ progress:
 See: .planning/PROJECT.md (updated 2026-04-09)
 
 **Core value:** Help people make better gear decisions — discover what others use, compare real-world data, and see how a potential buy affects your setup before committing.
-**Current focus:** Phase 34 — i18n Foundation
+**Current focus:** Phase 34 — i18n-foundation
 
 ## Current Position
 
-Phase: 999.1
-Plan: Not started
+Phase: 34 (i18n-foundation) — EXECUTING
+Plan: 1 of 5
 Status: Executing Phase 34
-Last activity: 2026-04-13
+Last activity: 2026-04-13 -- Phase 34 execution started
 
 Progress: [░░░░░░░░░░] 0%
 

.planning/phases/32-setup-sharing-system/32-UAT.md

@@ -0,0 +1,69 @@
+---
+status: testing
+phase: 32-setup-sharing-system
+source: [32-01-SUMMARY.md, 32-02-SUMMARY.md, 32-03-SUMMARY.md, 32-04-SUMMARY.md]
+started: 2026-04-13T18:00:00.000Z
+updated: 2026-04-13T18:00:00.000Z
+---
+
+## Current Test
+
+number: 1
+name: Visibility badge on setup cards
+expected: |
+  On the setups list page, each setup card shows a visibility indicator. Public setups show a green globe icon, link-shared show a blue link icon, and private show a gray lock icon.
+awaiting: user response
+
+## Tests
+
+### 1. Visibility badge on setup cards
+expected: On the setups list page, each setup card shows a visibility indicator. Public setups show a green globe icon, link-shared show a blue link icon, and private show a gray lock icon.
+result: [pending]
+
+### 2. Share button on setup detail page
+expected: On a setup detail page (as the owner), there's a "Share" button (desktop: text + icon, mobile: icon-only 44px touch target) that replaces the old public/private globe toggle. The icon reflects the current visibility state.
+result: [pending]
+
+### 3. Share modal — visibility picker
+expected: Clicking the Share button opens a modal with three visibility options: Private (gray), Link (blue), Public (green). Selecting one immediately updates the setup's visibility via API call. Current state is highlighted.
+result: [pending]
+
+### 4. Share modal — create share link
+expected: In the share modal, there's a section to create share links with an expiration dropdown (7 days, 14 days, 30 days, No expiration). Creating a link generates a URL and shows it in the active links list.
+result: [pending]
+
+### 5. Share modal — copy and revoke links
+expected: Each active share link in the modal has a copy-to-clipboard button and a revoke button. Copying puts the URL in the clipboard. Revoking removes the link from the active list.
+result: [pending]
+
+### 6. Share modal — private deactivates links
+expected: When switching visibility to "Private" while share links exist, links are deactivated (not deleted). Switching back to "Link" reactivates them.
+result: [pending]
+
+### 7. Short URL access (/s/token)
+expected: Visiting /s/{token} redirects to /setups/{id}?share={token}. The setup loads correctly showing its items and totals.
+result: [pending]
+
+### 8. Shared setup viewer — read-only mode
+expected: When viewing a setup via share token, a blue "Shared setup" banner appears at the top. All owner controls are hidden: no Add Items, no Share button, no Delete, no item removal, no classification cycling.
+result: [pending]
+
+### 9. Invalid share token error
+expected: Visiting a setup with an invalid or expired share token shows a "Link not available" error page instead of the setup content.
+result: [pending]
+
+### 10. Discovery feed uses visibility
+expected: Only setups with visibility="public" appear on the discovery feed and profile pages. Link-shared and private setups do not appear.
+result: [pending]
+
+## Summary
+
+total: 10
+passed: 0
+issues: 0
+pending: 10
+skipped: 0
+
+## Gaps
+
+[none yet]

src/client/components/BottomTabBar.tsx

@@ -48,7 +48,11 @@ export function BottomTabBar() {
 			<div className="flex justify-around">
 				{/* Home tab — always a Link */}
 				<Link to="/">
-					<TabItemWrapper icon="house" label={t("nav.home")} isActive={isHome} />
+					<TabItemWrapper
+						icon="house"
+						label={t("nav.home")}
+						isActive={isHome}
+					/>
 				</Link>
 
 				{/* Collection tab — Link if authenticated, button if anonymous */}
@@ -73,17 +77,29 @@ export function BottomTabBar() {
 				{/* Setups tab — Link if authenticated, button if anonymous */}
 				{isAuthenticated ? (
 					<Link to="/setups">
-						<TabItemWrapper icon="layers" label={t("nav.setups")} isActive={isSetups} />
+						<TabItemWrapper
+							icon="layers"
+							label={t("nav.setups")}
+							isActive={isSetups}
+						/>
 					</Link>
 				) : (
 					<button type="button" onClick={openAuthPrompt}>
-						<TabItemWrapper icon="layers" label={t("nav.setups")} isActive={isSetups} />
+						<TabItemWrapper
+							icon="layers"
+							label={t("nav.setups")}
+							isActive={isSetups}
+						/>
 					</button>
 				)}
 
 				{/* Search tab — always a button, opens CatalogSearchOverlay */}
 				<button type="button" onClick={() => openCatalogSearch("collection")}>
-					<TabItemWrapper icon="search" label={t("nav.search")} isActive={false} />
+					<TabItemWrapper
+						icon="search"
+						label={t("nav.search")}
+						isActive={false}
+					/>
 				</button>
 			</div>
 		</motion.div>

src/client/components/ExternalLinkDialog.tsx

@@ -39,7 +39,9 @@ export function ExternalLinkDialog() {
 				<h3 className="text-lg font-semibold text-gray-900 mb-2">
 					{t("externalLink.title")}
 				</h3>
-				<p className="text-sm text-gray-600 mb-1">{t("externalLink.redirectMessage")}</p>
+				<p className="text-sm text-gray-600 mb-1">
+					{t("externalLink.redirectMessage")}
+				</p>
 				<p className="text-sm text-gray-600 break-all mb-6">
 					{externalLinkUrl}
 				</p>

src/client/components/onboarding/OnboardingDone.tsx

@@ -24,9 +24,7 @@ export function OnboardingDone({
 				<h1 className="text-3xl font-bold text-gray-900 mb-2">
 					{t("done.title")}
 				</h1>
-				<p className="text-base text-gray-500 mb-8">
-					{t("done.subtitle")}
-				</p>
+				<p className="text-base text-gray-500 mb-8">{t("done.subtitle")}</p>
 				<button
 					type="button"
 					onClick={onFinish}

src/client/components/onboarding/OnboardingHobbyPicker.tsx

@@ -1,5 +1,5 @@
-import { HOBBIES } from "@/shared/hobbyConfig";
 import { useTranslation } from "react-i18next";
+import { HOBBIES } from "@/shared/hobbyConfig";
 import { HobbyCard } from "./HobbyCard";
 
 interface OnboardingHobbyPickerProps {
@@ -20,9 +20,7 @@ export function OnboardingHobbyPicker({
 				<h1 className="text-3xl font-bold text-gray-900 mb-2">
 					{t("hobby.title")}
 				</h1>
-				<p className="text-base text-gray-500 mb-8">
-					{t("hobby.subtitle")}
-				</p>
+				<p className="text-base text-gray-500 mb-8">{t("hobby.subtitle")}</p>
 				<div className="flex flex-wrap justify-center gap-4 mb-8">
 					{HOBBIES.map((hobby) => (
 						<HobbyCard

src/client/components/onboarding/OnboardingItemBrowser.tsx

@@ -1,5 +1,5 @@
-import { getTagsForHobbies } from "@/shared/hobbyConfig";
 import { useTranslation } from "react-i18next";
+import { getTagsForHobbies } from "@/shared/hobbyConfig";
 import { usePopularItems } from "../../hooks/useOnboarding";
 import { SelectableItemCard } from "./SelectableItemCard";
 
@@ -54,9 +54,7 @@ export function OnboardingItemBrowser({
 						? t("items.title", { hobby: selectedHobbies[0] })
 						: t("items.titleMultiple")}
 				</h1>
-				<p className="text-base text-gray-500 mb-8">
-					{t("items.subtitle")}
-				</p>
+				<p className="text-base text-gray-500 mb-8">{t("items.subtitle")}</p>
 
 				{isLoading && (
 					<div className="flex justify-center py-12">

src/client/hooks/useCurrency.ts

@@ -1,14 +1,7 @@
 import type { Currency } from "../lib/formatters";
 import { useSetting } from "./useSettings";
 
-const VALID_CURRENCIES: Currency[] = [
-	"USD",
-	"EUR",
-	"GBP",
-	"JPY",
-	"CAD",
-	"AUD",
-];
+const VALID_CURRENCIES: Currency[] = ["USD", "EUR", "GBP", "JPY", "CAD", "AUD"];
 
 const CURRENCY_MARKET_MAP: Record<string, string> = {
 	EUR: "EU",

src/client/lib/formatters.ts

@@ -70,7 +70,11 @@ export function formatDualPrice(options: DualPriceOptions): {
 	converted: string;
 } {
 	const locale = options.locale ?? "en";
-	const source = formatPrice(options.sourceCents, options.sourceCurrency, locale);
+	const source = formatPrice(
+		options.sourceCents,
+		options.sourceCurrency,
+		locale,
+	);
 	const converted = `~${formatPrice(options.convertedCents, options.targetCurrency, locale)}`;
 	return { source, converted };
 }

src/client/lib/i18n.ts

@@ -1,20 +1,18 @@
 import i18n from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import { initReactI18next } from "react-i18next";
-
-import enCollection from "../locales/en/collection.json";
-import enCommon from "../locales/en/common.json";
-import enOnboarding from "../locales/en/onboarding.json";
-import enSettings from "../locales/en/settings.json";
-import enSetups from "../locales/en/setups.json";
-import enThreads from "../locales/en/threads.json";
-
 import deCollection from "../locales/de/collection.json";
 import deCommon from "../locales/de/common.json";
 import deOnboarding from "../locales/de/onboarding.json";
 import deSettings from "../locales/de/settings.json";
 import deSetups from "../locales/de/setups.json";
 import deThreads from "../locales/de/threads.json";
+import enCollection from "../locales/en/collection.json";
+import enCommon from "../locales/en/common.json";
+import enOnboarding from "../locales/en/onboarding.json";
+import enSettings from "../locales/en/settings.json";
+import enSetups from "../locales/en/setups.json";
+import enThreads from "../locales/en/threads.json";
 
 i18n
 	.use(LanguageDetector)

src/client/routes/__root.tsx

@@ -59,9 +59,7 @@ function RootErrorBoundary({ error, reset }: ErrorComponentProps) {
 					{t("errors.somethingWentWrong")}
 				</h1>
 				<p className="text-sm text-gray-500 mb-6">
-					{error instanceof Error
-						? error.message
-						: t("errors.unexpectedError")}
+					{error instanceof Error ? error.message : t("errors.unexpectedError")}
 				</p>
 				<button
 					type="button"
@@ -259,7 +257,9 @@ function CandidateDeleteDialog({
 						disabled={deleteCandidate.isPending}
 						className="px-4 py-2 text-sm font-medium text-white bg-red-600 hover:bg-red-700 disabled:opacity-50 rounded-lg transition-colors"
 					>
-						{deleteCandidate.isPending ? t("actions.deleting") : t("actions.delete")}
+						{deleteCandidate.isPending
+							? t("actions.deleting")
+							: t("actions.delete")}
 					</button>
 				</div>
 			</div>
@@ -321,7 +321,9 @@ function ResolveDialog({
 						disabled={resolveThread.isPending}
 						className="px-4 py-2 text-sm font-medium text-white bg-amber-600 hover:bg-amber-700 disabled:opacity-50 rounded-lg transition-colors"
 					>
-						{resolveThread.isPending ? t("actions.saving") : t("confirm.pickWinner")}
+						{resolveThread.isPending
+							? t("actions.saving")
+							: t("confirm.pickWinner")}
 					</button>
 				</div>
 			</div>

src/client/routes/global-items/$globalItemId.tsx

@@ -3,14 +3,13 @@ import { useState } from "react";
 import { GearImage, imageContainerBg } from "../../components/GearImage";
 import { useAuth } from "../../hooks/useAuth";
 import { useCurrency } from "../../hooks/useCurrency";
-import { useExchangeRates } from "../../hooks/useExchangeRates";
 import { useFormatters } from "../../hooks/useFormatters";
 import {
 	useGlobalItem,
 	useGlobalItemCommunityStats,
 	useGlobalItemPrices,
 } from "../../hooks/useGlobalItems";
-import { formatPrice, type Currency } from "../../lib/formatters";
+import { type Currency, formatPrice } from "../../lib/formatters";
 import { LucideIcon } from "../../lib/iconData";
 import { useUIStore } from "../../stores/uiStore";
 
@@ -263,11 +262,8 @@ function GlobalItemDetail() {
 	);
 }
 
-function MarketPricesSection({
-	globalItemId,
-}: { globalItemId: number }) {
+function MarketPricesSection({ globalItemId }: { globalItemId: number }) {
 	const { market: userMarket } = useCurrency();
-	const { price } = useFormatters();
 	const { data: pricesData } = useGlobalItemPrices(globalItemId);
 	const { data: communityStats } = useGlobalItemCommunityStats(globalItemId);
 	const [showOtherMarkets, setShowOtherMarkets] = useState(false);
@@ -279,9 +275,7 @@ function MarketPricesSection({
 	if (marketPrices.length === 0 && stats.length === 0) return null;
 
 	const userMarketPrice = marketPrices.find((p) => p.market === userMarket);
-	const otherMarketPrices = marketPrices.filter(
-		(p) => p.market !== userMarket,
-	);
+	const otherMarketPrices = marketPrices.filter((p) => p.market !== userMarket);
 	const userMarketStats = stats.filter((s) => s.market === userMarket);
 	const otherMarketStats = stats.filter((s) => s.market !== userMarket);
 
@@ -293,7 +287,10 @@ function MarketPricesSection({
 			{userMarketPrice && (
 				<div className="mb-2">
 					<span className="text-lg font-semibold text-gray-900">
-						{formatPrice(userMarketPrice.priceCents, userMarketPrice.currency as Currency)}
+						{formatPrice(
+							userMarketPrice.priceCents,
+							userMarketPrice.currency as Currency,
+						)}
 					</span>
 					<span className="text-xs text-gray-500 ml-2">
 						MSRP ({userMarketPrice.market})
@@ -303,7 +300,10 @@ function MarketPricesSection({
 
 			{/* Community stats for user's market */}
 			{userMarketStats.map((stat) => (
-				<p key={`${stat.market}-${stat.currency}`} className="text-sm text-gray-700 mb-1">
+				<p
+					key={`${stat.market}-${stat.currency}`}
+					className="text-sm text-gray-700 mb-1"
+				>
 					Community ({stat.market}):{" "}
 					{formatPrice(stat.medianPrice, stat.currency as Currency)} median{" "}
 					<span className="text-xs text-gray-400">

src/client/routes/settings.tsx

@@ -51,10 +51,10 @@ function ApiKeySection() {
 
 	return (
 		<div className="space-y-3">
-			<h3 className="text-sm font-medium text-gray-900">{t("apiKeys.title")}</h3>
-			<p className="text-xs text-gray-500">
-				{t("apiKeys.description")}
-			</p>
+			<h3 className="text-sm font-medium text-gray-900">
+				{t("apiKeys.title")}
+			</h3>
+			<p className="text-xs text-gray-500">{t("apiKeys.description")}</p>
 
 			{newKey && (
 				<div className="bg-amber-50 border border-amber-200 rounded-lg p-3">
@@ -151,10 +151,10 @@ function ImportExportSection() {
 
 	return (
 		<div className="space-y-3">
-			<h3 className="text-sm font-medium text-gray-900">{t("importExport.title")}</h3>
-			<p className="text-xs text-gray-500">
-				{t("importExport.description")}
-			</p>
+			<h3 className="text-sm font-medium text-gray-900">
+				{t("importExport.title")}
+			</h3>
+			<p className="text-xs text-gray-500">{t("importExport.description")}</p>
 
 			<div className="flex flex-wrap gap-2">
 				<button
@@ -166,7 +166,9 @@ function ImportExportSection() {
 				</button>
 
 				<label className="px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-200 hover:bg-gray-50 rounded-lg transition-colors cursor-pointer">
-					{importItems.isPending ? t("importExport.importing") : t("importExport.import")}
+					{importItems.isPending
+						? t("importExport.importing")
+						: t("importExport.import")}
 					<input
 						ref={fileInputRef}
 						type="file"
@@ -192,7 +194,11 @@ function ImportExportSection() {
 						</p>
 					)}
 					{importResult.createdCategories.length > 0 && (
-						<p>{t("importExport.newCategories", { categories: importResult.createdCategories.join(", ") })}</p>
+						<p>
+							{t("importExport.newCategories", {
+								categories: importResult.createdCategories.join(", "),
+							})}
+						</p>
 					)}
 					{importResult.errors.map((err, i) => (
 						// biome-ignore lint/suspicious/noArrayIndexKey: static error list
@@ -289,7 +295,9 @@ function SettingsPage() {
 			<div className="bg-white rounded-xl border border-gray-100 p-5 space-y-6">
 				<div className="flex items-center justify-between">
 					<div>
-						<h3 className="text-sm font-medium text-gray-900">{t("language.title")}</h3>
+						<h3 className="text-sm font-medium text-gray-900">
+							{t("language.title")}
+						</h3>
 						<p className="text-xs text-gray-500 mt-0.5">
 							{t("language.description")}
 						</p>
@@ -319,7 +327,9 @@ function SettingsPage() {
 
 				<div className="flex items-center justify-between">
 					<div>
-						<h3 className="text-sm font-medium text-gray-900">{t("weightUnit.title")}</h3>
+						<h3 className="text-sm font-medium text-gray-900">
+							{t("weightUnit.title")}
+						</h3>
 						<p className="text-xs text-gray-500 mt-0.5">
 							{t("weightUnit.description")}
 						</p>

src/server/routes/community-prices.ts

@@ -12,8 +12,7 @@ const app = new Hono();
 app.get("/:globalItemId", async (c) => {
 	const db = c.get("db");
 	const globalItemId = Number(c.req.param("globalItemId"));
-	if (Number.isNaN(globalItemId))
-		return c.json({ error: "Invalid ID" }, 400);
+	if (Number.isNaN(globalItemId)) return c.json({ error: "Invalid ID" }, 400);
 
 	const market = c.req.query("market");
 	const stats = await getCommunityPriceStats(db, globalItemId, market);

src/server/routes/exchange-rates.ts

@@ -8,7 +8,7 @@ app.get("/", async (c) => {
 	try {
 		const rates = await getExchangeRates();
 		return c.json(rates);
-	} catch (error) {
+	} catch (_error) {
 		return c.json({ error: "Exchange rates unavailable" }, 503);
 	}
 });

src/server/routes/market-prices.ts

@@ -25,8 +25,7 @@ app.post(
 	async (c) => {
 		const db = c.get("db");
 		const globalItemId = Number(c.req.param("id"));
-		if (Number.isNaN(globalItemId))
-			return c.json({ error: "Invalid ID" }, 400);
+		if (Number.isNaN(globalItemId)) return c.json({ error: "Invalid ID" }, 400);
 
 		const data = c.req.valid("json");
 		const result = await upsertMarketPrice(db, {

src/server/services/community-price.service.ts

@@ -16,9 +16,7 @@ export async function validateOwnership(
 	const [row] = await db
 		.select({ count: sql<number>`COUNT(*)` })
 		.from(items)
-		.where(
-			and(eq(items.userId, userId), eq(items.globalItemId, globalItemId)),
-		);
+		.where(and(eq(items.userId, userId), eq(items.globalItemId, globalItemId)));
 	return (row?.count ?? 0) > 0;
 }
 

tests/i18n/locales.test.ts

@@ -1,20 +1,15 @@
+import { describe, expect, test } from "bun:test";
 import { readdirSync, readFileSync } from "node:fs";
 import { join } from "node:path";
-import { describe, expect, test } from "bun:test";
 
 const LOCALES_DIR = join(import.meta.dir, "../../src/client/locales");
 
-function flattenKeys(
-	obj: Record<string, unknown>,
-	prefix = "",
-): string[] {
+function flattenKeys(obj: Record<string, unknown>, prefix = ""): string[] {
 	const keys: string[] = [];
 	for (const [key, value] of Object.entries(obj)) {
 		const fullKey = prefix ? `${prefix}.${key}` : key;
 		if (typeof value === "object" && value !== null && !Array.isArray(value)) {
-			keys.push(
-				...flattenKeys(value as Record<string, unknown>, fullKey),
-			);
+			keys.push(...flattenKeys(value as Record<string, unknown>, fullKey));
 		} else {
 			keys.push(fullKey);
 		}
@@ -22,9 +17,7 @@ function flattenKeys(
 	return keys.sort();
 }
 
-function loadLocale(
-	locale: string,
-): Record<string, Record<string, unknown>> {
+function loadLocale(locale: string): Record<string, Record<string, unknown>> {
 	const dir = join(LOCALES_DIR, locale);
 	const files = readdirSync(dir).filter((f) => f.endsWith(".json"));
 	const result: Record<string, Record<string, unknown>> = {};
@@ -67,9 +60,7 @@ describe("locale key parity", () => {
 						(obj, k) => (obj as Record<string, unknown>)?.[k],
 						de[ns] as unknown,
 					);
-				expect(
-					typeof value === "string" && value.length > 0,
-				).toBe(true);
+				expect(typeof value === "string" && value.length > 0).toBe(true);
 			}
 		});
 	}

tests/services/currency.service.test.ts

@@ -1,8 +1,8 @@
 import { describe, expect, it } from "bun:test";
 import {
 	CURRENCY_MARKET_MAP,
-	type ExchangeRates,
 	convertPrice,
+	type ExchangeRates,
 	getMarketForCurrency,
 } from "../../src/server/services/currency.service";