From 756688bf75c1738b6a10c482f43c476e19e0786f Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Mon, 6 Oct 2025 18:42:05 +0800
Subject: [PATCH] feat: restored TopMessage

- Added back TopMessage tag, placed inside #Content for better positioning
- Styled TopMessage for better visibility
---
 src/components/TopMessage.vue           | 13 +++----------
 src/views/AccountViewView.vue           |  2 ++
 src/views/ConfirmGiftView.vue           |  2 ++
 src/views/ContactEditView.vue           |  2 ++
 src/views/ContactsView.vue              |  2 ++
 src/views/DIDView.vue                   |  2 ++
 src/views/DiscoverView.vue              |  2 ++
 src/views/GiftedDetailsView.vue         |  2 ++
 src/views/HomeView.vue                  |  2 ++
 src/views/InviteOneView.vue             |  2 ++
 src/views/LogView.vue                   |  2 ++
 src/views/OfferDetailsView.vue          |  2 ++
 src/views/OnboardMeetingListView.vue    |  2 ++
 src/views/OnboardMeetingMembersView.vue |  2 ++
 src/views/OnboardMeetingSetupView.vue   |  2 ++
 src/views/ProjectViewView.vue           |  2 ++
 src/views/ProjectsView.vue              |  2 ++
 src/views/QuickActionBvcBeginView.vue   |  2 ++
 src/views/QuickActionBvcEndView.vue     |  2 ++
 src/views/QuickActionBvcView.vue        |  2 ++
 src/views/ShareMyContactInfoView.vue    |  2 ++
 src/views/UserProfileView.vue           |  2 ++
 22 files changed, 45 insertions(+), 10 deletions(-)

diff --git a/src/components/TopMessage.vue b/src/components/TopMessage.vue
index 9975101e..f73ad85c 100644
--- a/src/components/TopMessage.vue
+++ b/src/components/TopMessage.vue
@@ -1,16 +1,9 @@
 <template>
   <div
-    class="absolute right-5 top-[max(0.75rem,env(safe-area-inset-top),var(--safe-area-inset-top,0px))]"
+    v-if="message"
+    class="-mt-6 bg-rose-100 border border-t-0 border-dashed border-rose-600 text-rose-900 text-sm text-center font-semibold rounded-b-md px-3 py-2 mb-3"
   >
-    <span class="align-center text-red-500 mr-2">{{ message }}</span>
-    <span class="ml-2">
-      <router-link
-        :to="{ name: 'help' }"
-        class="text-xs uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 rounded-md ml-1"
-      >
-        Help
-      </router-link>
-    </span>
+    {{ message }}
   </div>
 </template>
 
diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index ed8da3d3..557a7244 100644
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -8,6 +8,8 @@
     role="main"
     aria-label="Account Profile"
   >
+    <TopMessage />
+
     <!-- Main View Heading -->
     <div class="flex gap-4 items-center mb-8">
       <h1 id="ViewHeading" class="text-2xl font-bold leading-none">
diff --git a/src/views/ConfirmGiftView.vue b/src/views/ConfirmGiftView.vue
index 837513cf..2b415569 100644
--- a/src/views/ConfirmGiftView.vue
+++ b/src/views/ConfirmGiftView.vue
@@ -1,6 +1,8 @@
 <template>
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/ContactEditView.vue b/src/views/ContactEditView.vue
index f521beb8..51687b5b 100644
--- a/src/views/ContactEditView.vue
+++ b/src/views/ContactEditView.vue
@@ -1,5 +1,7 @@
 <template>
   <section id="ContactEdit" class="p-6 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/ContactsView.vue b/src/views/ContactsView.vue
index e0f4fea2..e31cb708 100644
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -2,6 +2,8 @@
   <QuickNav selected="Contacts" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Main View Heading -->
     <div class="flex gap-4 items-center mb-4">
       <h1 id="ViewHeading" class="text-2xl font-bold leading-none">
diff --git a/src/views/DIDView.vue b/src/views/DIDView.vue
index 038fc4ba..56dccdc9 100644
--- a/src/views/DIDView.vue
+++ b/src/views/DIDView.vue
@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/DiscoverView.vue b/src/views/DiscoverView.vue
index 1f305f5a..b9104102 100644
--- a/src/views/DiscoverView.vue
+++ b/src/views/DiscoverView.vue
@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Main View Heading -->
     <div class="flex gap-4 items-center mb-4">
       <h1 id="ViewHeading" class="text-2xl font-bold leading-none">Discover</h1>
