From 05b5e4e446509201f0069c12200bade06392a43a Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 29 May 2026 07:33:34 +0000
Subject: [PATCH 1/2] fix(item-card): expand checkbox tap target on touch
 devices

The 20px checkbox in the item card corner was too small for finger
taps; taps that landed a few pixels off would hit the surrounding
NuxtLink and navigate to the item instead of selecting it, making
batch-select painful on iOS/Android.

Wrap the checkbox in a padded hit area that grows to ~44px only under
`pointer-coarse` so desktop mouse precision is unchanged. Move the
toggle handler to the wrapper and disable pointer events on the inner
checkbox so a single tap fires once. `@click.stop`/`@pointerdown.stop`
keep the underlying card link from receiving the event.

https://claude.ai/code/session_012aZhnQmF8RGDXAMdpKdoka
(cherry picked from commit beda6f8f7021f6316bcac7268831a7778e5dd92f)
---
 frontend/components/Item/Card.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/components/Item/Card.vue b/frontend/components/Item/Card.vue
index e2fe5e224..573cb1651 100644
--- a/frontend/components/Item/Card.vue
+++ b/frontend/components/Item/Card.vue
@@ -1,11 +1,15 @@
 <template>
   <Card class="relative overflow-hidden">
-    <div v-if="tableRow" class="absolute left-1 top-1 z-10">
+    <div
+      v-if="tableRow"
+      class="absolute left-0 top-0 z-10 cursor-pointer p-1 pointer-coarse:p-2.5"
+      @click.stop="tableRow.toggleSelected()"
+      @pointerdown.stop
+    >
       <Checkbox
-        class="size-5 bg-accent hover:bg-background-accent"
+        class="pointer-events-none size-5 bg-accent hover:bg-background-accent"
         :model-value="tableRow.getIsSelected()"
         :aria-label="$t('components.item.view.selectable.select_card')"
-        @update:model-value="tableRow.toggleSelected()"
       />
     </div>
     <NuxtLink :to="`/item/${item.id}`">

From 50ddc1286336741e4d7c861dcfc5b823de480b63 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 8 Jun 2026 05:34:38 +0000
Subject: [PATCH 2/2] chore(frontend): clear pre-existing lint debt blocking PR
 CI
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The frontend CI runs `pnpm lint:ci` which is `eslint ... --max-warnings 1`,
and main has accumulated 7 errors plus 2 warnings that block every PR
regardless of what it touches. Clear them so the lint job goes green
for this PR (and is a no-op once upstream merges any of these in any
order).

- components/Location/CreateModal.vue: drop unused EntityTypeSummary
  import.
- lib/api/classes/items.ts: drop the `error: any` cast on
  getLocations' return; TypeScript infers a tighter type from the
  spread.
- pages/collection/index/entity-types.vue: drop the unused `t` from
  useI18n and the now-unused useI18n import itself.
- pages/item/[id]/index/edit.vue,
  pages/location/[id]/index/edit.vue: drop the dead `locations`
  computed and the locationStore wiring it dragged in. Nothing on the
  template reads either.
