From 79454c0b920ae0ebc375309960e44ce65bb5d4ed Mon Sep 17 00:00:00 2001
From: Till Heidrich <mail@tillheidrich.de>
Date: Thu, 23 Jul 2026 20:43:10 +0000
Subject: [PATCH] feat: show NAS backup status badge in library

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XNQ8ghPfzAfsyVYd6HgFb6
---
 src/components/LibraryApp.tsx | 4 +++-
 src/pages/api/items/index.ts  | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/LibraryApp.tsx b/src/components/LibraryApp.tsx
index 01d7c01..e9b79bb 100644
--- a/src/components/LibraryApp.tsx
+++ b/src/components/LibraryApp.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useCallback } from 'react';
 
 interface Item { id: string; filename: string; output_px: string; has_alpha: boolean;
-  folder_id: string | null; by_name: string; tasks: string[]; delivery_status: string;
+  folder_id: string | null; by_name: string; tasks: string[]; delivery_status: string; nas_status: string;
   model_used: string; variant_of: string | null; mode: string; thumb_path: string | null; created_at: string; }
 
 export default function LibraryApp() {
@@ -172,6 +172,8 @@ export default function LibraryApp() {
                   {v.delivery_status === 'delivered' && <span className="dbadge ok">Picdrop ✓</span>}
                   {v.delivery_status === 'pending' && <span className="dbadge">Picdrop …</span>}
                   {v.delivery_status === 'failed' && <span className="dbadge err">Picdrop ✕</span>}
+                  {v.nas_status === 'mirrored' && <span className="dbadge ok">NAS ✓</span>}
+                  {v.nas_status === 'failed' && <span className="dbadge err">NAS ✕</span>}
                 </div>
                 <div className="reihe knapp">
                   {v.mode !== 'generate' && <button className="mini" onClick={() => setCompare(v)}>Vorher/Nachher</button>}
diff --git a/src/pages/api/items/index.ts b/src/pages/api/items/index.ts
index 2c51e63..a617537 100644
--- a/src/pages/api/items/index.ts
+++ b/src/pages/api/items/index.ts
@@ -24,7 +24,7 @@ export const GET: APIRoute = async ({ url, locals }) => {
 
   const rows = await query(
     `SELECT i.id, i.filename, i.output_px, i.has_alpha, i.result_path, i.thumb_path, i.folder_id,
-            i.delivery_status, i.created_at, i.model_used, i.variant_of, j.mode, u.display_name AS by_name,
+            i.delivery_status, i.nas_status, i.created_at, i.model_used, i.variant_of, j.mode, u.display_name AS by_name,
             j.recipe_snapshot->'tasks' AS tasks
        FROM items i
        JOIN jobs j ON j.id = i.job_id