feat: add a link to connect to someone who is closer to any user profile target

2025-11-03 08:10:15 -07:00
39 changed files with 1186 additions and 1540 deletions
--- a/BUILDING.md
+++ b/BUILDING.md
@@ -1151,31 +1151,28 @@ If you need to build manually or want to understand the individual steps:

 - ... and you may have to fix these, especially with pkgx:

-```bash
-gem_path=$(which gem)
-shortened_path="${gem_path:h:h}"
-export GEM_HOME=$shortened_path
-export GEM_PATH=$shortened_path
+   ```bash
+   gem_path=$(which gem)
+   shortened_path="${gem_path:h:h}"
+   export GEM_HOME=$shortened_path
+   export GEM_PATH=$shortened_path
+   ```

-cd ios/App
-pod install
-```
+##### 1. Bump the version in package.json, then here

-##### 1. Bump the version in package.json for `MARKETING_VERSION`, then `grep CURRENT_PROJECT_VERSION ios/App/App.xcodeproj/project.pbxproj` and add 1 for the numbered version;
-
-```bash
-cd ios/App && xcrun agvtool new-version 47 && perl -p -i -e "s/MARKETING_VERSION = .*;/MARKETING_VERSION = 1.1.2;/g" App.xcodeproj/project.pbxproj && cd -
-# Unfortunately this edits Info.plist directly.
-#xcrun agvtool new-marketing-version 0.4.5
-```
+   ```bash
+   cd ios/App && xcrun agvtool new-version 40 && perl -p -i -e "s/MARKETING_VERSION = .*;/MARKETING_VERSION = 1.0.7;/g" App.xcodeproj/project.pbxproj && cd -
+   # Unfortunately this edits Info.plist directly.
+   #xcrun agvtool new-marketing-version 0.4.5
+   ```

 ##### 2. Build

-Here's prod. Also available: test, dev
+  Here's prod. Also available: test, dev

-```bash
-npm run build:ios:prod
-```
+  ```bash
+  npm run build:ios:prod
+  ```

 3.1. Use Xcode to build and run on simulator or device.

@@ -1200,8 +1197,7 @@ npm run build:ios:prod
  - It can take 15 minutes for the build to show up in the list of builds.
  - You'll probably have to "Manage" something about encryption, disallowed in France.
  - Then "Save" and "Add to Review" and "Resubmit to App Review".
- Eventually it'll be "Ready for Distribution" which means it's live
- When finished, bump package.json version
+- Eventually it'll be "Ready for Distribution" which means

 ### Android Build

@@ -1319,26 +1315,26 @@ The recommended way to build for Android is using the automated build script:

 #### Android Manual Build Process

-##### 1. Bump the version in package.json, then update these versions & run:
+##### 1. Bump the version in package.json, then here: android/app/build.gradle

-```bash
-perl -p -i -e 's/versionCode .*/versionCode 47/g' android/app/build.gradle
-perl -p -i -e 's/versionName .*/versionName "1.1.2"/g' android/app/build.gradle
-```
+  ```bash
+  perl -p -i -e 's/versionCode .*/versionCode 40/g' android/app/build.gradle
+  perl -p -i -e 's/versionName .*/versionName "1.0.7"/g' android/app/build.gradle
+  ```

 ##### 2. Build

  Here's prod. Also available: test, dev

-```bash
-npm run build:android:prod
-```
+  ```bash
+  npm run build:android:prod
+  ```

 ##### 3. Open the project in Android Studio

-```bash
-npx cap open android
-```
+   ```bash
+   npx cap open android
+   ```

 ##### 4. Use Android Studio to build and run on emulator or device

@@ -1383,8 +1379,6 @@ At play.google.com/console:
 - Note that if you add testers, you have to go to "Publishing Overview" and send
  those changes or your (closed) testers won't see it.