diff --git a/src/views/GiftedDetailsView.vue b/src/views/GiftedDetailsView.vue
index fff889ae..fe1e9ab1 100644
--- a/src/views/GiftedDetailsView.vue
+++ b/src/views/GiftedDetailsView.vue
@@ -1,6 +1,8 @@
 <template>
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <div class="mb-8">
       <!-- Sub View Heading -->
       <div id="SubViewHeading" class="flex gap-4 items-start mb-4">
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 73e3ac87..fa2b384c 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -13,6 +13,8 @@ Raymer * @version 1.0.0 */
     class="p-6 pb-24 max-w-3xl mx-auto"
     :data-active-did="activeDid"
   >
+    <TopMessage />
+
     <!-- Main View Heading -->
     <div class="flex gap-4 items-center mb-4">
       <h1 id="ViewHeading" class="text-2xl font-bold leading-none">
diff --git a/src/views/InviteOneView.vue b/src/views/InviteOneView.vue
index 7b0bcbe4..5fdd9921 100644
--- a/src/views/InviteOneView.vue
+++ b/src/views/InviteOneView.vue
@@ -2,6 +2,8 @@
   <QuickNav selected="Contacts" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/LogView.vue b/src/views/LogView.vue
index 297fd473..c619541a 100644
--- a/src/views/LogView.vue
+++ b/src/views/LogView.vue
@@ -4,6 +4,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">Logs</h1>
diff --git a/src/views/OfferDetailsView.vue b/src/views/OfferDetailsView.vue
index b40330fc..97d022f4 100644
--- a/src/views/OfferDetailsView.vue
+++ b/src/views/OfferDetailsView.vue
@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/OnboardMeetingListView.vue b/src/views/OnboardMeetingListView.vue
index 76be91c9..452b64a9 100644
--- a/src/views/OnboardMeetingListView.vue
+++ b/src/views/OnboardMeetingListView.vue
@@ -2,6 +2,8 @@
   <QuickNav selected="Contacts" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/OnboardMeetingMembersView.vue b/src/views/OnboardMeetingMembersView.vue
index 51a238de..9b3c83ce 100644
--- a/src/views/OnboardMeetingMembersView.vue
+++ b/src/views/OnboardMeetingMembersView.vue
@@ -2,6 +2,8 @@
   <QuickNav selected="Contacts" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/OnboardMeetingSetupView.vue b/src/views/OnboardMeetingSetupView.vue
index 19973c64..45b2d580 100644
--- a/src/views/OnboardMeetingSetupView.vue
+++ b/src/views/OnboardMeetingSetupView.vue
@@ -2,6 +2,8 @@
   <QuickNav selected="Contacts" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index a34835b2..f9d37793 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <div class="mb-4">
       <!-- Sub View Heading -->
       <div id="SubViewHeading" class="flex gap-4 items-start mb-4">
diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index 0def80d7..99db1e9e 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -2,6 +2,8 @@
   <QuickNav selected="Projects" />
 
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Main View Heading -->
     <div class="flex gap-4 items-center mb-4">
       <h1 id="ViewHeading" class="text-2xl font-bold leading-none">
diff --git a/src/views/QuickActionBvcBeginView.vue b/src/views/QuickActionBvcBeginView.vue
index 0f6399db..a2ebd8d3 100644
--- a/src/views/QuickActionBvcBeginView.vue
+++ b/src/views/QuickActionBvcBeginView.vue
@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/QuickActionBvcEndView.vue b/src/views/QuickActionBvcEndView.vue
index e42536b7..62011483 100644
--- a/src/views/QuickActionBvcEndView.vue
+++ b/src/views/QuickActionBvcEndView.vue
@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/QuickActionBvcView.vue b/src/views/QuickActionBvcView.vue
index 9a21cd2d..b185f32a 100644
--- a/src/views/QuickActionBvcView.vue
+++ b/src/views/QuickActionBvcView.vue
@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/ShareMyContactInfoView.vue b/src/views/ShareMyContactInfoView.vue
index 622d346b..e303d036 100644
--- a/src/views/ShareMyContactInfoView.vue
+++ b/src/views/ShareMyContactInfoView.vue
@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-2 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">
diff --git a/src/views/UserProfileView.vue b/src/views/UserProfileView.vue
index 103f0f26..5b7abdf8 100644
--- a/src/views/UserProfileView.vue
+++ b/src/views/UserProfileView.vue
@@ -3,6 +3,8 @@
 
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
+    <TopMessage />
+
     <!-- Sub View Heading -->
     <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
       <h1 class="grow text-xl text-center font-semibold leading-tight">