chore(release): v0.10.0 (#400)

Photo Essay mode, client proofing, studio-modern preset, admin panel overhaul, watermark, cookieless analytics, subpage toggle, SEO title templates. Analytics API now admin-only, Trivy scan on publish. Album order mirrors the Immich timeline; map theme, admin status panel, lightbox counter and Docker health check fixed.

See CHANGELOG.md for the full list and the health-check upgrade note.

app/[...path]/AlbumDetailView.tsx

@@ -20,6 +20,31 @@ interface AlbumDetailViewProps {
   watermark?: LightboxWatermark;
 }
 
+/**
+ * Extra detail for the album header — shooting date and camera/lens, read off
+ * the first asset that carries EXIF. Both are rendered in their own spans and
+ * hidden by default; only presets that ask for them show them, so the header
+ * keeps reading "86 photos" everywhere else.
+ */
+function albumMetaDetail(album: ImmichAlbum): { date?: string; gear?: string } {
+  const first = album.assets.find((a) => a.exifInfo);
+  const exif = first?.exifInfo;
+
+  const taken = exif?.dateTimeOriginal || first?.fileCreatedAt;
+  const gear = [exif?.model, exif?.lensModel].filter(Boolean).join(' · ');
+
+  return {
+    ...(taken ? { date: formatMonthYear(taken) } : {}),
+    ...(gear ? { gear } : {}),
+  };
+}
+
+function formatMonthYear(iso: string): string | undefined {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return undefined;
+  return `${String(d.getMonth() + 1).padStart(2, '0')}/${d.getFullYear()}`;
+}
+
 export function AlbumDetailView({
   album,
   images,
@@ -32,6 +57,8 @@ export function AlbumDetailView({
   heroBlurDataURL,
   watermark,
 }: AlbumDetailViewProps) {
+  const metaDetail = albumMetaDetail(album);
+
   return (
     <>
       {heroImageUrl && (
@@ -49,16 +76,26 @@ export function AlbumDetailView({
         </div>
       )}
       <div className={`album-header${heroImageUrl ? ' album-header--has-hero' : ''}`}>
-        <BackLink href={backLinkHref} label={backLinkLabel} />
-        <h1 className="album-header__title">{album.albumName}</h1>
-        {subtitle && (
-          <p className="subpage-subtitle" style={{ textAlign: 'left', marginLeft: 0 }}>
-            {subtitle}
-          </p>
-        )}
-        {album.description && <p className="album-header__description">{album.description}</p>}
+        <div className="album-header__main">
+          <BackLink href={backLinkHref} label={backLinkLabel} />
+          <h1 className="album-header__title">{album.albumName}</h1>
+          {subtitle && (
+            <p className="subpage-subtitle" style={{ textAlign: 'left', marginLeft: 0 }}>
+              {subtitle}
+            </p>
+          )}
+          {album.description && <p className="album-header__description">{album.description}</p>}
+        </div>
         <p className="album-header__meta">
-          {images.length} {images.length === 1 ? 'photo' : 'photos'}
+          <span className="album-header__meta-count">
+            {images.length} {images.length === 1 ? 'photo' : 'photos'}
+          </span>
+          {metaDetail.date && (
+            <span className="album-header__meta-date"> · {metaDetail.date}</span>
+          )}
+          {metaDetail.gear && (
+            <span className="album-header__meta-gear">{metaDetail.gear}</span>
+          )}
         </p>
       </div>
       <PhotoGrid assets={images} layout={layout} gridStyle={gridStyle} watermark={watermark} />