Refactor processing logic and enhance error handling

- Cleaned up code in processing.py by removing inline semicolons and improving readability.
- Updated upsert_file_relation calls to ensure consistent handling of file relations.
- Enhanced query_file_relations in db_schema.py to support filtering by file existence.
- Improved API error handling in index.ts with user-friendly messages for 401 and 403 errors.
- Added online/offline status tracking in Layout.vue.
- Implemented debounced search functionality across multiple views to optimize performance.
- Introduced loading skeletons in Dashboard.vue for better user experience during data fetching.
- Enhanced file preview cleanup logic in Images.vue, Orders.vue, and Tables.vue to prevent memory leaks.
- Updated global styles to include new loading and notification animations.

web/backend/services/db_schema.py

@@ -476,16 +476,21 @@ def upsert_file_relation(input_image: str = None, output_excel: str = None,
 
 def query_file_relations(view: str = None, status: str = None,
                          page: int = 1, page_size: int = 50,
-                         sort_by: str = None, sort_order: str = "desc") -> tuple[list[dict], int]:
+                         sort_by: str = None, sort_order: str = "desc",
+                         exists_only: bool = True) -> tuple[list[dict], int]:
     """Query file relations with optional view filter and pagination.
 
     view='orders': only rows with result_purchase, sorted by result_purchase
     view='tables': only rows with output_excel, sorted by output_excel
     view='images': only rows with input_image, sorted by input_image
     view=None: all rows
+    exists_only=True: for a given view, only return rows where the primary file
+                      still exists on disk (input_image for images,
+                      output_excel for tables, result_purchase for orders)
 
     Returns (items, total).
     """
+    project_root = Path(__file__).resolve().parent.parent.parent.parent
     conn = sqlite3.connect(_db_path)
     conn.row_factory = sqlite3.Row
     try:
@@ -516,22 +521,13 @@ def query_file_relations(view: str = None, status: str = None,
             sort_col = order_by.split()[0] if order_by else 'id'
         sort_dir = 'DESC' if sort_order.lower() == 'desc' else 'ASC'
 
-        # Count
-        row = conn.execute(
-            f"SELECT COUNT(*) as cnt FROM file_relations{where}", params
-        ).fetchone()
-        total = row[0] if row else 0
-
-        # Page
-        offset = (page - 1) * page_size
-        params.extend([page_size, offset])
+        # Fetch all matching rows (existence filter happens in Python)
         rows = conn.execute(
-            f"SELECT * FROM file_relations{where} ORDER BY {sort_col} {sort_dir} LIMIT ? OFFSET ?",
+            f"SELECT * FROM file_relations{where} ORDER BY {sort_col} {sort_dir}",
             params,
         ).fetchall()
 
         items = []
-        project_root = Path(__file__).resolve().parent.parent.parent.parent
         for r in rows:
             d = dict(r)
             # Check file existence
@@ -547,8 +543,24 @@ def query_file_relations(view: str = None, status: str = None,
                 d['result_exists'] = (project_root / 'data' / 'result' / d['result_purchase']).exists()
             else:
                 d['result_exists'] = False
+
+            # Filter: when exists_only is True, only keep rows whose primary file exists
+            if exists_only:
+                if view == 'images' and not d['input_exists']:
+                    continue
+                if view == 'tables' and not d['output_exists']:
+                    continue
+                if view == 'orders' and not d['result_exists']:
+                    continue
+
             items.append(d)
 
+        total = len(items)
+
+        # Page (Python-side after existence filtering)
+        start = (page - 1) * page_size
+        items = items[start:start + page_size]
+
         return items, total
     finally:
         conn.close()