- When finished, bump package.json version
-
 ### Capacitor Operations

 ```bash
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,21 +5,6 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

-
-## [1.1.2] - 2025.11.06
-
-### Fixed
- Bad page when user follows prompt to backup seed
-
-
-## [1.1.1] - 2025.11.03
-
-### Added
- Meeting onboarding via prompts
- Emojis on gift feed
- Starred projects with notification
-
-
 ## [1.0.7] - 2025.08.18

 ### Fixed
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -31,8 +31,8 @@ android {
        applicationId "app.timesafari.app"
        minSdkVersion rootProject.ext.minSdkVersion
        targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 48
-        versionName "1.1.3-beta"
+        versionCode 41
+        versionName "1.0.8"
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
        aaptOptions {
             // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.
--- a/ios/App/App.xcodeproj/project.pbxproj
+++ b/ios/App/App.xcodeproj/project.pbxproj
@@ -403,7 +403,7 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 47;
+				CURRENT_PROJECT_VERSION = 41;
 				DEVELOPMENT_TEAM = GM3FS5JQPH;
 				ENABLE_APP_SANDBOX = NO;
 				ENABLE_USER_SCRIPT_SANDBOXING = NO;
@@ -413,7 +413,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.1.2;
+				MARKETING_VERSION = 1.0.8;
 				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
 				PRODUCT_BUNDLE_IDENTIFIER = app.timesafari;
 				PRODUCT_NAME = "$(TARGET_NAME)";
@@ -430,7 +430,7 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 47;
+				CURRENT_PROJECT_VERSION = 41;
 				DEVELOPMENT_TEAM = GM3FS5JQPH;
 				ENABLE_APP_SANDBOX = NO;
 				ENABLE_USER_SCRIPT_SANDBOXING = NO;
@@ -440,7 +440,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.1.2;
+				MARKETING_VERSION = 1.0.8;
 				PRODUCT_BUNDLE_IDENTIFIER = app.timesafari;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "timesafari",
-  "version": "1.1.3-beta",
+  "version": "1.1.1-beta",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "timesafari",
-      "version": "1.1.3-beta",
+      "version": "1.1.1-beta",
      "dependencies": {
        "@capacitor-community/electron": "^5.0.1",
        "@capacitor-community/sqlite": "6.0.2",
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "timesafari",
-  "version": "1.1.3-beta",
+  "version": "1.1.1-beta",
  "description": "Time Safari Application",
  "author": {
    "name": "Time Safari Team"
--- a/scripts/build-android.sh
+++ b/scripts/build-android.sh
@@ -436,21 +436,7 @@ fi
 log_info "Cleaning dist directory..."
 clean_build_artifacts "dist"

-# Step 4: Run TypeScript type checking for test and production builds
-if [ "$BUILD_MODE" = "production" ] || [ "$BUILD_MODE" = "test" ]; then
-    log_info "Running TypeScript type checking for $BUILD_MODE mode..."
-    
-    if ! measure_time npm run type-check; then
-        log_error "TypeScript type checking failed for $BUILD_MODE mode!"
-        exit 2
-    fi
-    
-    log_success "TypeScript type checking completed for $BUILD_MODE mode"
-else
-    log_debug "Skipping TypeScript type checking for development mode"
-fi
-
-# Step 5: Build Capacitor version with mode
+# Step 4: Build Capacitor version with mode
 if [ "$BUILD_MODE" = "development" ]; then
    safe_execute "Building Capacitor version (development)" "npm run build:capacitor" || exit 3
 elif [ "$BUILD_MODE" = "test" ]; then
@@ -459,23 +445,23 @@ elif [ "$BUILD_MODE" = "production" ]; then
    safe_execute "Building Capacitor version (production)" "npm run build:capacitor -- --mode production" || exit 3
 fi

-# Step 6: Clean Gradle build
+# Step 5: Clean Gradle build
 safe_execute "Cleaning Gradle build" "cd android && ./gradlew clean && cd .." || exit 4

-# Step 7: Build based on type
+# Step 6: Build based on type
 if [ "$BUILD_TYPE" = "debug" ]; then
    safe_execute "Assembling debug build" "cd android && ./gradlew assembleDebug && cd .." || exit 5
 elif [ "$BUILD_TYPE" = "release" ]; then
    safe_execute "Assembling release build" "cd android && ./gradlew assembleRelease && cd .." || exit 5
 fi

-# Step 8: Sync with Capacitor
+# Step 7: Sync with Capacitor
 safe_execute "Syncing with Capacitor" "npx cap sync android" || exit 6

-# Step 9: Generate assets
+# Step 8: Generate assets
 safe_execute "Generating assets" "npx capacitor-assets generate --android" || exit 7

-# Step 10: Build APK/AAB if requested
+# Step 9: Build APK/AAB if requested
 if [ "$BUILD_APK" = true ]; then
    if [ "$BUILD_TYPE" = "debug" ]; then
        safe_execute "Building debug APK" "cd android && ./gradlew assembleDebug && cd .." || exit 5
@@ -488,7 +474,7 @@ if [ "$BUILD_AAB" = true ]; then
    safe_execute "Building AAB" "cd android && ./gradlew bundleRelease && cd .." || exit 5
 fi

-# Step 11: Auto-run app if requested
+# Step 10: Auto-run app if requested
 if [ "$AUTO_RUN" = true ]; then
    log_step "Auto-running Android app..."
    safe_execute "Launching app" "npx cap run android" || {
@@ -499,7 +485,7 @@ if [ "$AUTO_RUN" = true ]; then
    log_success "Android app launched successfully!"
 fi

-# Step 12: Open Android Studio if requested
+# Step 11: Open Android Studio if requested
 if [ "$OPEN_STUDIO" = true ]; then
    safe_execute "Opening Android Studio" "npx cap open android" || exit 8
 fi
--- a/scripts/build-ios.sh
+++ b/scripts/build-ios.sh
@@ -381,21 +381,7 @@ safe_execute "Cleaning iOS build" "clean_ios_build" || exit 1
 log_info "Cleaning dist directory..."
 clean_build_artifacts "dist"

-# Step 4: Run TypeScript type checking for test and production builds
-if [ "$BUILD_MODE" = "production" ] || [ "$BUILD_MODE" = "test" ]; then
-    log_info "Running TypeScript type checking for $BUILD_MODE mode..."
-    
-    if ! measure_time npm run type-check; then
-        log_error "TypeScript type checking failed for $BUILD_MODE mode!"
-        exit 2
-    fi
-    
-    log_success "TypeScript type checking completed for $BUILD_MODE mode"
-else
-    log_debug "Skipping TypeScript type checking for development mode"
-fi
-
-# Step 5: Build Capacitor version with mode
+# Step 4: Build Capacitor version with mode
 if [ "$BUILD_MODE" = "development" ]; then
    safe_execute "Building Capacitor version (development)" "npm run build:capacitor" || exit 3
 elif [ "$BUILD_MODE" = "test" ]; then
@@ -404,16 +390,16 @@ elif [ "$BUILD_MODE" = "production" ]; then
    safe_execute "Building Capacitor version (production)" "npm run build:capacitor -- --mode production" || exit 3
 fi

-# Step 6: Sync with Capacitor
+# Step 5: Sync with Capacitor
 safe_execute "Syncing with Capacitor" "npx cap sync ios" || exit 6

-# Step 7: Generate assets
+# Step 6: Generate assets
 safe_execute "Generating assets" "npx capacitor-assets generate --ios" || exit 7

-# Step 8: Build iOS app
+# Step 7: Build iOS app
 safe_execute "Building iOS app" "build_ios_app" || exit 5

-# Step 9: Build IPA/App if requested
+# Step 8: Build IPA/App if requested
 if [ "$BUILD_IPA" = true ]; then
    log_info "Building IPA package..."
    cd ios/App
@@ -440,12 +426,12 @@ if [ "$BUILD_APP" = true ]; then
    log_success "App bundle built successfully"
 fi

-# Step 10: Auto-run app if requested
+# Step 9: Auto-run app if requested
 if [ "$AUTO_RUN" = true ]; then
    safe_execute "Auto-running iOS app" "auto_run_ios_app" || exit 9
 fi

-# Step 11: Open Xcode if requested
+# Step 10: Open Xcode if requested
 if [ "$OPEN_STUDIO" = true ]; then
    safe_execute "Opening Xcode" "npx cap open ios" || exit 8
 fi
--- a/src/assets/styles/tailwind.css
+++ b/src/assets/styles/tailwind.css
@@ -38,7 +38,7 @@
 	}

 	.dialog {
-		@apply bg-white px-4 py-6 rounded-lg w-full max-w-lg max-h-[calc(100vh-3rem)] overflow-y-auto;
+		@apply bg-white px-4 py-6 rounded-lg w-full max-w-lg max-h-[90%] overflow-y-auto;
 	}

 	/* Markdown content styling to restore list elements */
--- a/src/components/BulkMembersDialog.vue
+++ b/src/components/BulkMembersDialog.vue
@@ -111,7 +111,7 @@
                ? 'bg-blue-600 text-white cursor-pointer'
                : 'bg-slate-400 text-slate-200 cursor-not-allowed',
            ]"
-            @click="processSelectedMembers"
+            @click="handleMainAction"
          >
            {{ buttonText }}
          </button>
@@ -134,9 +134,8 @@ import { Vue, Component, Prop } from "vue-facing-decorator";
 import { PlatformServiceMixin } from "@/utils/PlatformServiceMixin";
 import { SOMEONE_UNNAMED } from "@/constants/entities";
 import { MemberData } from "@/interfaces";
-import { setVisibilityUtil, getHeaders, register } from "@/libs/endorserServer";
+import { setVisibilityUtil, getHeaders } from "@/libs/endorserServer";
 import { createNotifyHelpers } from "@/utils/notify";
-import { Contact } from "@/db/tables/contacts";

@Component({
  mixins: [PlatformServiceMixin],
@@ -145,7 +144,7 @@ import { Contact } from "@/db/tables/contacts";
 export default class BulkMembersDialog extends Vue {
  @Prop({ default: "" }) activeDid!: string;
  @Prop({ default: "" }) apiServer!: string;
-  // isOrganizer: true = organizer mode (admit members), false = member mode (set visibility)
+  @Prop({ required: true }) dialogType!: "admit" | "visibility";
  @Prop({ required: true }) isOrganizer!: boolean;

  // Vue notification system
@@ -252,35 +251,35 @@ export default class BulkMembersDialog extends Vue {
    return this.selectedMembers.includes(memberDid);
  }

-  async processSelectedMembers() {
+  async handleMainAction() {
+    if (this.dialogType === "admit") {
+      await this.admitWithVisibility();
+    } else {
+      await this.addContactWithVisibility();
+    }
+  }
+
+  async admitWithVisibility() {
    try {
-      const selectedMembers: MemberData[] = this.membersData.filter((member) =>
+      const selectedMembers = this.membersData.filter((member) =>
        this.selectedMembers.includes(member.did),
      );
-      const notSelectedMembers: MemberData[] = this.membersData.filter(
+      const notSelectedMembers = this.membersData.filter(
        (member) => !this.selectedMembers.includes(member.did),
      );

      let admittedCount = 0;
      let contactAddedCount = 0;
-      let errors = 0;

      for (const member of selectedMembers) {
        try {
-          // Organizer mode: admit and register the member first
-          if (this.isOrganizer) {
-            await this.admitMember(member);
-            await this.registerMember(member);
-            admittedCount++;
-          }
+          // First, admit the member
+          await this.admitMember(member);
+          admittedCount++;

          // If they're not a contact yet, add them as a contact
          if (!member.isContact) {
-            // Organizer mode: set isRegistered to true, member mode: undefined
-            await this.addAsContact(
-              member,
-              this.isOrganizer ? true : undefined,
-            );
+            await this.addAsContact(member);
            contactAddedCount++;
          }

@@ -290,62 +289,85 @@ export default class BulkMembersDialog extends Vue {
          // eslint-disable-next-line no-console
          console.error(`Error processing member ${member.did}:`, error);
          // Continue with other members even if one fails
-          errors++;
        }
      }

      // Show success notification
-      if (this.isOrganizer) {
-        if (admittedCount > 0) {
-          this.$notify(
-            {
-              group: "alert",
-              type: "success",
-              title: "Members Admitted Successfully",
-              text: `${admittedCount} member${admittedCount === 1 ? "" : "s"} admitted and registered${contactAddedCount === 0 ? "" : admittedCount === contactAddedCount ? " and" : `, ${contactAddedCount}`}${contactAddedCount === 0 ? "" : ` added as contact${contactAddedCount === 1 ? "" : "s"}`}.`,
-            },
-            5000,
-          );
-        }
-        if (errors > 0) {
-          this.$notify(
-            {
-              group: "alert",
-              type: "danger",
-              title: "Error",
-              text: "Failed to fully admit some members. Work with them individually below.",
-            },
-            5000,
-          );
-        }
-      } else {
-        // Member mode: show contacts added notification
-        if (contactAddedCount > 0) {
-          this.$notify(
-            {
-              group: "alert",
-              type: "success",
-              title: "Contacts Added Successfully",
-              text: `${contactAddedCount} member${contactAddedCount === 1 ? "" : "s"} added as contact${contactAddedCount === 1 ? "" : "s"}.`,
-            },
-            5000,
-          );
-        }
-      }
+      this.$notify(
+        {
+          group: "alert",
+          type: "success",
+          title: "Members Admitted Successfully",
+          text: `${admittedCount} member${admittedCount === 1 ? "" : "s"} admitted${contactAddedCount === 0 ? "" : admittedCount === contactAddedCount ? " and" : `, ${contactAddedCount}`}${contactAddedCount === 0 ? "" : ` added as contact${contactAddedCount === 1 ? "" : "s"}`}.`,
+        },
+        10000,
+      );

      this.close(notSelectedMembers.map((member) => member.did));
    } catch (error) {
      // eslint-disable-next-line no-console
-      console.error(
-        `Error ${this.isOrganizer ? "admitting members" : "adding contacts"}:`,
-        error,
-      );
+      console.error("Error admitting members:", error);
      this.$notify(
        {
          group: "alert",
          type: "danger",
          title: "Error",
-          text: "Some errors occurred. Work with members individually below.",
+          text: "Failed to admit some members. Please try again.",
+        },
+        5000,
+      );
+    }
+  }
+
+  async addContactWithVisibility() {
+    try {
+      const selectedMembers = this.membersData.filter((member) =>
+        this.selectedMembers.includes(member.did),
+      );
+      const notSelectedMembers = this.membersData.filter(
+        (member) => !this.selectedMembers.includes(member.did),
+      );
+
+      let contactsAddedCount = 0;
+
+      for (const member of selectedMembers) {
+        try {
+          // If they're not a contact yet, add them as a contact first
+          if (!member.isContact) {
+            await this.addAsContact(member);
+            contactsAddedCount++;
+          }
+
+          // Set their seesMe to true
+          await this.updateContactVisibility(member.did, true);
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(`Error processing member ${member.did}:`, error);
+          // Continue with other members even if one fails
+        }
+      }
+
+      // Show success notification
+      this.$notify(
+        {
+          group: "alert",
+          type: "success",
+          title: "Contacts Added Successfully",
+          text: `${contactsAddedCount} member${contactsAddedCount === 1 ? "" : "s"} added as contact${contactsAddedCount === 1 ? "" : "s"}.`,
+        },
+        5000,
+      );
+
+      this.close(notSelectedMembers.map((member) => member.did));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error("Error adding contacts:", error);
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: "Failed to add some members as contacts. Please try again.",
        },
        5000,
      );
@@ -371,39 +393,11 @@ export default class BulkMembersDialog extends Vue {
    }
  }

-  async registerMember(member: MemberData) {
+  async addAsContact(member: { did: string; name: string }) {
    try {
-      const contact: Contact = { did: member.did };
-      const result = await register(
-        this.activeDid,
-        this.apiServer,
-        this.axios,
-        contact,
-      );
-      if (result.success) {
-        if (result.embeddedRecordError) {
-          throw new Error(result.embeddedRecordError);
-        }
-        await this.$updateContact(member.did, { registered: true });
-      } else {
-        throw result;
-      }
-    } catch (err) {
-      // eslint-disable-next-line no-console
-      console.error("Error registering member:", err);
-      throw err;
-    }
-  }
-
-  async addAsContact(
-    member: { did: string; name: string },
-    isRegistered?: boolean,
-  ) {
-    try {
-      const newContact: Contact = {
+      const newContact = {
        did: member.did,
        name: member.name,
-        registered: isRegistered,
      };

      await this.$insertContact(newContact);
@@ -446,10 +440,10 @@ export default class BulkMembersDialog extends Vue {
  }

  showContactInfo() {
-    // isOrganizer: true = admit mode, false = visibility mode
-    const message = this.isOrganizer
-      ? "This user is already your contact, but they are not yet admitted to the meeting."
-      : "This user is already your contact, but your activities are not visible to them yet.";
+    const message =
+      this.dialogType === "admit"
+        ? "This user is already your contact, but they are not yet admitted to the meeting."
+        : "This user is already your contact, but your activities are not visible to them yet.";

    this.$notify(
      {
--- a/src/components/EntityGrid.vue
+++ b/src/components/EntityGrid.vue
@@ -2,55 +2,12 @@
 GiftedDialog.vue to provide a reusable grid layout * for displaying people,
 projects, and special entities with selection. * * @author Matthew Raymer */
 <template>
-  <!-- Quick Search -->
-  <div id="QuickSearch" class="mb-4 flex items-center text-sm">
-    <input
-      v-model="searchTerm"
-      type="text"
-      placeholder="Search…"
-      class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-1.5 placeholder:italic placeholder:text-slate-400 focus:outline-none"
-      @input="handleSearchInput"
-      @keydown.enter="performSearch"
-    />
-    <div
-      v-show="isSearching && searchTerm"
-      class="border-y border-slate-400 ps-2 py-1.5 text-center text-slate-400"
-    >
-      <font-awesome
-        icon="spinner"
-        class="fa-spin-pulse leading-[1.1]"
-      ></font-awesome>
-    </div>
-    <button
-      :disabled="!searchTerm"
-      class="px-2 py-1.5 rounded-r bg-white border border-l-0 border-slate-400 text-slate-400 disabled:cursor-not-allowed"
-      @click="clearSearch"
-    >
-      <font-awesome
-        :icon="searchTerm ? 'times' : 'magnifying-glass'"
-        class="fa-fw"
-      ></font-awesome>
-    </button>
-  </div>
-
-  <div
-    v-if="searchTerm && !isSearching && filteredEntities.length === 0"
-    class="mb-4 text-sm italic text-slate-500 text-center"
-  >
-    “{{ searchTerm }}” doesn't match any
-    {{ entityType === "people" ? "people" : "projects" }}. Try a different
-    search.
-  </div>
-
-  <ul
-    ref="scrollContainer"
-    class="border-t border-slate-300 mb-4 max-h-[60vh] overflow-y-auto"
-  >
+  <ul :class="gridClasses">
    <!-- Special entities (You, Unnamed) for people grids -->
    <template v-if="entityType === 'people'">
      <!-- "You" entity -->
      <SpecialEntityCard
-        v-if="showYouEntity && !searchTerm.trim()"
+        v-if="showYouEntity"
        entity-type="you"
        label="You"
        icon="hand"
@@ -64,7 +21,6 @@ projects, and special entities with selection. * * @author Matthew Raymer */

      <!-- "Unnamed" entity -->
      <SpecialEntityCard
-        v-if="showUnnamedEntity && !searchTerm.trim()"
        entity-type="unnamed"
        :label="unnamedEntityName"
        icon="circle-question"
@@ -82,60 +38,16 @@ projects, and special entities with selection. * * @author Matthew Raymer */

    <!-- Entity cards (people or projects) -->
    <template v-if="entityType === 'people'">
-      <!-- When showing contacts without search: split into recent and alphabetical -->
-      <template v-if="!searchTerm.trim()">
-        <!-- Recently Added Section -->
-        <template v-if="recentContacts.length > 0">
-          <li
-            class="text-xs font-semibold text-slate-500 uppercase pt-5 pb-1.5 px-2 border-b border-slate-300"
-          >
-            Recently Added
-          </li>
-          <PersonCard
-            v-for="person in recentContacts"
-            :key="person.did"
-            :person="person"
-            :conflicted="isPersonConflicted(person.did)"
-            :show-time-icon="true"
-            :notify="notify"
-            :conflict-context="conflictContext"
-            @person-selected="handlePersonSelected"
-          />
-        </template>
-
-        <!-- Alphabetical Section -->
-        <template v-if="alphabeticalContacts.length > 0">
-          <li
-            class="text-xs font-semibold text-slate-500 uppercase pt-5 pb-1.5 px-2 border-b border-slate-300"
-          >
-            Everyone Else
-          </li>
-          <PersonCard
-            v-for="person in alphabeticalContacts"
-            :key="person.did"
-            :person="person"
-            :conflicted="isPersonConflicted(person.did)"
-            :show-time-icon="true"
-            :notify="notify"
-            :conflict-context="conflictContext"
-            @person-selected="handlePersonSelected"
-          />
-        </template>
-      </template>
-
-      <!-- When searching: show filtered results normally -->
-      <template v-else>
-        <PersonCard
-          v-for="person in displayedEntities as Contact[]"
-          :key="person.did"
-          :person="person"
-          :conflicted="isPersonConflicted(person.did)"
-          :show-time-icon="true"
-          :notify="notify"
-          :conflict-context="conflictContext"
-          @person-selected="handlePersonSelected"
-        />
-      </template>
+      <PersonCard
+        v-for="person in displayedEntities as Contact[]"
+        :key="person.did"
+        :person="person"
+        :conflicted="isPersonConflicted(person.did)"
+        :show-time-icon="true"
+        :notify="notify"
+        :conflict-context="conflictContext"
+        @person-selected="handlePersonSelected"
+      />
    </template>

    <template v-else-if="entityType === 'projects'">
@@ -151,27 +63,28 @@ projects, and special entities with selection. * * @author Matthew Raymer */
        @project-selected="handleProjectSelected"
      />
    </template>
+
+    <!-- Show All navigation -->
+    <ShowAllCard
+      v-if="shouldShowAll"
+      :entity-type="entityType"
+      :route-name="showAllRoute"
+      :query-params="showAllQueryParams"
+    />
  </ul>
 </template>

 <script lang="ts">
-import { Component, Prop, Vue, Emit, Watch } from "vue-facing-decorator";
-import { useInfiniteScroll } from "@vueuse/core";
+import { Component, Prop, Vue, Emit } from "vue-facing-decorator";
 import PersonCard from "./PersonCard.vue";
 import ProjectCard from "./ProjectCard.vue";
 import SpecialEntityCard from "./SpecialEntityCard.vue";
+import ShowAllCard from "./ShowAllCard.vue";
 import { Contact } from "../db/tables/contacts";
 import { PlanData } from "../interfaces/records";
 import { NotificationIface } from "../constants/app";
 import { UNNAMED_ENTITY_NAME } from "@/constants/entities";

-/**
- * Constants for infinite scroll configuration
- */
-const INITIAL_BATCH_SIZE = 20;
-const INCREMENT_SIZE = 20;
-const RECENT_CONTACTS_COUNT = 3;
-
 /**
 * EntityGrid - Unified grid layout for displaying people or projects
 *
@@ -180,6 +93,7 @@ const RECENT_CONTACTS_COUNT = 3;
 * - Special entity integration (You, Unnamed)
 * - Conflict detection integration
 * - Empty state messaging
+ * - Show All navigation
 * - Event delegation for entity selection
 * - Warning notifications for conflicted entities
 * - Template streamlined with computed CSS properties
@@ -190,6 +104,7 @@ const RECENT_CONTACTS_COUNT = 3;
    PersonCard,
    ProjectCard,
    SpecialEntityCard,
+    ShowAllCard,
  },
 })
 export default class EntityGrid extends Vue {
@@ -197,21 +112,14 @@ export default class EntityGrid extends Vue {
  @Prop({ required: true })
  entityType!: "people" | "projects";

-  // Search state
-  searchTerm = "";
-  isSearching = false;
-  searchTimeout: NodeJS.Timeout | null = null;
-  filteredEntities: Contact[] | PlanData[] = [];
-
-  // Infinite scroll state
-  displayedCount = INITIAL_BATCH_SIZE;
-  infiniteScrollReset?: () => void;
-  scrollContainer?: HTMLElement;
-
  /** Array of entities to display */
  @Prop({ required: true })
  entities!: Contact[] | PlanData[];

+  /** Maximum number of entities to display */
+  @Prop({ default: 10 })
+  maxItems!: number;
+
  /** Active user's DID */
  @Prop({ required: true })
  activeDid!: string;
@@ -232,14 +140,18 @@ export default class EntityGrid extends Vue {
  @Prop({ default: true })
  showYouEntity!: boolean;

-  /** Whether to show the "Unnamed" entity for people grids */
-  @Prop({ default: true })
-  showUnnamedEntity!: boolean;
-
  /** Whether the "You" entity is selectable */
  @Prop({ default: true })
  youSelectable!: boolean;

+  /** Route name for "Show All" navigation */
+  @Prop({ default: "" })
+  showAllRoute!: string;
+
+  /** Query parameters for "Show All" navigation */
+  @Prop({ default: () => ({}) })
+  showAllQueryParams!: Record<string, string>;
+
  /** Notification function from parent component */
  @Prop()
  notify?: (notification: NotificationIface, timeout?: number) => void;
@@ -248,31 +160,42 @@ export default class EntityGrid extends Vue {
  @Prop({ default: "other party" })
  conflictContext!: string;

+  /** Whether to hide the "Show All" navigation */
+  @Prop({ default: false })
+  hideShowAll!: boolean;
+
  /**
   * Function to determine which entities to display (allows parent control)
   *
   * This function prop allows parent components to customize which entities
-   * are displayed in the grid, enabling advanced filtering and sorting.
-   * Note: Infinite scroll is disabled when this prop is provided.
+   * are displayed in the grid, enabling advanced filtering, sorting, and
+   * display logic beyond the default simple slice behavior.
   *
   * @param entities - The full array of entities (Contact[] or PlanData[])
   * @param entityType - The type of entities being displayed ("people" or "projects")
+   * @param maxItems - The maximum number of items to display (from maxItems prop)
   * @returns Filtered/sorted array of entities to display
   *
   * @example
   * // Custom filtering: only show contacts with profile images
-   * :display-entities-function="(entities, type) =>
-   *   entities.filter(e => e.profileImageUrl)"
+   * :display-entities-function="(entities, type, max) =>
+   *   entities.filter(e => e.profileImageUrl).slice(0, max)"
   *
   * @example
   * // Custom sorting: sort projects by name
-   * :display-entities-function="(entities, type) =>
-   *   entities.sort((a, b) => a.name.localeCompare(b.name))"
+   * :display-entities-function="(entities, type, max) =>
+   *   entities.sort((a, b) => a.name.localeCompare(b.name)).slice(0, max)"
+   *
+   * @example
+   * // Advanced logic: different limits for different entity types
+   * :display-entities-function="(entities, type, max) =>
+   *   type === 'projects' ? entities.slice(0, 5) : entities.slice(0, max)"
   */
  @Prop({ default: null })
  displayEntitiesFunction?: (
    entities: Contact[] | PlanData[],
    entityType: "people" | "projects",
+    maxItems: number,
  ) => Contact[] | PlanData[];

  /**
@@ -283,60 +206,33 @@ export default class EntityGrid extends Vue {
  }

  /**
-   * Computed entities to display - uses function prop if provided, otherwise uses infinite scroll
-   * When searching, returns filtered results with infinite scroll applied
+   * Computed CSS classes for the grid layout
+   */
+  get gridClasses(): string {
+    const baseClasses = "grid gap-x-2 gap-y-4 text-center mb-4";
+
+    if (this.entityType === "projects") {
+      return `${baseClasses} grid-cols-3 md:grid-cols-4`;
+    } else {
+      return `${baseClasses} grid-cols-4 sm:grid-cols-5 md:grid-cols-6`;
+    }
+  }
+
+  /**
+   * Computed entities to display - uses function prop if provided, otherwise defaults
   */
  get displayedEntities(): Contact[] | PlanData[] {
-    // If searching, return filtered results with infinite scroll
-    if (this.searchTerm.trim()) {
-      return this.filteredEntities.slice(0, this.displayedCount);
-    }
-
-    // If custom function provided, use it (disables infinite scroll)
    if (this.displayEntitiesFunction) {
-      return this.displayEntitiesFunction(this.entities, this.entityType);
+      return this.displayEntitiesFunction(
+        this.entities,
+        this.entityType,
+        this.maxItems,
+      );
    }

-    // Default: projects use infinite scroll
-    if (this.entityType === "projects") {
-      return (this.entities as PlanData[]).slice(0, this.displayedCount);
-    }
-
-    // People: handled by recentContacts + alphabeticalContacts (both use displayedCount)
-    return [];
-  }
-
-  /**
-   * Get the 3 most recently added contacts (when showing contacts and not searching)
-   */
-  get recentContacts(): Contact[] {
-    if (this.entityType !== "people" || this.searchTerm.trim()) {
-      return [];
-    }
-    // Entities are already sorted by date added (newest first)
-    return (this.entities as Contact[]).slice(0, 3);
-  }
-
-  /**
-   * Get the remaining contacts sorted alphabetically (when showing contacts and not searching)
-   * Uses infinite scroll to control how many are displayed
-   */
-  get alphabeticalContacts(): Contact[] {
-    if (this.entityType !== "people" || this.searchTerm.trim()) {
-      return [];
-    }
-    // Skip the first 3 (recent contacts) and sort the rest alphabetically
-    // Create a copy to avoid mutating the original array
-    const remaining = (this.entities as Contact[]).slice(RECENT_CONTACTS_COUNT);
-    const sorted = [...remaining].sort((a: Contact, b: Contact) => {
-      // Sort alphabetically by name, falling back to DID if name is missing
-      const nameA = (a.name || a.did).toLowerCase();
-      const nameB = (b.name || b.did).toLowerCase();
-      return nameA.localeCompare(nameB);
-    });
-    // Apply infinite scroll: show based on displayedCount (minus the 3 recent)
-    const toShow = Math.max(0, this.displayedCount - RECENT_CONTACTS_COUNT);
-    return sorted.slice(0, toShow);
+    // Default implementation for backward compatibility
+    const maxDisplay = this.entityType === "projects" ? 7 : this.maxItems;
+    return this.entities.slice(0, maxDisplay);
  }

  /**
@@ -350,6 +246,15 @@ export default class EntityGrid extends Vue {
    }
  }

+  /**
+   * Whether to show the "Show All" navigation
+   */
+  get shouldShowAll(): boolean {
+    return (
+      !this.hideShowAll && this.entities.length > 0 && this.showAllRoute !== ""
+    );
+  }
+
  /**
   * Whether the "You" entity is conflicted
   */
@@ -423,144 +328,6 @@ export default class EntityGrid extends Vue {
    });
  }

-  /**
-   * Handle search input with debouncing
-   */
-  handleSearchInput(): void {
-    // Show spinner immediately when user types
-    this.isSearching = true;
-
-    // Clear existing timeout
-    if (this.searchTimeout) {
-      clearTimeout(this.searchTimeout);
-    }
-
-    // Set new timeout for 500ms delay
-    this.searchTimeout = setTimeout(() => {
-      this.performSearch();
-    }, 500);
-  }
-
-  /**
-   * Perform the actual search
-   */
-  async performSearch(): Promise<void> {
-    if (!this.searchTerm.trim()) {
-      this.filteredEntities = [];
-      this.displayedCount = INITIAL_BATCH_SIZE;
-      this.infiniteScrollReset?.();
-      return;
-    }
-
-    this.isSearching = true;
-
-    try {
-      // Simulate async search (in case we need to add API calls later)
-      await new Promise((resolve) => setTimeout(resolve, 100));
-
-      const searchLower = this.searchTerm.toLowerCase().trim();
-
-      if (this.entityType === "people") {
-        this.filteredEntities = (this.entities as Contact[])
-          .filter((contact: Contact) => {
-            const name = contact.name?.toLowerCase() || "";
-            const did = contact.did.toLowerCase();
-            return name.includes(searchLower) || did.includes(searchLower);
-          })
-          .sort((a: Contact, b: Contact) => {
-            // Sort alphabetically by name, falling back to DID if name is missing
-            const nameA = (a.name || a.did).toLowerCase();
-            const nameB = (b.name || b.did).toLowerCase();
-            return nameA.localeCompare(nameB);
-          });
-      } else {
-        this.filteredEntities = (this.entities as PlanData[])
-          .filter((project: PlanData) => {
-            const name = project.name?.toLowerCase() || "";
-            const handleId = project.handleId.toLowerCase();
-            return name.includes(searchLower) || handleId.includes(searchLower);
-          })
-          .sort((a: PlanData, b: PlanData) => {
-            // Sort alphabetically by name
-            return a.name.toLowerCase().localeCompare(b.name.toLowerCase());
-          });
-      }
-
-      // Reset displayed count when search completes
-      this.displayedCount = INITIAL_BATCH_SIZE;
-      this.infiniteScrollReset?.();
-    } finally {
-      this.isSearching = false;
-    }
-  }
-
-  /**
-   * Clear the search
-   */
-  clearSearch(): void {
-    this.searchTerm = "";
-    this.filteredEntities = [];
-    this.isSearching = false;
-    this.displayedCount = INITIAL_BATCH_SIZE;
-    this.infiniteScrollReset?.();
-
-    // Clear any pending timeout
-    if (this.searchTimeout) {
-      clearTimeout(this.searchTimeout);
-      this.searchTimeout = null;
-    }
-  }
-
-  /**
-   * Determine if more entities can be loaded
-   */
-  canLoadMore(): boolean {
-    if (this.displayEntitiesFunction) {
-      // Custom function disables infinite scroll
-      return false;
-    }
-
-    if (this.searchTerm.trim()) {
-      // Search mode: check filtered entities
-      return this.displayedCount < this.filteredEntities.length;
-    }
-
-    if (this.entityType === "projects") {
-      // Projects: check if more available
-      return this.displayedCount < this.entities.length;
-    }
-
-    // People: check if more alphabetical contacts available
-    // Total available = 3 recent + all alphabetical
-    const remaining = (this.entities as Contact[]).slice(RECENT_CONTACTS_COUNT);
-    const totalAvailable = RECENT_CONTACTS_COUNT + remaining.length;
-    return this.displayedCount < totalAvailable;
-  }
-
-  /**
-   * Initialize infinite scroll on mount
-   */
-  mounted(): void {
-    this.$nextTick(() => {
-      const container = this.$refs.scrollContainer as HTMLElement;
-
-      if (container) {
-        const { reset } = useInfiniteScroll(
-          container,
-          () => {
-            // Load more: increment displayedCount
-            this.displayedCount += INCREMENT_SIZE;
-          },
-          {
-            distance: 50, // pixels from bottom
-            canLoadMore: () => this.canLoadMore(),
-          },
-        );
-        this.infiniteScrollReset = reset;
-      }
-    });
-  }
-
  // Emit methods using @Emit decorator

  @Emit("entity-selected")
@@ -573,33 +340,6 @@ export default class EntityGrid extends Vue {
  } {
    return data;
  }
-
-  /**
-   * Watch for changes in search term to reset displayed count
-   */
-  @Watch("searchTerm")
-  onSearchTermChange(): void {
-    this.displayedCount = INITIAL_BATCH_SIZE;
-    this.infiniteScrollReset?.();
-  }
-
-  /**
-   * Watch for changes in entities prop to reset displayed count
-   */
-  @Watch("entities")
-  onEntitiesChange(): void {
-    this.displayedCount = INITIAL_BATCH_SIZE;
-    this.infiniteScrollReset?.();
-  }
-
-  /**
-   * Cleanup timeouts when component is destroyed
-   */
-  beforeUnmount(): void {
-    if (this.searchTimeout) {
-      clearTimeout(this.searchTimeout);
-    }
-  }
 }
 </script>

--- a/src/components/EntitySelectionStep.vue
+++ b/src/components/EntitySelectionStep.vue
@@ -3,9 +3,10 @@ from GiftedDialog.vue to handle the complete step 1 * entity selection interface
 with dynamic labeling and grid display. * * Features: * - Dynamic step labeling
 based on context * - EntityGrid integration for unified entity display * -
 Conflict detection and prevention * - Special entity handling (You, Unnamed) * -
-Cancel functionality * - Event delegation for entity selection * - Warning
-notifications for conflicted entities * - Template streamlined with computed CSS
-properties * * @author Matthew Raymer */
+Show All navigation with context preservation * - Cancel functionality * - Event
+delegation for entity selection * - Warning notifications for conflicted
+entities * - Template streamlined with computed CSS properties * * @author
+Matthew Raymer */
 <template>
  <div id="sectionGiftedGiver">
    <label class="block font-bold mb-4">
@@ -15,14 +16,18 @@ properties * * @author Matthew Raymer */
    <EntityGrid
      :entity-type="shouldShowProjects ? 'projects' : 'people'"
      :entities="shouldShowProjects ? projects : allContacts"
+      :max-items="10"
      :active-did="activeDid"
      :all-my-dids="allMyDids"
      :all-contacts="allContacts"
      :conflict-checker="conflictChecker"
      :show-you-entity="shouldShowYouEntity"
      :you-selectable="youSelectable"
+      :show-all-route="showAllRoute"
+      :show-all-query-params="showAllQueryParams"
      :notify="notify"
      :conflict-context="conflictContext"
+      :hide-show-all="hideShowAll"
      @entity-selected="handleEntitySelected"
    />

@@ -63,6 +68,7 @@ interface EntitySelectionEvent {
 * - EntityGrid integration for unified entity display
 * - Conflict detection and prevention
 * - Special entity handling (You, Unnamed)
+ * - Show All navigation with context preservation
 * - Cancel functionality
 * - Event delegation for entity selection
 * - Warning notifications for conflicted entities
@@ -148,6 +154,10 @@ export default class EntitySelectionStep extends Vue {
  @Prop()
  notify?: (notification: NotificationIface, timeout?: number) => void;

+  /** Whether to hide the "Show All" navigation */
+  @Prop({ default: false })
+  hideShowAll!: boolean;
+
  /**
   * CSS classes for the cancel button
   */
@@ -212,6 +222,59 @@ export default class EntitySelectionStep extends Vue {
    return !this.conflictChecker(this.activeDid);
  }

+  /**
+   * Route name for "Show All" navigation
+   */
+  get showAllRoute(): string {
+    if (this.shouldShowProjects) {
+      return "discover";
+    } else if (this.allContacts.length > 0) {
+      return "contact-gift";
+    }
+    return "";
+  }
+
+  /**
+   * Query parameters for "Show All" navigation
+   */
+  get showAllQueryParams(): Record<string, string> {
+    const baseParams = {
+      stepType: this.stepType,
+      giverEntityType: this.giverEntityType,
+      recipientEntityType: this.recipientEntityType,
+      // Form field values to preserve
+      description: this.description,
+      amountInput: this.amountInput,
+      unitCode: this.unitCode,
+      offerId: this.offerId,
+      fromProjectId: this.fromProjectId,
+      toProjectId: this.toProjectId,
+      showProjects: this.showProjects.toString(),
+      isFromProjectView: this.isFromProjectView.toString(),
+    };
+
+    if (this.shouldShowProjects) {
+      // For project contexts, still pass entity type information
+      return baseParams;
+    }
+
+    return {
+      ...baseParams,
+      // Always pass both giver and recipient info for context preservation
+      giverProjectId: this.fromProjectId || "",
+      giverProjectName: this.giver?.name || "",
+      giverProjectImage: this.giver?.image || "",
+      giverProjectHandleId: this.giver?.handleId || "",
+      giverDid: this.giverEntityType === "person" ? this.giver?.did || "" : "",
+      recipientProjectId: this.toProjectId || "",
+      recipientProjectName: this.receiver?.name || "",
+      recipientProjectImage: this.receiver?.image || "",
+      recipientProjectHandleId: this.receiver?.handleId || "",
+      recipientDid:
+        this.recipientEntityType === "person" ? this.receiver?.did || "" : "",
+    };
+  }
+
  /**
   * Handle entity selection from EntityGrid
   */
--- a/src/components/GiftedDialog.vue
+++ b/src/components/GiftedDialog.vue
@@ -29,6 +29,7 @@
        :unit-code="unitCode"
        :offer-id="offerId"
        :notify="$notify"
+        :hide-show-all="hideShowAll"
        @entity-selected="handleEntitySelected"
        @cancel="cancel"
      />
@@ -116,6 +117,7 @@ export default class GiftedDialog extends Vue {
  @Prop() fromProjectId = "";
  @Prop() toProjectId = "";
  @Prop() isFromProjectView = false;
+  @Prop() hideShowAll = false;
  @Prop({ default: "person" }) giverEntityType = "person" as
    | "person"
    | "project";
@@ -231,7 +233,7 @@ export default class GiftedDialog extends Vue {
        apiServer: this.apiServer,
      });

-      this.allContacts = await this.$contactsByDateAdded();
+      this.allContacts = await this.$contacts();

      this.allMyDids = await retrieveAccountDids();

--- a/src/components/MembersList.vue
+++ b/src/components/MembersList.vue
@@ -99,7 +99,7 @@
                  <font-awesome
                    v-if="member.did === activeDid"
                    icon="hand"
-                    class="fa-fw text-slate-500"
+                    class="fa-fw text-blue-500"
                  />
                  <font-awesome
                    v-if="
@@ -113,10 +113,10 @@
                </h3>
                <div
                  v-if="!getContactFor(member.did) && member.did !== activeDid"
-                  class="flex items-center gap-1.5 ml-2 ms-1"
+                  class="flex items-center gap-1.5 ms-1"
                >
                  <button
-                    class="btn-add-contact ml-2"
+                    class="btn-add-contact"
                    title="Add as contact"
                    @click="addAsContact(member)"
                  >
@@ -124,7 +124,7 @@
                  </button>

                  <button
-                    class="btn-info-contact ml-2"
+                    class="btn-info-contact"
                    title="Contact Info"
                    @click="
                      informAboutAddingContact(
@@ -135,27 +135,6 @@
                    <font-awesome icon="circle-info" />
                  </button>
                </div>
-                <div
-                  v-if="getContactFor(member.did) && member.did !== activeDid"
-                  class="flex items-center gap-1.5 ms-1"
-                >
-                  <router-link
-                    :to="{ name: 'contact-edit', params: { did: member.did } }"
-                  >
-                    <font-awesome
-                      icon="pen"
-                      class="text-sm text-blue-500 ml-2 mb-1"
-                    />
-                  </router-link>
-                  <router-link
-                    :to="{ name: 'did', params: { did: member.did } }"
-                  >
-                    <font-awesome
-                      icon="arrow-up-right-from-square"
-                      class="text-sm text-blue-500 ml-2 mb-1"
-                    />
-                  </router-link>
-                </div>
              </div>
              <span
                v-if="
@@ -223,6 +202,7 @@
      ref="bulkMembersDialog"
      :active-did="activeDid"
      :api-server="apiServer"
+      :dialog-type="isOrganizer ? 'admit' : 'visibility'"
      :is-organizer="isOrganizer"
      @close="closeBulkMembersDialogCallback"
    />
--- a/src/components/PersonCard.vue
+++ b/src/components/PersonCard.vue
@@ -3,25 +3,30 @@ GiftedDialog.vue to handle person entity display * with selection states and
 conflict detection. * * @author Matthew Raymer */
 <template>
  <li :class="cardClasses" @click="handleClick">
-    <div>
+    <div class="relative w-fit mx-auto">
      <EntityIcon
        v-if="person.did"
        :contact="person"
-        class="!size-[2rem] shrink-0 border border-slate-300 bg-white overflow-hidden rounded-full"
+        class="!size-[3rem] mx-auto border border-slate-300 bg-white overflow-hidden rounded-full mb-1"
      />
      <font-awesome
        v-else
        icon="circle-question"
-        class="text-slate-400 text-5xl mb-1 shrink-0"
+        class="text-slate-400 text-5xl mb-1"
      />
+
+      <!-- Time icon overlay for contacts -->
+      <div
+        v-if="person.did && showTimeIcon"
+        class="rounded-full bg-slate-400 absolute bottom-0 right-0 p-1 translate-x-1/3"
+      >
+        <font-awesome icon="clock" class="block text-white text-xs w-[1em]" />
+      </div>
    </div>

-    <div class="overflow-hidden">
-      <h3 :class="nameClasses">
-        {{ displayName }}
-      </h3>
-      <p class="text-xs text-slate-500 truncate">{{ person.did }}</p>
-    </div>
+    <h3 :class="nameClasses">
+      {{ displayName }}
+    </h3>
  </li>
 </template>

@@ -76,32 +81,29 @@ export default class PersonCard extends Vue {
   * Computed CSS classes for the card
   */
  get cardClasses(): string {
-    const baseCardClasses =
-      "flex items-center gap-2 px-2 py-1.5 border-b border-slate-300";
-
    if (!this.selectable || this.conflicted) {
-      return `${baseCardClasses} *:opacity-50 cursor-not-allowed`;
+      return "opacity-50 cursor-not-allowed";
    }
-
-    return `${baseCardClasses} cursor-pointer hover:bg-slate-50`;
+    return "cursor-pointer hover:bg-slate-50";
  }

  /**
   * Computed CSS classes for the person name
   */
  get nameClasses(): string {
-    const baseNameClasses = "text-sm font-semibold truncate";
+    const baseClasses =
+      "text-xs font-medium text-ellipsis whitespace-nowrap overflow-hidden";

    if (this.conflicted) {
-      return `${baseNameClasses} text-slate-500`;
+      return `${baseClasses} text-slate-400`;
    }

    // Add italic styling for entities without set names
    if (!this.person.name) {
-      return `${baseNameClasses} italic text-slate-500`;
+      return `${baseClasses} italic text-slate-500`;
    }

-    return baseNameClasses;
+    return baseClasses;
  }

  /**
--- a/src/components/ProjectCard.vue
+++ b/src/components/ProjectCard.vue
@@ -2,26 +2,25 @@
 GiftedDialog.vue to handle project entity display * with selection states and
 issuer information. * * @author Matthew Raymer */
 <template>
-  <li
-    class="flex items-center gap-2 px-2 py-1.5 border-b border-slate-300 hover:bg-slate-50 cursor-pointer"
-    @click="handleClick"
-  >
-    <ProjectIcon
-      :entity-id="project.handleId"
-      :icon-size="48"
-      :image-url="project.image"
-      class="!size-[2rem] shrink-0 border border-slate-300 bg-white overflow-hidden rounded-full"
-    />
+  <li class="cursor-pointer" @click="handleClick">
+    <div class="relative w-fit mx-auto">
+      <ProjectIcon
+        :entity-id="project.handleId"
+        :icon-size="48"
+        :image-url="project.image"
+        class="!size-[3rem] mx-auto border border-slate-300 bg-white overflow-hidden rounded-full mb-1"
+      />
+    </div>

-    <div class="overflow-hidden">
-      <h3 class="text-sm font-semibold truncate">
-        {{ project.name || unnamedProject }}
-      </h3>
+    <h3
+      class="text-xs font-medium text-ellipsis whitespace-nowrap overflow-hidden"
+    >
+      {{ project.name || unnamedProject }}
+    </h3>

-      <div class="text-xs text-slate-500 truncate">
-        <font-awesome icon="user" class="text-slate-400" />
-        {{ issuerDisplayName }}
-      </div>
+    <div class="text-xs text-slate-500 truncate">
+      <font-awesome icon="user" class="fa-fw text-slate-400" />
+      {{ issuerDisplayName }}
    </div>
  </li>
 </template>
--- a/src/components/ShowAllCard.vue
+++ b/src/components/ShowAllCard.vue
@@ -0,0 +1,66 @@
+/** * ShowAllCard.vue - Show All navigation card component * * Extracted from
+GiftedDialog.vue to handle "Show All" navigation * for both people and projects
+entity types. * * @author Matthew Raymer */
+<template>
+  <li class="cursor-pointer">
+    <router-link :to="navigationRoute" class="block text-center">
+      <font-awesome icon="circle-right" class="text-blue-500 text-5xl mb-1" />
+      <h3
+        class="text-xs text-slate-500 font-medium italic text-ellipsis whitespace-nowrap overflow-hidden"
+      >
+        Show All
+      </h3>
+    </router-link>
+  </li>
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from "vue-facing-decorator";
+import { RouteLocationRaw } from "vue-router";
+
+/**
+ * ShowAllCard - Displays "Show All" navigation for entity grids
+ *
+ * Features:
+ * - Provides navigation to full entity listings
+ * - Supports different routes based on entity type
+ * - Maintains context through query parameters
+ * - Consistent visual styling with other cards
+ */
+@Component({ name: "ShowAllCard" })
+export default class ShowAllCard extends Vue {
+  /** Type of entities being shown */
+  @Prop({ required: true })
+  entityType!: "people" | "projects";
+
+  /** Route name to navigate to */
+  @Prop({ required: true })
+  routeName!: string;
+
+  /** Query parameters to pass to the route */
+  @Prop({ default: () => ({}) })
+  queryParams!: Record<string, string>;
+
+  /**
+   * Computed navigation route with query parameters
+   */
+  get navigationRoute(): RouteLocationRaw {
+    return {
+      name: this.routeName,
+      query: this.queryParams,
+    };
+  }
+}
+</script>
+
+<style scoped>
+/* Ensure router-link styling is consistent */
+a {
+  text-decoration: none;
+}
+
+a:hover .fa-circle-right {
+  transform: scale(1.1);
+  transition: transform 0.2s ease;
+}
+</style>
--- a/src/components/SpecialEntityCard.vue
+++ b/src/components/SpecialEntityCard.vue
@@ -63,24 +63,23 @@ export default class SpecialEntityCard extends Vue {
  conflictContext!: string;

  /**
-   * Computed CSS classes for the card
+   * Computed CSS classes for the card container
   */
  get cardClasses(): string {
-    const baseCardClasses =
-      "flex items-center gap-2 px-2 py-1.5 border-b border-slate-300";
+    const baseClasses = "block";

    if (!this.selectable || this.conflicted) {
-      return `${baseCardClasses} *:opacity-50 cursor-not-allowed`;
+      return `${baseClasses} cursor-not-allowed opacity-50`;
    }

-    return `${baseCardClasses} cursor-pointer hover:bg-slate-50`;
+    return `${baseClasses} cursor-pointer`;
  }

  /**
   * Computed CSS classes for the icon
   */
  get iconClasses(): string {
-    const baseClasses = "text-[2rem]";
+    const baseClasses = "text-5xl mb-1";

    if (this.conflicted) {
      return `${baseClasses} text-slate-400`;
@@ -102,7 +101,7 @@ export default class SpecialEntityCard extends Vue {
   */
  get nameClasses(): string {
    const baseClasses =
-      "text-sm font-semibold text-ellipsis whitespace-nowrap overflow-hidden";
+      "text-xs font-medium text-ellipsis whitespace-nowrap overflow-hidden";

    if (this.conflicted) {
      return `${baseClasses} text-slate-400`;
--- a/src/constants/notifications.ts
+++ b/src/constants/notifications.ts
@@ -510,6 +510,14 @@ export const NOTIFY_REGISTER_CONTACT = {
  text: "Do you want to register them?",
 };

+// Used in: ContactsView.vue (showOnboardMeetingDialog method - complex modal for onboarding meeting)
+export const NOTIFY_ONBOARDING_MEETING = {
+  title: "Onboarding Meeting",
+  text: "Would you like to start a new meeting?",
+  yesText: "Start New Meeting",
+  noText: "Join Existing Meeting",
+};
+
 // TestView.vue specific constants
 // Used in: TestView.vue (executeSql method - SQL error handling)
 export const NOTIFY_SQL_ERROR = {
--- a/src/interfaces/common.ts
+++ b/src/interfaces/common.ts
@@ -70,6 +70,15 @@ export interface AxiosErrorResponse {
  [key: string]: unknown;
 }

+export interface UserInfo {
+  did: string;
+  name: string;
+  publicEncKey: string;
+  registered: boolean;
+  profileImageUrl?: string;
+  nextPublicEncKeyHash?: string;
+}
+
 export interface CreateAndSubmitClaimResult {
  success: boolean;
  embeddedRecordError?: string;
--- a/src/interfaces/index.ts
+++ b/src/interfaces/index.ts
@@ -4,4 +4,3 @@ export * from "./common";
 export * from "./deepLinks";
 export * from "./limits";
 export * from "./records";
-export * from "./user";
--- a/src/libs/endorserServer.ts
+++ b/src/libs/endorserServer.ts
@@ -42,6 +42,9 @@ import {
  PlanActionClaim,
  RegisterActionClaim,
  TenureClaim,
+} from "../interfaces/claims";
+
+import {
  GenericCredWrapper,
  GenericVerifiableCredential,
  AxiosErrorResponse,
@@ -52,11 +55,13 @@ import {
  QuantitativeValue,
  KeyMetaWithPrivate,
  KeyMetaMaybeWithPrivate,
+} from "../interfaces/common";
+import {
  OfferSummaryRecord,
  OfferToPlanSummaryRecord,
  PlanSummaryAndPreviousClaim,
  PlanSummaryRecord,
-} from "../interfaces";
+} from "../interfaces/records";
 import { logger, safeStringify } from "../utils/logger";
 import { PlatformServiceFactory } from "@/services/PlatformServiceFactory";
 import { APP_SERVER } from "@/constants/app";
@@ -1657,39 +1662,31 @@ export async function register(
      message?: string;
    }>(url, { jwtEncoded: vcJwt });

-    if (resp.data?.success?.embeddedRecordError) {
+    if (resp.data?.success?.handleId) {
+      return { success: true };
+    } else if (resp.data?.success?.embeddedRecordError) {
      let message =
        "There was some problem with the registration and so it may not be complete.";
      if (typeof resp.data.success.embeddedRecordError === "string") {
        message += " " + resp.data.success.embeddedRecordError;
      }
      return { error: message };
-    } else if (resp.data?.success?.handleId) {
-      return { success: true };
    } else {
-      logger.error("Registration non-thrown error:", JSON.stringify(resp.data));
-      return {
-        error:
-          (resp.data?.error as { message?: string })?.message ||
-          (resp.data?.error as string) ||
-          "Got a server error when registering.",
-      };
+      logger.error("Registration error:", JSON.stringify(resp.data));
+      return { error: "Got a server error when registering." };
    }
  } catch (error: unknown) {
    if (error && typeof error === "object") {
      const err = error as AxiosErrorResponse;
      const errorMessage =
-        err.response?.data?.error?.message ||
-        err.response?.data?.error ||
-        err.message;
-      logger.error(
-        "Registration thrown error:",
-        errorMessage || JSON.stringify(err),
-      );
-      return {
-        error:
-          (errorMessage as string) || "Got a server error when registering.",
-      };
+        err.message ||
+        (err.response?.data &&
+        typeof err.response.data === "object" &&
+        "message" in err.response.data
+          ? (err.response.data as { message: string }).message
+          : undefined);
+      logger.error("Registration error:", errorMessage || JSON.stringify(err));
+      return { error: errorMessage || "Got a server error when registering." };
    }
    return { error: "Got a server error when registering." };
  }
--- a/src/libs/partnerServer.ts
+++ b/src/libs/partnerServer.ts
@@ -5,5 +5,6 @@ export interface UserProfile {
  locLat2?: number;
  locLon2?: number;
  issuerDid: string;
+  issuerDidVisibleToDids?: Array<string>;
  rowId?: string; // set on profile retrieved from server
 }
--- a/src/services/AbsurdSqlDatabaseService.ts
+++ b/src/services/AbsurdSqlDatabaseService.ts
@@ -21,8 +21,14 @@ import IndexedDBBackend from "absurd-sql/dist/indexeddb-backend";
 import { runMigrations } from "../db-sql/migration";
 import type { DatabaseService, QueryExecResult } from "../interfaces/database";
 import { logger } from "@/utils/logger";
-import { OperationQueue, QueueExecutor } from "./platforms/OperationQueue";
-import { QueuedOperation } from "./platforms/types";
+
+interface QueuedOperation {
+  type: "run" | "query";
+  sql: string;
+  params: unknown[];
+  resolve: (value: unknown) => void;
+  reject: (reason: unknown) => void;
+}

 interface AbsurdSqlDatabase {
  exec: (sql: string, params?: unknown[]) => Promise<QueryExecResult[]>;
@@ -37,7 +43,8 @@ class AbsurdSqlDatabaseService implements DatabaseService {
  private db: AbsurdSqlDatabase | null;
  private initialized: boolean;
  private initializationPromise: Promise<void> | null = null;
-  private operationQueue = new OperationQueue<AbsurdSqlDatabase>();
+  private operationQueue: Array<QueuedOperation> = [];
+  private isProcessingQueue: boolean = false;

  private constructor() {
    this.db = null;
@@ -154,30 +161,42 @@ class AbsurdSqlDatabaseService implements DatabaseService {
    this.processQueue();
  }

-  /**
-   * Create executor adapter for AbsurdSQL API
-   */
-  private createExecutor(): QueueExecutor<AbsurdSqlDatabase> {
-    return {
-      executeRun: async (db, sql, params) => {
-        return await db.run(sql, params);
-      },
-      executeQuery: async (db, sql, params) => {
-        return await db.exec(sql, params);
-      },
-    };
-  }
-
  private async processQueue(): Promise<void> {
-    if (!this.initialized || !this.db) {
+    if (this.isProcessingQueue || !this.initialized || !this.db) {
      return;
    }

-    await this.operationQueue.processQueue(
-      this.db,
-      this.createExecutor(),
-      "AbsurdSqlDatabaseService",
-    );
+    this.isProcessingQueue = true;
+
+    while (this.operationQueue.length > 0) {
+      const operation = this.operationQueue.shift();
+      if (!operation) continue;
+
+      try {
+        let result: unknown;
+        switch (operation.type) {
+          case "run":
+            result = await this.db.run(operation.sql, operation.params);
+            break;
+          case "query":
+            result = await this.db.exec(operation.sql, operation.params);
+            break;
+        }
+        operation.resolve(result);
+      } catch (error) {
+        logger.error(
+          "Error while processing SQL queue:",
+          error,
+          " ... for sql:",
+          operation.sql,
+          " ... with params:",
+          operation.params,
+        );
+        operation.reject(error);
+      }
+    }
+
+    this.isProcessingQueue = false;
  }

  private async queueOperation<R>(
@@ -185,24 +204,21 @@ class AbsurdSqlDatabaseService implements DatabaseService {
    sql: string,
    params: unknown[] = [],
  ): Promise<R> {
-    const operation: QueuedOperation = {
-      type,
-      sql,
-      params,
-      resolve: (_value: unknown) => {
-        // No-op, will be wrapped by OperationQueue
-      },
-      reject: () => {
-        // No-op, will be wrapped by OperationQueue
-      },
-    };
+    return new Promise<R>((resolve, reject) => {
+      const operation: QueuedOperation = {
+        type,
+        sql,
+        params,
+        resolve: (value: unknown) => resolve(value as R),
+        reject,
+      };
+      this.operationQueue.push(operation);

-    return this.operationQueue.queueOperation<R>(
-      operation,
-      this.initialized,
-      this.db,
-      () => this.processQueue(),
-    );
+      // If we're already initialized, start processing the queue
+      if (this.initialized && this.db) {
+        this.processQueue();
+      }
+    });
  }

  private async waitForInitialization(): Promise<void> {
--- a/src/services/PlatformServiceFactory.ts
+++ b/src/services/PlatformServiceFactory.ts
@@ -4,144 +4,76 @@ import { CapacitorPlatformService } from "./platforms/CapacitorPlatformService";
 import { ElectronPlatformService } from "./platforms/ElectronPlatformService";

 /**
- * HMR-safe global singleton storage for PlatformService
+ * Factory class for creating platform-specific service implementations.
+ * Implements the Singleton pattern to ensure only one instance of PlatformService exists.
 *
- * Uses multiple fallbacks to ensure persistence across module reloads:
- * 1. globalThis (standard, works in most environments)
- * 2. window (browser fallback)
- * 3. self (web worker fallback)
- */
-declare global {
-  // eslint-disable-next-line no-var
-  var __PLATFORM_SERVICE_SINGLETON__: PlatformService | undefined;
-}
-
-/**
- * Get the global object for singleton storage
- * Uses multiple fallbacks to ensure compatibility
- */
-function getGlobal(): typeof globalThis {
-  if (typeof globalThis !== "undefined") return globalThis;
-  if (typeof window !== "undefined") return window as typeof globalThis;
-  if (typeof self !== "undefined") return self as typeof globalThis;
-  // Fallback for Node.js environments
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return {} as any;
-}
-
-/**
- * Factory function to create platform-specific service implementation
- *
- * Uses console.log instead of logger to avoid circular dependency
- * (logger imports PlatformServiceFactory)
- */
-function create(): PlatformService {
-  const which = import.meta.env?.VITE_PLATFORM ?? "web";
-
-  if (which === "capacitor") return new CapacitorPlatformService();
-  if (which === "electron") return new ElectronPlatformService();
-  return new WebPlatformService();
-}
-
-/**
- * Get or create the HMR-safe singleton instance of PlatformService
- *
- * Uses lazy initialization to avoid circular dependency issues at module load time.
- */
-function getPlatformSvc(): PlatformService {
-  const global = getGlobal();
-
-  const exists = global.__PLATFORM_SERVICE_SINGLETON__ !== undefined;
-
-  if (!exists) {
-    global.__PLATFORM_SERVICE_SINGLETON__ = create();
-    // Verify it was stored
-    if (!global.__PLATFORM_SERVICE_SINGLETON__) {
-      // eslint-disable-next-line no-console
-      console.error(
-        "[PlatformServiceFactory] ERROR: Singleton creation failed - storage returned undefined",
-      );
-    }
-  }
-
-  // Type guard: ensure singleton exists (should never be undefined at this point)
-  const singleton = global.__PLATFORM_SERVICE_SINGLETON__;
-  if (!singleton) {
-    // eslint-disable-next-line no-console
-    console.error(
-      "[PlatformServiceFactory] CRITICAL: Singleton is undefined after creation/retrieval",
-    );
-    // Fallback: create a new one
-    global.__PLATFORM_SERVICE_SINGLETON__ = create();
-    return global.__PLATFORM_SERVICE_SINGLETON__;
-  }
-
-  return singleton;
-}
-
-/**
- * HMR-safe singleton instance of PlatformService
- *
- * This is the ONLY way to access PlatformService throughout the application.
- * Do not create new instances of platform services directly.
- *
- * Uses lazy initialization via Proxy to avoid circular dependency issues at module load time.
+ * The factory determines which platform implementation to use based on the VITE_PLATFORM
+ * environment variable. Supported platforms are:
+ * - capacitor: Mobile platform using Capacitor
+ * - electron: Desktop platform using Electron with Capacitor
+ * - web: Default web platform (fallback)
 *
 * @example
 * ```typescript
