From b11d897bf6a93a7fe0da04516cd6d2d489d4b3a1 Mon Sep 17 00:00:00 2001
From: NguyenND <ngodanguyen@gmail.com>
Date: Fri, 29 May 2026 12:40:12 -0400
Subject: [PATCH] 05/29 Fix shared items aren't displayed on user page 2

---
 app/static/js/vault.js         | 7 +------
 app/templates/vault/index.html | 8 ++++----
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/app/static/js/vault.js b/app/static/js/vault.js
index 561e0cf..95255e0 100644
--- a/app/static/js/vault.js
+++ b/app/static/js/vault.js
@@ -1864,7 +1864,7 @@ const Vault = (() => {
       const shares = await res.json();
       renderSharedIn(shares);
     } catch (err) {
-      console.error("loadSharedIn:", err);
+      showToast("Could not load shared inbox: " + err.message, "error");
     }
   }
 
@@ -1931,11 +1931,6 @@ const Vault = (() => {
         '<li class="vault-empty">No items have been shared with you.</li>';
       return;
     }
-    // Auto-switch to "Shared with me" tab when there are pending shares so the
-    // recipient doesn't miss them (the default active tab is "Shared by me").
-    if (shares.some((s) => !s.accepted)) {
-      document.querySelector('.tab-btn[data-tab="shared-in"]')?.click();
-    }
     ul.innerHTML = shares
       .map(
         (s) => {
diff --git a/app/templates/vault/index.html b/app/templates/vault/index.html
index cc6f455..135c2b2 100644
--- a/app/templates/vault/index.html
+++ b/app/templates/vault/index.html
@@ -293,15 +293,15 @@
           </button>
         </div>
         <div class="panel-tabs">
-          <button class="tab-btn active" data-tab="shared-out">
+          <button class="tab-btn" data-tab="shared-out">
             Shared by me
           </button>
-          <button class="tab-btn" data-tab="shared-in">Shared with me</button>
+          <button class="tab-btn active" data-tab="shared-in">Shared with me</button>
         </div>
-        <div id="tab-shared-out" class="tab-pane">
+        <div id="tab-shared-out" class="tab-pane hidden">
           <ul id="shared-out-list" class="share-list"></ul>
         </div>
-        <div id="tab-shared-in" class="tab-pane hidden">
+        <div id="tab-shared-in" class="tab-pane">
           <ul id="shared-in-list" class="share-list"></ul>
         </div>
       </div>