Deduplicate photography archive

Author: oiahoon

docs/agent/photography.md

@@ -20,6 +20,7 @@ Photography should feel like an immersive portfolio, not a blog article with a p
 - Dates should appear once per card and use semantic `<time datetime="...">` where relevant.
 - EXIF details should be minimal on the list page; details belong on the detail page.
 - Card heights should feel stable on mobile and desktop.
+- Selected works should not be repeated again at the top of the archive; the archive begins after the selected set.
 
 ## Detail Page Rules
 

docs/uiux-20-round-log.md

@@ -2,6 +2,38 @@
 
 This log tracks the repeated screenshot-led UI/UX improvement rounds for Joey's Notes.
 
+## Round 60 - 2026-07-10 - Photography Archive Deduplication
+
+Evidence:
+
+- Browser review: `/photography/` selected and archive sections at `768x1024`.
+- Baseline screenshot: `/tmp/oiahoon-uiux-rounds/round59-after-photo-archive-ipad.png`.
+- Baseline measurement: all six selected works appeared again as the first six of `109` archive cards.
+
+Findings:
+
+- Repeating the same works makes the archive opening feel longer without increasing discovery.
+- The archive heading said `2025` because it mirrored the full collection, even though the selected set already owned that opening.
+- The two sections should have distinct jobs: curation first, chronological continuation second.
+
+Changes:
+
+- Started the archive after the six selected works, reducing it from `109` to `103` unique continuation cards.
+- Derived the archive heading year from the first remaining archive item.
+- Added the no-duplication rule to the photography agent context for future work.
+- Bumped the app version to `0.0.61`.
+
+Validation plan:
+
+Results:
+
+- Browser verification: selected and archive title sets have zero overlap.
+- Browser verification: the archive begins with the next chronological work and its heading year matches that work.
+- `npm run check:content-health` passed.
+- `npm run build` passed.
+- `git diff --check` passed.
+- `npm run check:security` reports the known `4 vulnerabilities (3 low, 1 moderate)`; the full fix requires a breaking Astro upgrade.
+
 ## Round 59 - 2026-07-10 - Photography Archive Focus
 
 Evidence:

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "joey-notes-astro",
   "type": "module",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "scripts": {
     "dev": "astro dev",
     "build": "astro build",

package.json

@@ -6,7 +6,7 @@ import ProgressiveImage from '../components/ProgressiveImage.astro';
 const photos = await getCollection('posts', ({ data }) => !data.draft && data.type === 'photography');
 const sorted = photos.sort((a, b) => new Date(b.data.date).getTime() - new Date(a.data.date).getTime());
 const selected = sorted.slice(0, 6);
-const archive = sorted.slice(0);
+const archive = sorted.slice(selected.length);
 const filters = [
   { label: 'All', value: 'all' },
   { label: 'Cafe', value: 'cafe' },
@@ -17,6 +17,7 @@ const filters = [
   { label: 'Film', value: 'film' },
 ] as const;
 const years = [...new Set(sorted.map((photo) => photo.data.date.getFullYear()))].sort((a, b) => b - a);
+const archiveStartYear = archive[0]?.data.date.getFullYear() ?? years[0];
 
 function firstImage(photo: typeof sorted[number]) {
   return photo.data.gallery?.[0];
@@ -130,7 +131,7 @@ function filterGroups(photo: typeof sorted[number]) {
         <div class="photo-section__head">
           <div>
             <p class="eyebrow">Archive</p>
-            <h2 id="archive-title">Archive · {years[0]}</h2>
+            <h2 id="archive-title">Archive · {archiveStartYear}</h2>
           </div>
         </div>