- * import { PlatformSvc } from "./services/PlatformServiceFactory";
- * await PlatformSvc.takePicture();
+ * const platformService = PlatformServiceFactory.getInstance();
+ * await platformService.takePicture();
 * ```
 */
-export const PlatformSvc = new Proxy({} as PlatformService, {
-  get(_target, prop) {
-    const svc = getPlatformSvc();
-    const value = (svc as unknown as Record<string, unknown>)[prop as string];
-    // Bind methods to maintain 'this' context
-    if (typeof value === "function") {
-      return value.bind(svc);
-    }
-    return value;
-  },
-});
-
-// Preserve singleton across Vite HMR
-if (import.meta?.hot) {
-  import.meta.hot.accept(() => {
-    // Don't recreate on HMR - keep existing instance
-    const global = getGlobal();
-    if (!global.__PLATFORM_SERVICE_SINGLETON__) {
-      // Restore singleton if it was lost during HMR
-      global.__PLATFORM_SERVICE_SINGLETON__ = getPlatformSvc();
-    }
-  });
-  import.meta.hot.dispose(() => {
-    // Don't delete - keep the global instance
-    // The singleton will persist in globalThis/window/self
-  });
-}
-
-/**
- * Legacy factory class for backward compatibility
- * @deprecated Use `PlatformSvc` directly instead
- */
 export class PlatformServiceFactory {
+  private static instance: PlatformService | null = null;
+  private static callCount = 0; // Debug counter
+  private static creationLogged = false; // Only log creation once
+
  /**
-   * Gets the singleton instance of PlatformService.
-   * @deprecated Use `PlatformSvc` directly instead
+   * Gets or creates the singleton instance of PlatformService.
+   * Creates the appropriate platform-specific implementation based on environment.
+   *
+   * @returns {PlatformService} The singleton instance of PlatformService
   */
  public static getInstance(): PlatformService {
-    return PlatformSvc;
+    PlatformServiceFactory.callCount++;
+
+    if (PlatformServiceFactory.instance) {
+      // Normal case - return existing instance silently
+      return PlatformServiceFactory.instance;
+    }
+
+    // Only log when actually creating the instance
+    const platform = process.env.VITE_PLATFORM || "web";
+
+    if (!PlatformServiceFactory.creationLogged) {
+      // Use console for critical startup message to avoid circular dependency
+      // eslint-disable-next-line no-console
+      console.log(
+        `[PlatformServiceFactory] Creating singleton instance for platform: ${platform}`,
+      );
+      PlatformServiceFactory.creationLogged = true;
+    }
+
+    switch (platform) {
+      case "capacitor":
+        PlatformServiceFactory.instance = new CapacitorPlatformService();
+        break;
+      case "electron":
+        // Use a specialized electron service that extends CapacitorPlatformService
+        PlatformServiceFactory.instance = new ElectronPlatformService();
+        break;
+      case "web":
+      default:
+        PlatformServiceFactory.instance = new WebPlatformService();
+        break;
+    }
+
+    return PlatformServiceFactory.instance;
  }

  /**
   * Debug method to check singleton usage stats
   */
  public static getStats(): { callCount: number; instanceExists: boolean } {
-    const global = getGlobal();
    return {
-      callCount: 0, // Deprecated - no longer tracking
-      instanceExists: global.__PLATFORM_SERVICE_SINGLETON__ !== undefined,
+      callCount: PlatformServiceFactory.callCount,
+      instanceExists: PlatformServiceFactory.instance !== null,
    };
  }
 }
--- a/src/services/platforms/CapacitorPlatformService.ts
+++ b/src/services/platforms/CapacitorPlatformService.ts
--- a/src/services/platforms/OperationQueue.ts
+++ b/src/services/platforms/OperationQueue.ts
@@ -1,135 +0,0 @@
-/**
- * Shared operation queue handler for database services
- *
- * Provides a reusable queue mechanism for database operations that need to
- * wait for initialization before execution.
- */
-
-import { QueuedOperation } from "./types";
-import { logger } from "../../utils/logger";
-
-export interface QueueExecutor<TDb> {
-  executeRun(db: TDb, sql: string, params: unknown[]): Promise<unknown>;
-  executeQuery(db: TDb, sql: string, params: unknown[]): Promise<unknown>;
-  executeRawQuery?(db: TDb, sql: string, params: unknown[]): Promise<unknown>;
-}
-
-export class OperationQueue<TDb> {
-  private operationQueue: Array<QueuedOperation> = [];
-  private isProcessingQueue: boolean = false;
-
-  /**
-   * Process queued operations
-   */
-  async processQueue(
-    db: TDb,
-    executor: QueueExecutor<TDb>,
-    serviceName: string,
-  ): Promise<void> {
-    if (this.isProcessingQueue || !db) {
-      return;
-    }
-
-    this.isProcessingQueue = true;
-
-    while (this.operationQueue.length > 0) {
-      const operation = this.operationQueue.shift();
-      if (!operation) continue;
-
-      try {
-        let result: unknown;
-        switch (operation.type) {
-          case "run":
-            result = await executor.executeRun(
-              db,
-              operation.sql,
-              operation.params,
-            );
-            break;
-          case "query":
-            result = await executor.executeQuery(
-              db,
-              operation.sql,
-              operation.params,
-            );
-            break;
-          case "rawQuery":
-            if (executor.executeRawQuery) {
-              result = await executor.executeRawQuery(
-                db,
-                operation.sql,
-                operation.params,
-              );
-            } else {
-              // Fallback to query if rawQuery not supported
-              result = await executor.executeQuery(
-                db,
-                operation.sql,
-                operation.params,
-              );
-            }
-            break;
-        }
-        operation.resolve(result);
-      } catch (error) {
-        logger.error(
-          `[${serviceName}] Error while processing SQL queue:`,
-          error,
-        );
-        logger.error(
-          `[${serviceName}] Failed operation - Type: ${operation.type}, SQL: ${operation.sql}`,
-        );
-        logger.error(
-          `[${serviceName}] Failed operation - Params:`,
-          operation.params,
-        );
-        operation.reject(error);
-      }
-    }
-
-    this.isProcessingQueue = false;
-  }
-
-  /**
-   * Queue an operation for later execution
-   *
-   * @param operation - Pre-constructed operation object (allows platform-specific parameter conversion)
-   * @param initialized - Whether the database is initialized
-   * @param db - Database connection (if available)
-   * @param onQueue - Callback to trigger queue processing
-   */
-  queueOperation<R>(
-    operation: QueuedOperation,
-    initialized: boolean,
-    db: TDb | null,
-    onQueue: () => void,
-  ): Promise<R> {
-    return new Promise<R>((resolve, reject) => {
-      // Wrap the operation's resolve/reject to match our Promise
-      const wrappedOperation: QueuedOperation = {
-        ...operation,
-        resolve: (value: unknown) => {
-          operation.resolve(value);
-          resolve(value as R);
-        },
-        reject: (reason: unknown) => {
-          operation.reject(reason);
-          reject(reason);
-        },
-      };
-      this.operationQueue.push(wrappedOperation);
-
-      // If already initialized, trigger queue processing
-      if (initialized && db) {
-        onQueue();
-      }
-    });
-  }
-
-  /**
-   * Get current queue length (for debugging)
-   */
-  getQueueLength(): number {
-    return this.operationQueue.length;
-  }
-}
--- a/src/services/platforms/sqlite.ts
+++ b/src/services/platforms/sqlite.ts
@@ -1,20 +0,0 @@
-/**
- * Shared SQLite connection manager for Capacitor platform
- *
- * Ensures only one SQLiteConnection instance exists across the application,
- * preventing connection desync issues and unnecessary connection recreation.
- */
-
-import { CapacitorSQLite, SQLiteConnection } from "@capacitor-community/sqlite";
-
-/**
- * Native Capacitor SQLite plugin instance
- * This is the bridge to the native SQLite implementation
- */
-export const CAP_SQLITE = CapacitorSQLite;
-
-/**
- * Shared SQLite connection manager
- * Use this instance throughout the application - do not create new SQLiteConnection instances
- */
-export const SQLITE = new SQLiteConnection(CAP_SQLITE);
--- a/src/services/platforms/types.ts
+++ b/src/services/platforms/types.ts
@@ -1,13 +0,0 @@
-/**
- * Types for platform services
- */
-
-export interface QueuedOperation {
-  type: "run" | "query" | "rawQuery";
-  sql: string;
-  params: unknown[];
-  resolve: (value: unknown) => void;
-  reject: (reason: unknown) => void;
-}
-
-export type QueuedOperationType = QueuedOperation["type"];
--- a/src/test/EntityGridFunctionPropTest.vue
+++ b/src/test/EntityGridFunctionPropTest.vue
@@ -19,6 +19,7 @@
      <EntityGrid
        entity-type="people"
        :entities="people"
+        :max-items="5"
        :active-did="activeDid"
        :all-my-dids="allMyDids"
        :all-contacts="people"
@@ -38,6 +39,7 @@
      <EntityGrid
        entity-type="projects"
        :entities="projects"
+        :max-items="3"
        :active-did="activeDid"
        :all-my-dids="allMyDids"
        :all-contacts="people"
@@ -150,8 +152,11 @@ export default class EntityGridFunctionPropTest extends Vue {
  customPeopleFunction = (
    entities: Contact[],
    _entityType: string,
+    maxItems: number,
  ): Contact[] => {
-    return entities.filter((person) => person.profileImageUrl);
+    return entities
+      .filter((person) => person.profileImageUrl)
+      .slice(0, maxItems);
  };

  /**
@@ -160,6 +165,7 @@ export default class EntityGridFunctionPropTest extends Vue {
  customProjectsFunction = (
    entities: PlanData[],
    _entityType: string,
+    _maxItems: number,
  ): PlanData[] => {
    return entities.sort((a, b) => a.name.localeCompare(b.name)).slice(0, 3);
  };
@@ -194,16 +200,16 @@ export default class EntityGridFunctionPropTest extends Vue {
   */
  get displayedPeopleCount(): number {
    if (this.useCustomFunction) {
-      return this.customPeopleFunction(this.people, "people").length;
+      return this.customPeopleFunction(this.people, "people", 5).length;
    }
-    return Math.min(10, this.people.length); // Initial batch size for infinite scroll
+    return Math.min(5, this.people.length);
  }

  get displayedProjectsCount(): number {
    if (this.useCustomFunction) {
-      return this.customProjectsFunction(this.projects, "projects").length;
+      return this.customProjectsFunction(this.projects, "projects", 3).length;
    }
-    return Math.min(10, this.projects.length); // Initial batch size for infinite scroll
+    return Math.min(7, this.projects.length);
  }
 }
 </script>
--- a/src/utils/PlatformServiceMixin.ts
+++ b/src/utils/PlatformServiceMixin.ts
@@ -970,20 +970,6 @@ export const PlatformServiceMixin = {
      return this.$normalizeContacts(rawContacts);
    },

-    /**
-     * Load all contacts sorted by when they were added (by ID)
-     * Always fetches fresh data from database for consistency
-     * Handles JSON string/object duality for contactMethods field
-     * @returns Promise<Contact[]> Array of normalized contact objects sorted by addition date (newest first)
-     */
-    async $contactsByDateAdded(): Promise<Contact[]> {
-      const rawContacts = (await this.$query(
-        "SELECT * FROM contacts ORDER BY id DESC",
-      )) as ContactMaybeWithJsonStrings[];
-
-      return this.$normalizeContacts(rawContacts);
-    },
-
    /**
     * Ultra-concise shortcut for getting number of contacts
     * @returns Promise<number> Total number of contacts
@@ -2071,7 +2057,6 @@ declare module "@vue/runtime-core" {

    // Specialized shortcuts - contacts cached, settings fresh
    $contacts(): Promise<Contact[]>;
-    $contactsByDateAdded(): Promise<Contact[]>;
    $contactCount(): Promise<number>;
    $settings(defaults?: Settings): Promise<Settings>;
    $accountSettings(did?: string, defaults?: Settings): Promise<Settings>;
--- a/src/utils/seedPhraseReminder.ts
+++ b/src/utils/seedPhraseReminder.ts
@@ -1,5 +1,4 @@
 import { NotificationIface } from "@/constants/app";
-import router from "@/router";

 const SEED_REMINDER_KEY = "seedPhraseReminderLastShown";
 const REMINDER_COOLDOWN_MS = 24 * 60 * 60 * 1000; // 24 hours in milliseconds
@@ -54,8 +53,8 @@ export function createSeedReminderNotification(): NotificationIface {
    yesText: "Backup Identifier Seed",
    noText: "Remind me Later",
    onYes: async () => {
-      // Navigate to seed backup page using SPA routing
-      await router.push({ path: "/seed-backup" });
+      // Navigate to seed backup page
+      window.location.href = "/seed-backup";
    },
    onNo: async () => {
      // Mark as shown so it won't appear again for 24 hours
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -2171,7 +2171,7 @@ export default class AccountViewView extends Vue {
      const headers = await getHeaders(did);

      const response = await this.axios.delete(
-        `${this.partnerApiServer}/api/partner/userProfile/${did}`,
+        `${this.partnerApiServer}/api/partner/userProfile`,
        { headers },
      );

--- a/src/views/ContactEditView.vue
+++ b/src/views/ContactEditView.vue
@@ -346,7 +346,9 @@ export default class ContactEditView extends Vue {

    // Notify success and redirect
    this.notify.success(NOTIFY_CONTACT_SAVED.message, TIMEOUTS.STANDARD);
-    this.$router.back();
+    (this.$router as Router).push({
+      path: "/did/" + encodeURIComponent(this.contact?.did || ""),
+    });
  }
 }
 </script>
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -171,11 +171,9 @@ import {
  CONTACT_IMPORT_ONE_URL_PATH_TIME_SAFARI,
  CONTACT_URL_PATH_ENDORSER_CH_OLD,
 } from "../libs/endorserServer";
-import {
-  GiveSummaryRecord,
-  UserInfo,
-  VerifiableCredential,
-} from "@/interfaces";
+import { GiveSummaryRecord } from "@/interfaces/records";
+import { UserInfo } from "@/interfaces/common";
+import { VerifiableCredential } from "@/interfaces/claims-result";
 import * as libsUtil from "../libs/util";
 import {
  generateSaveAndActivateIdentity,
--- a/src/views/DIDView.vue
+++ b/src/views/DIDView.vue
@@ -12,20 +12,20 @@
      </h1>

      <!-- Back -->
-      <button
+      <router-link
        class="order-first text-lg text-center leading-none p-1"
-        @click="goBack()"
+        :to="{ name: 'contacts' }"
      >
        <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
-      </button>
+      </router-link>

      <!-- Help button -->
-      <button
+      <router-link
+        :to="{ name: 'help' }"
        class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
-        @click="goToHelp()"
      >
        <font-awesome icon="question" class="block text-center w-[1em]" />
-      </button>
+      </router-link>
    </div>

    <!-- Identity Details -->
@@ -476,7 +476,7 @@ export default class DIDView extends Vue {
   * Navigation helper methods
   */
  goBack() {
-    this.$router.back();
+    this.$router.go(-1);
  }

  /**
--- a/src/views/DeepLinkRedirectView.vue
+++ b/src/views/DeepLinkRedirectView.vue
@@ -157,27 +157,11 @@ export default class DeepLinkRedirectView extends Vue {
    }

    try {
-      const capabilities = this.platformService.getCapabilities();
-
-      // If we're already in the native app, use router navigation instead
-      // of window.location.href (which doesn't work properly in Capacitor)
-      if (capabilities.isNativeApp) {
-        // Navigate directly using the router
-        const destinationPath = `/${this.destinationUrl}`;
-        this.$router.push(destinationPath).catch((error) => {
-          logger.error("Router navigation failed: " + errorStringForLog(error));
-          this.pageError =
-            "Unable to navigate to the destination. Please use a manual option below.";
-        });
-        return;
-      }
-
-      // For web contexts, use window.location.href to redirect to app
      // For mobile, try the deep link URL; for desktop, use the web URL
      const redirectUrl = this.isMobile ? this.deepLinkUrl : this.webUrl;

      // Method 1: Try window.location.href (works on most browsers)
-      window.location.href = redirectUrl; // Do not use this on native apps! The channel to Capacitor gets messed up.
+      window.location.href = redirectUrl;

      // Method 2: Fallback - create and click a link element
      setTimeout(() => {
--- a/src/views/OnboardMeetingSetupView.vue
+++ b/src/views/OnboardMeetingSetupView.vue
@@ -473,7 +473,6 @@ export default class OnboardMeetingView extends Vue {
        );
        return;
      }
-      const password: string = this.newOrUpdatedMeetingInputs.password;

      // create content with user's name & DID encrypted with password
      const content = {
@@ -483,7 +482,7 @@ export default class OnboardMeetingView extends Vue {
      };
      const encryptedContent = await encryptMessage(
        JSON.stringify(content),
-        password,
+        this.newOrUpdatedMeetingInputs.password,
      );

      const headers = await getHeaders(this.activeDid);
@@ -506,11 +505,6 @@ export default class OnboardMeetingView extends Vue {

        this.newOrUpdatedMeetingInputs = null;
        this.notify.success(NOTIFY_MEETING_CREATED.message, TIMEOUTS.STANDARD);
-        // redirect to the same page with the password parameter set
-        this.$router.push({
-          name: "onboard-meeting-setup",
-          query: { password: password },
-        });
      } else {
        throw { response: response };
      }
--- a/src/views/UserProfileView.vue
+++ b/src/views/UserProfileView.vue
@@ -54,6 +54,161 @@
        </p>
      </div>

+      <!-- Issuer Information Section -->
+      <div v-if="profile" class="mt-6">
+        <div
+          v-if="issuerContact"
+          class="bg-blue-50 border border-blue-200 rounded-lg p-4"
+        >
+          <h3 class="text-lg font-semibold text-blue-800 mb-2">
+            <font-awesome icon="user-check" class="fa-fw mr-2" />
+            Contact Information
+          </h3>
+          <p class="text-sm text-blue-700 mb-3">
+            {{ issuerContact.name || "Contact" }} is in your contacts.
+          </p>
+          <div
+            v-if="
+              issuerContact.contactMethods &&
+              issuerContact.contactMethods.length > 0
+            "
+            class="space-y-2"
+          >
+            <h4 class="font-medium text-blue-800">Contact Methods:</h4>
+            <div
+              v-for="method in issuerContact.contactMethods"
+              :key="method.label"
+              class="flex items-center text-sm"
+            >
+              <span class="font-medium text-blue-700 w-20"
+                >{{ method.label }}:</span
+              >
+              <span class="text-blue-600">{{ method.value }}</span>
+              <span class="text-xs text-blue-500 ml-2"
+                >({{ method.type }})</span
+              >
+            </div>
+          </div>
+        </div>
+
+        <div
+          v-else
+          class="bg-yellow-50 border border-yellow-200 rounded-lg p-4"
+        >
+          <h3 class="text-lg font-semibold text-yellow-800 mb-2">
+            <font-awesome icon="user-plus" class="fa-fw mr-2" />
+            Not in Contacts
+          </h3>
+          <p class="text-sm text-yellow-700 mb-3">
+            This person has been connected but they're not in your contacts on
+            this device.
+          </p>
+          <button
+            class="text-blue-600 hover:text-blue-800 font-medium text-sm flex items-center"
+            @click="toggleConnectInstructions"
+          >
+            <font-awesome icon="link" class="fa-fw mr-1" />
+            Connect Me...
+            <font-awesome
+              :icon="showConnectInstructions ? 'chevron-up' : 'chevron-down'"
+              class="fa-fw ml-1"
+            />
+          </button>
+
+          <!-- Expandable Instructions -->
+          <div
+            v-if="showConnectInstructions"
+            class="mt-4 p-4 bg-white border border-yellow-300 rounded-md"
+          >
+            <h4 class="font-medium text-gray-800 mb-3">How to Connect:</h4>
+
+            <!-- Copy Profile Link Instructions -->
+            <div class="mb-4">
+              <p class="text-sm text-gray-700 mb-2">
+                1. Copy a deep link to this profile and send it to someone in
+                your network:
+              </p>
+              <button
+                class="bg-blue-500 hover:bg-blue-600 text-white text-sm px-3 py-1 rounded flex items-center"
+                @click="onCopyLinkClick()"
+              >
+                <font-awesome icon="copy" class="fa-fw mr-1" />
+                Copy Profile Link
+              </button>
+            </div>
+
+            <!-- Contact List -->
+            <div class="mb-4">
+              <p class="text-sm text-gray-700 mb-2">
+                2. Send the link to one of these people:
+              </p>
+
+              <!-- Contacts from issuerDidVisibleToDids -->
+              <div v-if="visibleToContacts.length > 0" class="mb-3">
+                <h5 class="text-xs font-medium text-gray-600 mb-2">
+                  People who can see this profile:
+                </h5>
+                <div class="space-y-1">
+                  <div
+                    v-for="contact in visibleToContacts"
+                    :key="contact.did"
+                    class="flex items-center text-sm bg-gray-50 p-2 rounded"
+                  >
+                    <font-awesome
+                      icon="user"
+                      class="fa-fw text-gray-500 mr-2"
+                    />
+                    <span class="font-medium">{{
+                      contact.name || "Unnamed Contact"
+                    }}</span>
+                    <span class="text-xs text-gray-500 ml-2"
+                      >({{ contact.did.substring(0, 20) }}...)</span
+                    >
+                  </div>
+                </div>
+              </div>
+
+              <!-- Nearest Neighbors -->
+              <div v-if="nearestNeighbors.length > 0" class="mb-3">
+                <h5 class="text-xs font-medium text-gray-600 mb-2">
+                  <span v-if="visibleToContacts.length > 0"
+                    >Other nearby people:</span
+                  >
+                  <span v-else>Nearby people:</span>
+                </h5>
+                <div class="space-y-1">
+                  <div
+                    v-for="neighbor in nearestNeighbors"
+                    :key="neighbor.issuerDid"
+                    class="flex items-center text-sm bg-gray-50 p-2 rounded"
+                  >
+                    <font-awesome
+                      icon="user"
+                      class="fa-fw text-gray-500 mr-2"
+                    />
+                    <span class="font-medium">{{
+                      neighborDisplayName(neighbor)
+                    }}</span>
+                    <span class="text-xs text-gray-500 ml-2"
+                      >({{ neighbor.issuerDid.substring(0, 20) }}...)</span
+                    >
+                  </div>
+                </div>
+              </div>
+
+              <!-- Loading state for nearest neighbors -->
+              <div
+                v-if="loadingNearestNeighbors"
+                class="text-sm text-gray-500 flex items-center"
+              >
+                <font-awesome icon="spinner" class="fa-spin fa-fw mr-2" />
+                Loading nearby people...
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
      <!-- Map for first coordinates -->
      <div v-if="hasFirstLocation" class="mt-4">
        <h2 class="text-lg font-semibold">Location</h2>
@@ -113,7 +268,12 @@ import {
  APP_SERVER,
 } from "../constants/app";
 import { Contact } from "../db/tables/contacts";
-import { didInfo, getHeaders } from "../libs/endorserServer";
+import {
+  didInfo,
+  getHeaders,
+  isHiddenDid,
+  contactForDid,
+} from "../libs/endorserServer";
 import { UserProfile } from "../libs/partnerServer";
 import { retrieveAccountDids } from "../libs/util";
 import { logger } from "../utils/logger";
@@ -162,9 +322,13 @@ export default class UserProfileView extends Vue {
  isLoading = true;
  partnerApiServer = DEFAULT_PARTNER_API_SERVER;
  profile: UserProfile | null = null;
+  showConnectInstructions = false;
+  nearestNeighbors: Array<UserProfile> = [];
+  loadingNearestNeighbors = false;

  // make this function available to the Vue template
  didInfo = didInfo;
+  isHiddenDid = isHiddenDid;
  /** Production share domain for deep links */
  APP_SERVER = APP_SERVER;

@@ -266,6 +430,63 @@ export default class UserProfileView extends Vue {
    }
  }

+  /**
+   * Loads nearest neighbors from the partner API
+   * Called when the Connect Me section is expanded
+   */
+  async loadNearestNeighbors() {
+    if (!this.profile?.issuerDid || this.loadingNearestNeighbors) return;
+
+    this.loadingNearestNeighbors = true;
+
+    try {
+      const response = await fetch(
+        `${this.partnerApiServer}/api/partner/userProfileNearestNeighbors?issuerDid=${encodeURIComponent(this.profile.issuerDid)}`,
+        {
+          method: "GET",
+          headers: await getHeaders(this.activeDid),
+        },
+      );
+
+      if (response.status === 200) {
+        const result = await response.json();
+        this.nearestNeighbors = result.data || [];
+      } else {
+        logger.warn("Failed to load nearest neighbors:", response.status);
+      }
+    } catch (error) {
+      logger.error("Error loading nearest neighbors:", error);
+    } finally {
+      this.loadingNearestNeighbors = false;
+    }
+  }
+
+  /**
+   * Gets display name for a neighbor profile
+   * @param neighbor UserProfile object
+   * @returns Display name for the neighbor
+   */
+  neighborDisplayName(neighbor: UserProfile) {
+    return this.didInfo(
+      neighbor.issuerDid,
+      this.activeDid,
+      this.allMyDids,
+      this.allContacts,
+    );
+  }
+
+  /**
+   * Toggles the Connect Me instructions and loads nearest neighbors if needed
+   */
+  async toggleConnectInstructions() {
+    this.showConnectInstructions = !this.showConnectInstructions;
+
+    // Load nearest neighbors when expanding for the first time
+    if (this.showConnectInstructions && this.nearestNeighbors.length === 0) {
+      await this.loadNearestNeighbors();
+    }
+  }
+
  /**
   * Computed properties for template logic streamlining
   */
@@ -283,6 +504,27 @@ export default class UserProfileView extends Vue {
    );
  }

+  /**
+   * Gets the contact information for the profile issuer
+   * @returns Contact object if issuer is in contacts, undefined otherwise
+   */
+  get issuerContact() {
+    if (!this.profile?.issuerDid) return undefined;
+    return contactForDid(this.profile.issuerDid, this.allContacts);
+  }
+
+  /**
+   * Gets contacts that are in the issuerDidVisibleToDids list
+   * @returns Array of contacts who can see this profile
+   */
+  get visibleToContacts() {
+    if (!this.profile?.issuerDidVisibleToDids) return [];
+
+    return this.profile.issuerDidVisibleToDids
+      .map((did) => contactForDid(did, this.allContacts))
+      .filter((contact): contact is Contact => contact !== undefined);
+  }
+
  /**
   * Checks if the profile has first location coordinates
   * @returns True if both latitude and longitude are available