release: v0.11.0 (#459)

Ships `dev` as **v0.11.0**. `main` contains nothing that `dev` does not,
so this is a clean sync.

## Headline changes since v0.10.0

- **Journal & Journal Studio** — photo essays at `/journal`,
split-screen block editor with live preview, drafts, per-entry
passwords, cover images
- **First-run setup wizard at `/install`** — configure a fresh
deployment from the browser; credentials are verified against Immich
before anything is written, and the wizard is gated by a one-time token
- **About page editor and toggle** in the admin panel
- **Per-album photo order** independent of Immich, with a drag & drop
editor
- **Custom favicon upload**
- **Experimental portfolio features** — justified grid, `cover` hero,
unlisted subpages, per-album grid overrides, cover focal points,
external nav links
- **Security** — asset tokens length-capped before decoding (#423),
journal author markdown escaped rather than filtered, journal file paths
contained, admin session key derived with scrypt (#432), Next.js 16.3.0
for CVE-2025-13465
- **Fixed** — client proofing honours its own configuration again
(#454); journal photo rendering (#432)

Full detail in [CHANGELOG.md](CHANGELOG.md#0110--2026-08-15).

## Verified

`npx tsc --noEmit` clean · `npx vitest run` 435 tests pass · `npm run
build` succeeds · lint 0 errors · `prettier --check` clean · local
`docker build` of the release tree.

## After merge

Tag `v0.11.0` on `main` and publish the release — that triggers
`docker-publish.yml`, which pushes the image and moves `latest`.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

---------

Co-authored-by: ralksta <ralksta@users.noreply.github.com>
Co-authored-by: lancetm714 <108419425+lancetm714@users.noreply.github.com>
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>

app/admin/components/AnalyticsView.tsx

@@ -56,7 +56,9 @@ export default function AnalyticsView() {
   if (error || !data) {
     return (
       <div className="admin-panel" style={{ padding: '2rem', textAlign: 'center' }}>
-        <p style={{ color: 'var(--admin-text-muted)', marginBottom: '1rem' }}>{error || 'No analytics data'}</p>
+        <p style={{ color: 'var(--admin-text-muted)', marginBottom: '1rem' }}>
+          {error || 'No analytics data'}
+        </p>
         <button className="admin-btn admin-btn-primary" onClick={fetchAnalytics}>
           <Icons.IconRefresh size={14} /> Retry
         </button>
@@ -71,17 +73,22 @@ export default function AnalyticsView() {
     .slice(-14); // Last 14 days
   const maxDayViews = Math.max(...daysList.map(([, d]) => d.pageviews || 0), 1);
 
-  const desktopRatio = data.devices.desktop + data.devices.mobile > 0
-    ? Math.round((data.devices.desktop / (data.devices.desktop + data.devices.mobile)) * 100)
-    : 50;
+  const desktopRatio =
+    data.devices.desktop + data.devices.mobile > 0
+      ? Math.round((data.devices.desktop / (data.devices.desktop + data.devices.mobile)) * 100)
+      : 50;
 
   return (
     <div className="analytics-view">
       {/* Header */}
       <div className="analytics-header">
         <div>
-          <h2><Icons.IconSparkles size={20} /> Visitor Insights &amp; Analytics</h2>
-          <p className="analytics-subtitle">Privacy-first aggregate traffic stats. No personal data collected.</p>
+          <h2>
+            <Icons.IconSparkles size={20} /> Visitor Insights &amp; Analytics
+          </h2>
+          <p className="analytics-subtitle">
+            Privacy-first aggregate traffic stats. No personal data collected.
+          </p>
         </div>
         <button className="admin-btn admin-btn-ghost admin-btn-sm" onClick={fetchAnalytics}>
           <Icons.IconRefresh size={14} /> Refresh
@@ -89,10 +96,15 @@ export default function AnalyticsView() {
       </div>
 
       {data.trackingEnabled === false && (
-        <div className="backup-status-alert error" style={{ margin: 0, display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
+        <div
+          className="backup-status-alert error"
+          style={{ margin: 0, display: 'flex', alignItems: 'center', gap: '0.5rem' }}
+        >
           <Icons.IconLock size={16} />
           <span>
-            <strong>Analytics Tracking is Currently Disabled.</strong> No new visitor views are being recorded. You can re-enable tracking anytime under <em>Settings &rarr; General</em>.
+            <strong>Analytics Tracking is Currently Disabled.</strong> No new visitor views are
+            being recorded. You can re-enable tracking anytime under{' '}
+            <em>Settings &rarr; General</em>.
           </span>
         </div>
       )}
@@ -111,7 +123,9 @@ export default function AnalyticsView() {
         </div>
         <div className="metric-card">
           <span className="metric-label">Desktop vs Mobile</span>
-          <span className="metric-value">{desktopRatio}% / {100 - desktopRatio}%</span>
+          <span className="metric-value">
+            {desktopRatio}% / {100 - desktopRatio}%
+          </span>
           <span className="metric-sub">Device distribution</span>
         </div>
       </div>
@@ -119,17 +133,25 @@ export default function AnalyticsView() {
       {/* Daily Trends Chart */}
       <div className="analytics-panel">
         <div className="analytics-section-title">
-          <h3><Icons.IconGrid size={16} /> Daily Traffic Trend (Last 14 Days)</h3>
+          <h3>
+            <Icons.IconGrid size={16} /> Daily Traffic Trend (Last 14 Days)
+          </h3>
         </div>
         {daysList.length === 0 ? (
-          <p className="analytics-empty">No pageviews recorded yet. Visit portfolio pages to start tracking!</p>
+          <p className="analytics-empty">
+            No pageviews recorded yet. Visit portfolio pages to start tracking!
+          </p>
         ) : (
           <div className="analytics-bar-chart">
             {daysList.map(([dateStr, dayData]) => {
               const heightPct = Math.round((dayData.pageviews / maxDayViews) * 100);
               const formattedDate = dateStr.slice(5); // MM-DD
               return (
-                <div key={dateStr} className="bar-col" title={`${dateStr}: ${dayData.pageviews} views`}>
+                <div
+                  key={dateStr}
+                  className="bar-col"
+                  title={`${dateStr}: ${dayData.pageviews} views`}
+                >
                   <div className="bar-wrapper">
                     <div className="bar-fill" style={{ height: `${Math.max(heightPct, 8)}%` }}>
                       <span className="bar-val">{dayData.pageviews}</span>
@@ -146,7 +168,9 @@ export default function AnalyticsView() {
       {/* Top Pages List */}
       <div className="analytics-panel">
         <div className="analytics-section-title">
-          <h3><Icons.IconTarget size={16} /> Top Visited Pages &amp; Subpages</h3>
+          <h3>
+            <Icons.IconTarget size={16} /> Top Visited Pages &amp; Subpages
+          </h3>
         </div>
         {data.topPages.length === 0 ? (
           <p className="analytics-empty">No pages recorded yet.</p>