From dae610795b7883819d638d0ed660b1ac7d77a254 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 18 Jun 2026 19:16:14 -0400
Subject: [PATCH] feat(core): add Files card to dashboard, fix card colors,
 expand per-page options

Dashboard: Users + People cards corrected to tertiary (matched menu);
Files card added between People and Data Stores using secondary (matched menu).
Files per-page options extended to 200/400/800/1000/1500/2000.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/routes/core/+page.svelte       | 35 +++++++++++++++++++++++++-----
 src/routes/core/files/+page.svelte |  5 +++++
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/src/routes/core/+page.svelte b/src/routes/core/+page.svelte
index 71895e84..2d13e534 100644
--- a/src/routes/core/+page.svelte
+++ b/src/routes/core/+page.svelte
@@ -2,6 +2,7 @@
 import {
     Building,
     Database,
+    File,
     Globe,
     History,
     Landmark,
@@ -104,11 +105,11 @@ $effect(() => {
 
         <!-- User Management Card -->
         <div
-            class="card preset-tonal-error group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
+            class="card preset-tonal-tertiary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
             <div class="space-y-4">
                 <div class="flex items-center gap-3">
                     <div
-                        class="bg-error-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
+                        class="bg-tertiary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
                         <ShieldCheck size={24} />
                     </div>
                     <h3 class="h4 font-black">Users</h3>
@@ -118,7 +119,7 @@ $effect(() => {
                 </p>
             </div>
             <a
-                class="btn preset-filled-error mt-4 w-full font-bold shadow-md"
+                class="btn preset-filled-tertiary mt-4 w-full font-bold shadow-md"
                 href="/core/users">
                 Manage
             </a>
@@ -126,11 +127,11 @@ $effect(() => {
 
         <!-- Person Management Card -->
         <div
-            class="card preset-tonal-warning group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
+            class="card preset-tonal-tertiary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
             <div class="space-y-4">
                 <div class="flex items-center gap-3">
                     <div
-                        class="bg-warning-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
+                        class="bg-tertiary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
                         <Users size={24} />
                     </div>
                     <h3 class="h4 font-black">People</h3>
@@ -140,12 +141,34 @@ $effect(() => {
                 </p>
             </div>
             <a
-                class="btn preset-filled-warning mt-4 w-full font-bold shadow-md"
+                class="btn preset-filled-tertiary mt-4 w-full font-bold shadow-md"
                 href="/core/people">
                 Manage
             </a>
         </div>
 
+        <!-- Files Card -->
+        <div
+            class="card preset-tonal-secondary group flex flex-col justify-between space-y-4 p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
+            <div class="space-y-4">
+                <div class="flex items-center gap-3">
+                    <div
+                        class="bg-secondary-500/20 rounded-lg p-2 transition-transform group-hover:scale-110">
+                        <File size={24} />
+                    </div>
+                    <h3 class="h4 font-black">Files</h3>
+                </div>
+                <p class="text-sm leading-relaxed opacity-80">
+                    Browse and manage hosted files across all accounts.
+                </p>
+            </div>
+            <a
+                class="btn preset-filled-secondary mt-4 w-full font-bold shadow-md"
+                href="/core/files">
+                Manage
+            </a>
+        </div>
+
         <!-- Data Stores Card -->
         <div
             class="card preset-tonal-surface group border-surface-500/10 flex flex-col justify-between space-y-4 border p-6 shadow-lg transition-colors duration-200 hover:brightness-110">
diff --git a/src/routes/core/files/+page.svelte b/src/routes/core/files/+page.svelte
index 95cff80a..824427f0 100644
--- a/src/routes/core/files/+page.svelte
+++ b/src/routes/core/files/+page.svelte
@@ -477,6 +477,11 @@ async function check_all_for_orphans() {
                     <option value={50}>50</option>
                     <option value={100}>100</option>
                     <option value={200}>200</option>
+                    <option value={400}>400</option>
+                    <option value={800}>800</option>
+                    <option value={1000}>1000</option>
+                    <option value={1500}>1500</option>
+                    <option value={2000}>2000</option>
                 </select>
             </label>
             <div class="flex flex-1 items-end justify-end gap-2">