From 4e8b1124a8267ad7a30bf7c1f12637655263a3b0 Mon Sep 17 00:00:00 2001
From: sukuwc <sukuwc@riseup.net>
Date: Tue, 10 Feb 2026 11:35:15 +0100
Subject: [PATCH] Show last modified date in ConfigCard and TreeItem

Closes #168

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../components/tree/ProfileCloudTreeItem.svelte  | 16 +++++++++++++++-
 src/routes/ConfigCardBrowser.svelte              |  8 ++++++++
 src/routes/ConfigCardDisplay.svelte              | 10 +++++++++-
 3 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/tree/ProfileCloudTreeItem.svelte b/src/lib/components/tree/ProfileCloudTreeItem.svelte
index a514119..afb4fd4 100644
--- a/src/lib/components/tree/ProfileCloudTreeItem.svelte
+++ b/src/lib/components/tree/ProfileCloudTreeItem.svelte
@@ -3,6 +3,7 @@
     type: string;
     name: string;
     syncStatus: "synced" | "local" | "cloud";
+    modifiedAt: Date;
   }
 </script>
 
@@ -71,6 +72,7 @@
         {data.name}
       </slot>
     </span>
+    <span class="modified-date">{data.modifiedAt.toLocaleDateString()}</span>
     <div
       class="type-label
         {compatible ? 'type-compatible' : 'type-incompatible'}"
@@ -160,7 +162,7 @@
     padding-top: 0.25rem;
     padding-bottom: 0.25rem;
     display: grid;
-    grid-template-columns: 1fr auto auto;
+    grid-template-columns: 1fr auto auto auto;
     gap: 0.25rem;
     width: 100%;
     align-items: center;
@@ -199,6 +201,18 @@
     text-decoration: line-through;
   }
 
+  .modified-date {
+    color: var(--foreground-muted);
+    font-size: 0.75rem;
+    white-space: nowrap;
+  }
+
+  @media (max-width: 400px) {
+    .modified-date {
+      display: none;
+    }
+  }
+
   .trigger-container {
     margin-right: 0.5rem;
   }
diff --git a/src/routes/ConfigCardBrowser.svelte b/src/routes/ConfigCardBrowser.svelte
index f24edf1..f7117f5 100644
--- a/src/routes/ConfigCardBrowser.svelte
+++ b/src/routes/ConfigCardBrowser.svelte
@@ -224,6 +224,9 @@
       {data.type}
     </div>
     <div class="footer-right" class:footer-right-editor={display === "editor"}>
+      <span class="modified-date"
+        >Last modified: {data.modifiedAt.toLocaleDateString()}</span
+      >
       <span class="owner-name">{configOwner}</span>
       {#if display == "editor"}
         <div class="visibility-container">
@@ -398,6 +401,11 @@
     gap: 0.25rem;
   }
 
+  .modified-date {
+    color: var(--foreground-muted);
+    font-size: 0.75rem;
+  }
+
   .owner-name {
     color: var(--foreground-muted);
   }
diff --git a/src/routes/ConfigCardDisplay.svelte b/src/routes/ConfigCardDisplay.svelte
index 3419f8f..2736f1b 100644
--- a/src/routes/ConfigCardDisplay.svelte
+++ b/src/routes/ConfigCardDisplay.svelte
@@ -59,7 +59,10 @@
   {#if typeof data !== "undefined"}
     <BlockRow>
       <div class="created-by">
-        Created by {configOwner === "" ? "Unknown" : configOwner}
+        <span>{configOwner === "" ? "Unknown" : configOwner}</span>
+        <span class="modified-date"
+          >Last modified: {data.modifiedAt.toLocaleDateString()}</span
+        >
       </div>
 
       {#if data.isEditable}
@@ -210,6 +213,11 @@
     font-size: 0.75rem;
     display: flex;
     flex-grow: 1;
+    justify-content: space-between;
+  }
+
+  .modified-date {
+    color: var(--foreground-muted);
   }
 
   .icon-button {