- pages/location/[id]/index/index.vue: drop the dead `refresh` from
  useAsyncData and the dead locationStore. Replace
  `class="aspect-square ..."` with `aspect-[1/1]` so the
  tailwindcss/no-custom-classname rule stops flagging it (the rule's
  allowlist doesn't include `aspect-square`).
- pages/reset-password.vue: collapse a multi-line Button attribute set
  to one line per the prettier suggestion.

No runtime behavior changes — every removal is a value/import that
was never read. Verified with `pnpm lint:ci` exit 0.

https://claude.ai/code/session_012aZhnQmF8RGDXAMdpKdoka
---
 frontend/components/Location/CreateModal.vue     | 2 +-
 frontend/lib/api/classes/items.ts                | 2 +-
 frontend/pages/collection/index/entity-types.vue | 2 --
 frontend/pages/item/[id]/index/edit.vue          | 4 ----
 frontend/pages/location/[id]/index/edit.vue      | 4 ----
 frontend/pages/location/[id]/index/index.vue     | 7 ++-----
 frontend/pages/reset-password.vue                | 7 +------
 7 files changed, 5 insertions(+), 23 deletions(-)

diff --git a/frontend/components/Location/CreateModal.vue b/frontend/components/Location/CreateModal.vue
index b87e2ef74..b9b93b0a4 100644
--- a/frontend/components/Location/CreateModal.vue
+++ b/frontend/components/Location/CreateModal.vue
@@ -138,7 +138,7 @@
   import { Label } from "@/components/ui/label";
   import { Input } from "@/components/ui/input";
   import BaseModal from "@/components/App/CreateModal.vue";
-  import type { EntityTypeSummary, EntitySummary } from "~~/lib/api/types/data-contracts";
+  import type { EntitySummary } from "~~/lib/api/types/data-contracts";
   import { AttachmentTypes } from "~~/lib/api/types/non-generated";
   import { useDialog, useDialogHotkey } from "~/components/ui/dialog-provider";
   import { useTagStore } from "~/stores/tags";
diff --git a/frontend/lib/api/classes/items.ts b/frontend/lib/api/classes/items.ts
index 64fa3f308..0b9b0c3f5 100644
--- a/frontend/lib/api/classes/items.ts
+++ b/frontend/lib/api/classes/items.ts
@@ -203,7 +203,7 @@ export class ItemsApi extends BaseAPI {
     return {
       ...resp,
       data: resp.data?.items ?? [],
-    } as { data: EntitySummary[]; error: any; status: number };
+    };
   }
 
   getTree(tq: TreeQuery = { withItems: false }) {
diff --git a/frontend/pages/collection/index/entity-types.vue b/frontend/pages/collection/index/entity-types.vue
index 920fdf53f..fec5a4fdc 100644
--- a/frontend/pages/collection/index/entity-types.vue
+++ b/frontend/pages/collection/index/entity-types.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-  import { useI18n } from "vue-i18n";
   import { toast } from "@/components/ui/sonner";
   import type {
     EntityTypeCreate,
@@ -23,7 +22,6 @@
   import FormCheckbox from "~/components/Form/Checkbox.vue";
   import TemplateSelector from "~/components/Template/Selector.vue";
 
-  const { t } = useI18n();
   const api = useUserApi();
   const confirm = useConfirm();
   const { openDialog, closeDialog } = useDialog();
diff --git a/frontend/pages/item/[id]/index/edit.vue b/frontend/pages/item/[id]/index/edit.vue
index abb11e1c5..4d1298e44 100644
--- a/frontend/pages/item/[id]/index/edit.vue
+++ b/frontend/pages/item/[id]/index/edit.vue
@@ -5,7 +5,6 @@
   import type { ItemAttachment, EntityFieldData, EntityOut, EntityUpdate } from "~~/lib/api/types/data-contracts";
   import { AttachmentTypes } from "~~/lib/api/types/non-generated";
   import { useTagStore } from "~/stores/tags";
-  import { useLocationStore } from "~~/stores/locations";
   import MdiLoading from "~icons/mdi/loading";
   import MdiDelete from "~icons/mdi/delete";
   import MdiPencil from "~icons/mdi/pencil";
@@ -47,9 +46,6 @@
 
   const itemId = computed<string>(() => route.params.id as string);
 
-  const locationStore = useLocationStore();
-  const locations = computed(() => locationStore.allLocations);
-
   const tagStore = useTagStore();
   const tags = computed(() => tagStore.tags);
 
diff --git a/frontend/pages/location/[id]/index/edit.vue b/frontend/pages/location/[id]/index/edit.vue
index 7d2640f86..90413904d 100644
--- a/frontend/pages/location/[id]/index/edit.vue
+++ b/frontend/pages/location/[id]/index/edit.vue
@@ -5,7 +5,6 @@
   import type { ItemAttachment, EntityFieldData, EntityOut, EntityUpdate } from "~~/lib/api/types/data-contracts";
   import { AttachmentTypes } from "~~/lib/api/types/non-generated";
   import { useTagStore } from "~/stores/tags";
-  import { useLocationStore } from "~~/stores/locations";
   import MdiLoading from "~icons/mdi/loading";
   import MdiDelete from "~icons/mdi/delete";
   import MdiPencil from "~icons/mdi/pencil";
@@ -44,9 +43,6 @@
 
   const locationId = computed<string>(() => route.params.id as string);
 
-  const locationStore = useLocationStore();
-  const locations = computed(() => locationStore.allLocations);
-
   const tagStore = useTagStore();
   const tags = computed(() => tagStore.tags);
 
diff --git a/frontend/pages/location/[id]/index/index.vue b/frontend/pages/location/[id]/index/index.vue
index cdec53ec5..b2674af02 100644
--- a/frontend/pages/location/[id]/index/index.vue
+++ b/frontend/pages/location/[id]/index/index.vue
@@ -4,7 +4,6 @@
   import type { AnyDetail, Details } from "~~/components/global/DetailsSection/types";
   import { filterZeroValues } from "~~/components/global/DetailsSection/types";
   import type { ItemAttachment } from "~~/lib/api/types/data-contracts";
-  import { useLocationStore } from "~~/stores/locations";
   import MdiPackageVariant from "~icons/mdi/package-variant";
   import MdiPlus from "~icons/mdi/plus";
   import MdiPencil from "~icons/mdi/pencil";
@@ -49,7 +48,7 @@
 
   const locationId = computed<string>(() => route.params.id as string);
 
-  const { data: location, refresh } = useAsyncData(locationId.value, async () => {
+  const { data: location } = useAsyncData(locationId.value, async () => {
     const { data, error } = await api.items.getLocation(locationId.value);
     if (error) {
       toast.error(t("locations.toast.failed_load_location"));
@@ -86,8 +85,6 @@
     navigateTo(`/location/${locationId.value}/edit`);
   }
 
-  const locationStore = useLocationStore();
-
   // Photos
   type Photo = {
     thumbnailSrc?: string;
@@ -229,7 +226,7 @@
           <button
             v-for="(photo, i) in photos"
             :key="i"
-            class="aspect-square group relative overflow-hidden rounded-lg border bg-muted"
+            class="group relative aspect-[1/1] overflow-hidden rounded-lg border bg-muted"
             @click="openImageDialog(photo, location.id)"
           >
             <img
diff --git a/frontend/pages/reset-password.vue b/frontend/pages/reset-password.vue
index 945414784..510e3f912 100644
--- a/frontend/pages/reset-password.vue
+++ b/frontend/pages/reset-password.vue
@@ -92,12 +92,7 @@
       </CardContent>
 
       <CardFooter class="flex flex-col gap-2">
-        <Button
-          form="reset-password-form"
-          type="submit"
-          class="w-full"
-          :disabled="loading || !passwordValid || !token"
-        >
+        <Button form="reset-password-form" type="submit" class="w-full" :disabled="loading || !passwordValid || !token">
           {{ $t("index.reset_password_set") }}
         </Button>
         <NuxtLink to="/" class="text-sm text-muted-foreground hover:underline">