From 287a440b3e327395c9188ed9a1f50bf9e8172175 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Thu, 6 Feb 2025 19:35:33 -0700
Subject: [PATCH 01/23] show a better message when admission to an onboarding
 meeting succeeds but registration fails

---
 src/components/MembersList.vue | 57 ++++++++++++++++++----------------
 1 file changed, 31 insertions(+), 26 deletions(-)

diff --git a/src/components/MembersList.vue b/src/components/MembersList.vue
index 32850aa4..1e30590b 100644
--- a/src/components/MembersList.vue
+++ b/src/components/MembersList.vue
@@ -392,39 +392,44 @@ export default class MembersList extends Vue {
           did: member.did,
           name: member.name,
         }
-        const result = await register(
-          this.activeDid,
-          this.apiServer,
-          this.axios,
-          contactOldOrNew,
-        );
-        if (result.success) {
-          member.member.registered = true;
-          if (oldContact) {
-            await db.contacts.update(member.did, { registered: true });
-            oldContact.registered = true;
-          }
-          this.$notify(
-            {
-              group: "alert",
-              type: "success",
-              title: "Registered",
-              text: "Besides being admitted, they were also registered.",
-            },
-            3000,
+        try {
+          const result = await register(
+            this.activeDid,
+            this.apiServer,
+            this.axios,
+            contactOldOrNew,
           );
-        } else {
-          const additionalInfo = result.error || "";
+          if (result.success) {
+            member.member.registered = true;
+            if (oldContact) {
+              await db.contacts.update(member.did, { registered: true });
+              oldContact.registered = true;
+            }
+            this.$notify(
+              {
+                group: "alert",
+                type: "success",
+                title: "Registered",
+                text: "Besides being admitted, they were also registered.",
+              },
+              3000,
+            );
+          } else {
+            throw result;
+          }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        } catch (error: any) {
+          // registration failure is likely explained by a message from the server
+          const additionalInfo = serverMessageForUser(error) || error?.error || "";
           this.$notify(
             {
               group: "alert",
-              type: "danger",
+              type: "warning",
               title: "Registration failed",
-              text:
-                "They were admitted, but registration failed. You can try again, or register from your contacts screen. " +
+              text: "They were admitted to the meeting. However, registration failed. You can register them from the contacts screen. " +
                 additionalInfo,
             },
-            10000,
+            12000,
           );
         }
       }

From b8ca2a03fea75f609826e97fcd78e9be6d36daa4 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Thu, 6 Feb 2025 19:58:09 -0700
Subject: [PATCH 02/23] add 'isRegistered' flag to encrypted contents in an
 onboarding meeting

---
 src/components/MembersList.vue        | 113 ++++++++++++++------------
 src/views/OnboardMeetingListView.vue  |   3 +
 src/views/OnboardMeetingSetupView.vue |   4 +
 3 files changed, 68 insertions(+), 52 deletions(-)

diff --git a/src/components/MembersList.vue b/src/components/MembersList.vue
index 1e30590b..b7673add 100644
--- a/src/components/MembersList.vue
+++ b/src/components/MembersList.vue
@@ -171,13 +171,13 @@ interface Member {
   admitted: boolean;
   content: string;
   memberId: number;
-  registered: boolean;
 }
 
 interface DecryptedMember {
   member: Member;
   name: string;
   did: string;
+  isRegistered: boolean;
 }
 
 @Component
@@ -258,6 +258,7 @@ export default class MembersList extends Vue {
           member: member,
           name: content.name,
           did: content.did,
+          isRegistered: !!content.isRegistered,
         });
         if (isFirstEntry && content.did === this.activeDid) {
           this.isOrganizer = true;
@@ -293,7 +294,7 @@ export default class MembersList extends Vue {
         group: "alert",
         type: "info",
         title: "Admission info",
-        text: "This is to register people and admit them to the meeting. A '+' symbol means they are not yet admitted and you can register and admit them. A '-' means you can remove them, but they will stay registered.",
+        text: "This is to register people in Time Safari and to admit them to the meeting. A '+' symbol means they are not yet admitted and you can register and admit them. A '-' means you can remove them, but they will stay registered.",
       },
       10000,
     );
@@ -331,67 +332,73 @@ export default class MembersList extends Vue {
     return this.contacts.find((contact) => contact.did === did);
   }
 
-  checkWhetherContactBeforeAdmitting(member: DecryptedMember) {
-    const contact = this.getContactFor(member.did);
-    if (!member.member.admitted && !contact) {
+  checkWhetherContactBeforeAdmitting(decrMember: DecryptedMember) {
+    const contact = this.getContactFor(decrMember.did);
+    if (!decrMember.member.admitted && !contact) {
       // If not a contact, show confirmation dialog
-      this.$notify({
-        group: "modal",
-        type: "confirm",
-        title: "Add as Contact First?",
-        text: "This person is not in your contacts. Would you like to add them as a contact first?",
-        yesText: "Add as Contact",
-        noText: "Skip Adding Contact",
-        onYes: async () => {
-          await this.addAsContact(member);
-          // After adding as contact, proceed with admission
-          await this.toggleAdmission(member);
-        },
-        onNo: async () => {
-          // If they choose not to add as contact, show second confirmation
-          this.$notify({
-            group: "modal",
-            type: "confirm",
-            title: "Continue Without Adding?",
-            text: "Are you sure you want to proceed with admission even though they are not a contact?",
-            yesText: "Continue",
-            onYes: async () => {
-              await this.toggleAdmission(member);
-            },
-            onCancel: async () => {
-              // Do nothing, effectively canceling the operation
-            },
+      this.$notify(
+        {
+          group: "modal",
+          type: "confirm",
+          title: "Add as Contact First?",
+          text: "This person is not in your contacts. Would you like to add them as a contact first?",
+          yesText: "Add as Contact",
+          noText: "Skip Adding Contact",
+          onYes: async () => {
+            await this.addAsContact(decrMember);
+            // After adding as contact, proceed with admission
+            await this.toggleAdmission(decrMember);
           },
-          -1,
-        );
-      },
-    },
-    -1,
-  );
+          onNo: async () => {
+            // If they choose not to add as contact, show second confirmation
+            this.$notify(
+              {
+                group: "modal",
+                type: "confirm",
+                title: "Continue Without Adding?",
+                text: "Are you sure you want to proceed with admission even though they are not a contact?",
+                yesText: "Continue",
+                onYes: async () => {
+                  await this.toggleAdmission(decrMember);
+                },
+                onCancel: async () => {
+                  // Do nothing, effectively canceling the operation
+                },
+              },
+              -1,
+            );
+          },
+        },
+        -1,
+      );
     } else {
       // If already a contact, proceed directly with admission
-      this.toggleAdmission(member);
+      this.toggleAdmission(decrMember);
     }
   }
 
-  async toggleAdmission(member: DecryptedMember) {
+  async toggleAdmission(decrMember: DecryptedMember) {
     try {
       const headers = await getHeaders(this.activeDid);
       await this.axios.put(
-        `${this.apiServer}/api/partner/groupOnboardMember/${member.member.memberId}`,
-        { admitted: !member.member.admitted },
+        `${this.apiServer}/api/partner/groupOnboardMember/${decrMember.member.memberId}`,
+        { admitted: !decrMember.member.admitted },
         { headers },
       );
       // Update local state
-      member.member.admitted = !member.member.admitted;
+      decrMember.member.admitted = !decrMember.member.admitted;
 
-      const oldContact = this.getContactFor(member.did);
+      const oldContact = this.getContactFor(decrMember.did);
       // if admitted, now register that user if they are not registered
-      if (member.member.admitted && !oldContact?.registered) {
+      if (
+        decrMember.member.admitted &&
+        !decrMember.isRegistered &&
+        !oldContact?.registered
+      ) {
         const contactOldOrNew: Contact = oldContact || {
-          did: member.did,
-          name: member.name,
-        }
+          did: decrMember.did,
+          name: decrMember.name,
+        };
         try {
           const result = await register(
             this.activeDid,
@@ -400,9 +407,9 @@ export default class MembersList extends Vue {
             contactOldOrNew,
           );
           if (result.success) {
-            member.member.registered = true;
+            decrMember.isRegistered = true;
             if (oldContact) {
-              await db.contacts.update(member.did, { registered: true });
+              await db.contacts.update(decrMember.did, { registered: true });
               oldContact.registered = true;
             }
             this.$notify(
@@ -417,16 +424,18 @@ export default class MembersList extends Vue {
           } else {
             throw result;
           }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
         } catch (error: any) {
           // registration failure is likely explained by a message from the server
-          const additionalInfo = serverMessageForUser(error) || error?.error || "";
+          const additionalInfo =
+            serverMessageForUser(error) || error?.error || "";
           this.$notify(
             {
               group: "alert",
               type: "warning",
               title: "Registration failed",
-              text: "They were admitted to the meeting. However, registration failed. You can register them from the contacts screen. " +
+              text:
+                "They were admitted to the meeting. However, registration failed. You can register them from the contacts screen. " +
                 additionalInfo,
             },
             12000,
diff --git a/src/views/OnboardMeetingListView.vue b/src/views/OnboardMeetingListView.vue
index 35e28053..480dc1cd 100644
--- a/src/views/OnboardMeetingListView.vue
+++ b/src/views/OnboardMeetingListView.vue
@@ -126,6 +126,7 @@ export default class OnboardMeetingListView extends Vue {
   attendingMeeting: Meeting | null = null;
   firstName = "";
   isLoading = false;
+  isRegistered = false;
   meetings: Meeting[] = [];
   password = "";
   selectedMeeting: Meeting | null = null;
@@ -136,6 +137,7 @@ export default class OnboardMeetingListView extends Vue {
     this.activeDid = settings.activeDid || "";
     this.apiServer = settings.apiServer || "";
     this.firstName = settings.firstName || "";
+    this.isRegistered = !!settings.isRegistered;
     await this.fetchMeetings();
   }
 
@@ -232,6 +234,7 @@ export default class OnboardMeetingListView extends Vue {
       const memberData = {
         name: this.firstName,
         did: this.activeDid,
+        isRegistered: this.isRegistered,
       };
       const memberDataString = JSON.stringify(memberData);
       const encryptedMemberData = await encryptMessage(
diff --git a/src/views/OnboardMeetingSetupView.vue b/src/views/OnboardMeetingSetupView.vue
index 8b1c0048..a81c7605 100644
--- a/src/views/OnboardMeetingSetupView.vue
+++ b/src/views/OnboardMeetingSetupView.vue
@@ -273,6 +273,7 @@ export default class OnboardMeetingView extends Vue {
   apiServer = "";
   isDeleting = false;
   isLoading = true;
+  isRegistered = false;
   showDeleteConfirm = false;
   fullName = "";
   get minDateTime() {
@@ -286,6 +287,7 @@ export default class OnboardMeetingView extends Vue {
     this.activeDid = settings.activeDid || "";
     this.apiServer = settings.apiServer || "";
     this.fullName = settings.firstName || "";
+    this.isRegistered = !!settings.isRegistered;
 
     await this.fetchCurrentMeeting();
     this.isLoading = false;
@@ -409,6 +411,7 @@ export default class OnboardMeetingView extends Vue {
       const content = {
         name: this.newOrUpdatedMeeting.userFullName,
         did: this.activeDid,
+        isRegistered: this.isRegistered,
       };
       const encryptedContent = await encryptMessage(
         JSON.stringify(content),
@@ -598,6 +601,7 @@ export default class OnboardMeetingView extends Vue {
       const content = {
         name: this.newOrUpdatedMeeting.userFullName,
         did: this.activeDid,
+        isRegistered: this.isRegistered,
       };
       const encryptedContent = await encryptMessage(
         JSON.stringify(content),

From 62ae603778c9dfd4f443ca41657d3b8855e5e504 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Thu, 6 Feb 2025 20:16:04 -0700
Subject: [PATCH 03/23] fix linting

---
 src/libs/util.ts           |  2 +-
 src/views/ContactsView.vue | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/libs/util.ts b/src/libs/util.ts
index e7f7ffcf..546fca1f 100644
--- a/src/libs/util.ts
+++ b/src/libs/util.ts
@@ -125,7 +125,7 @@ export const shortDid = (did: string) => {
   } else {
     return did.substring(0, did.indexOf(":", 4) + 7) + "...";
   }
-}
+};
 
 export const nameForDid = (
   activeDid: string,
diff --git a/src/views/ContactsView.vue b/src/views/ContactsView.vue
index 55048773..8e06f1a2 100644
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -1391,14 +1391,14 @@ export default class ContactsView extends Vue {
       const headers = await getHeaders(this.activeDid);
       const memberResponse = await this.axios.get(
         this.apiServer + "/api/partner/groupOnboardMember",
-        { headers }
+        { headers },
       );
 
       if (memberResponse.data.data) {
         // They're in a meeting, check if they're the host
         const hostResponse = await this.axios.get(
           this.apiServer + "/api/partner/groupOnboard",
-          { headers }
+          { headers },
         );
 
         if (hostResponse.data.data) {
@@ -1416,23 +1416,25 @@ export default class ContactsView extends Vue {
             type: "confirm",
             title: "Onboarding Meeting",
             text: "Would you like to start a new meeting?",
-            onYes: () => {
+            onYes: async () => {
               (this.$router as Router).push({ name: "onboard-meeting-setup" });
             },
             yesText: "Start New Meeting",
-            onNo: () => {
+            onNo: async () => {
               (this.$router as Router).push({ name: "onboard-meeting-list" });
             },
-            noText: "Join Existing Meeting"
+            noText: "Join Existing Meeting",
           },
-          -1
+          -1,
         );
       }
     } catch (error) {
-      logConsoleAndDb("Error checking meeting status:" + errorStringForLog(error));
+      logConsoleAndDb(
+        "Error checking meeting status:" + errorStringForLog(error),
+      );
       this.danger(
         "There was an error checking your meeting status.",
-        "Meeting Error"
+        "Meeting Error",
       );
     }
   }

From ec96bd823548a2afa16865947791b7d6fadee4bc Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Thu, 6 Feb 2025 20:21:02 -0700
Subject: [PATCH 04/23] bump version to 0.3.54

---
 CHANGELOG.md      | 5 +++++
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c983e4bc..fff37c3c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,11 @@ 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).
 
 
+## [0.3.54] - 2025.02.06
+### Added
+- Group onboarding meetings
+
+
 ## [0.3.53] - 2025.01.30
 ### Added
 - Hints for contacting the creator of a project
diff --git a/package-lock.json b/package-lock.json
index 3d170c6a..d268b2f0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.54-beta",
+  "version": "0.3.54",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari",
-      "version": "0.3.54-beta",
+      "version": "0.3.54",
       "dependencies": {
         "@capacitor/android": "^6.1.2",
         "@capacitor/cli": "^6.1.2",
diff --git a/package.json b/package.json
index b90d387d..7bca99cb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.54-beta",
+  "version": "0.3.54",
   "scripts": {
     "dev": "vite",
     "serve": "vite preview",

From da0f9e75816c3187fd0ea2f7ff809ad3f66c427e Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 7 Feb 2025 08:46:40 -0700
Subject: [PATCH 05/23] add end time to projects

---
 README.md                        |  2 +-
 src/views/ClaimView.vue          |  2 +-
 src/views/NewEditProjectView.vue | 62 ++++++++++++++++++++++++++++++--
 src/views/ProjectViewView.vue    | 15 +++++++-
 4 files changed, 76 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 58364474..0d823c53 100644
--- a/README.md
+++ b/README.md
@@ -74,7 +74,7 @@ TIME_SAFARI_APP_TITLE="TimeSafari_Test" VITE_APP_SERVER=https://test.timesafari.
 
   (The plain `npm run build` uses the .env.production file.)
 
-* Back up the time-safari/dist folder, then `mv time-safari/dist time-safari-dist-prev.0 && mv crowd-funder-for-time-pwa/dist time-safari/`
+* Back up the time-safari/dist folder & deploy: `mv time-safari/dist time-safari-dist-prev.0 && mv crowd-funder-for-time-pwa/dist time-safari/`
 
 * Record the new hash in the changelog. Edit package.json to increment version & add "-beta", `npm install`, and commit. Also record what version is on production.
 
diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue
index e45d7777..e004c61a 100644
--- a/src/views/ClaimView.vue
+++ b/src/views/ClaimView.vue
@@ -74,7 +74,7 @@
             </div>
             <div>
               <fa icon="calendar" class="fa-fw text-slate-400" />
-              {{ veriClaim.issuedAt?.replace(/T/, " ").replace(/Z/, " UTC") }}
+              Recorded {{ veriClaim.issuedAt?.replace(/T/, " ").replace(/Z/, " UTC") }}
             </div>
             <div v-if="veriClaim.claim.image" class="flex justify-center">
               <a :href="veriClaim.claim.image" target="_blank">
diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index 610e0736..2ed4335e 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -93,6 +93,9 @@
     />
 
     <div class="flex mb-4 columns-3 w-full">
+      <div class="col-span-1 w-full flex justify-center items-center">
+        <span>Starts At</span>
+      </div>
       <input
         v-model="startDateInput"
         placeholder="Start Date"
@@ -106,7 +109,31 @@
         type="time"
         class="col-span-1 w-full rounded border border-slate-400 ml-2 px-3 py-2"
       />
-      <span class="col-span-1 w-full flex justify-center">{{ zoneName }}</span>
+      <span class="col-span-1 w-full flex justify-center items-center">
+        {{ zoneName }}
+      </span>
+    </div>
+
+    <div class="flex mb-4 columns-3 w-full">
+      <div class="col-span-1 w-full flex justify-center items-center">
+        <span>Ends at</span>
+      </div>
+      <input
+        v-model="endDateInput"
+        placeholder="End Date"
+        type="date"
+        class="col-span-1 w-full rounded border border-slate-400 px-3 py-2"
+      />
+      <input
+        :disabled="!endDateInput"
+        placeholder="End Time"
+        v-model="endTimeInput"
+        type="time"
+        class="col-span-1 w-full rounded border border-slate-400 ml-2 px-3 py-2"
+      />
+      <span class="col-span-1 w-full flex justify-center items-center">
+        {{ zoneName }}
+      </span>
     </div>
 
     <div
@@ -251,6 +278,8 @@ export default class NewEditProjectView extends Vue {
   activeDid = "";
   agentDid = "";
   apiServer = "";
+  endDateInput?: string;
+  endTimeInput?: string;
   errorMessage = "";
   fullClaim: PlanVerifiableCredential = {
     "@context": "https://schema.org",
@@ -325,6 +354,13 @@ export default class NewEditProjectView extends Vue {
           this.startDateInput = localDateTime.toFormat("yyyy-MM-dd");
           this.startTimeInput = localDateTime.toFormat("HH:mm");
         }
+        if (this.fullClaim.endTime) {
+          const localDateTime = DateTime.fromISO(
+            this.fullClaim.endTime as string,
+          ).toLocal();
+          this.endDateInput = localDateTime.toFormat("yyyy-MM-dd");
+          this.endTimeInput = localDateTime.toFormat("HH:mm");
+        }
       }
     } catch (error) {
       console.error("Got error retrieving that project", error);
@@ -460,7 +496,7 @@ export default class NewEditProjectView extends Vue {
             group: "alert",
             type: "danger",
             title: "Date Error",
-            text: "The date was invalid so it was not set.",
+            text: "The start date was invalid so it was not set.",
           },
           5000,
         );
@@ -468,6 +504,28 @@ export default class NewEditProjectView extends Vue {
     } else {
       delete vcClaim.startTime;
     }
+    if (this.endDateInput) {
+      try {
+        const endTimeFull = this.endTimeInput || "23:59:59";
+        const fullTimeString = this.endDateInput + " " + endTimeFull;
+        // throw an error on an invalid date or time string
+        vcClaim.endTime = new Date(fullTimeString).toISOString(); // ensure timezone is part of it
+      } catch {
+        // it's not a valid date so erase it and tell the user
+        delete vcClaim.endTime;
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Date Error",
+            text: "The end date was invalid so it was not set.",
+          },
+          5000,
+        );
+      }
+    } else {
+      delete vcClaim.endTime;
+    }
     const vcJwt = await createEndorserJwtVcFromClaim(this.activeDid, vcClaim);
 
     // Make the xhr request payload
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index 3d8bb13c..23815b5a 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -69,7 +69,11 @@
               </div>
               <div v-if="startTime">
                 <fa icon="calendar" class="fa-fw text-slate-400"></fa>
-                {{ startTime }}
+                Starts {{ startTime }}
+              </div>
+              <div v-if="endTime">
+                <fa icon="calendar" class="fa-fw text-slate-400"></fa>
+                Ends {{ endTime }}
               </div>
               <div v-if="latitude || longitude">
                 <fa icon="location-dot" class="fa-fw text-slate-400"></fa>
@@ -541,6 +545,7 @@ export default class ProjectViewView extends Vue {
   apiServer = "";
   checkingConfirmationForJwtId = "";
   description = "";
+  endTime = "";
   expanded = false;
   fulfilledByThis: PlanSummaryRecord | null = null;
   fulfillersToThis: Array<PlanSummaryRecord> = [];
@@ -641,6 +646,14 @@ export default class ProjectViewView extends Vue {
             " " +
             startDateTime.toLocaleTimeString();
         }
+        const endTime = resp.data.claim?.endTime;
+        if (endTime != null) {
+          const endDateTime = new Date(endTime);
+          this.endTime =
+            endDateTime.toLocaleDateString() +
+            " " +
+            endDateTime.toLocaleTimeString();
+        }
         this.agentDid = resp.data.claim?.agent?.identifier;
         this.agentDidVisibleToDids =
           resp.data.claim?.agent?.identifierVisibleToDids || [];

From 85c93c060a09689db300e9f6f932a61f5f7b07e2 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 7 Feb 2025 14:29:32 -0700
Subject: [PATCH 06/23] fix display on a mobile device & mark slower tests

---
 src/views/ClaimView.vue                       |  3 +-
 src/views/NewEditProjectView.vue              | 88 +++++++++----------
 test-playwright/20-create-project.spec.ts     |  1 -
 test-playwright/25-create-project-x10.spec.ts |  2 +-
 test-playwright/50-record-offer.spec.ts       |  2 +
 5 files changed, 49 insertions(+), 47 deletions(-)

diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue
index e004c61a..0fd5de19 100644
--- a/src/views/ClaimView.vue
+++ b/src/views/ClaimView.vue
@@ -74,7 +74,8 @@
             </div>
             <div>
               <fa icon="calendar" class="fa-fw text-slate-400" />
-              Recorded {{ veriClaim.issuedAt?.replace(/T/, " ").replace(/Z/, " UTC") }}
+              Recorded
+              {{ veriClaim.issuedAt?.replace(/T/, " ").replace(/Z/, " UTC") }}
             </div>
             <div v-if="veriClaim.claim.image" class="flex justify-center">
               <a :href="veriClaim.claim.image" target="_blank">
diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index 2ed4335e..fe2811ed 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -71,17 +71,17 @@
 
     <textarea
       placeholder="Description"
-      class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
+      class="block w-full rounded border border-slate-400 px-3 py-2"
       rows="5"
       v-model="fullClaim.description"
       maxlength="5000"
     ></textarea>
-    <div class="text-xs text-slate-500 italic -mt-3 mb-4">
+    <div class="text-xs text-slate-500 italic">
       If you want to be contacted, be sure to include your contact information
       -- just remember that this information is public and saved in a public
       history.
     </div>
-    <div class="text-xs text-slate-500 italic -mt-3 mb-4">
+    <div class="text-xs text-slate-500 italic">
       {{ fullClaim.description?.length }}/5000 max. characters
     </div>
 
@@ -89,55 +89,55 @@
       v-model="fullClaim.url"
       placeholder="Website"
       autocapitalize="none"
-      class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
+      class="block w-full rounded border border-slate-400 mt-4 px-3 py-2"
     />
 
-    <div class="flex mb-4 columns-3 w-full">
-      <div class="col-span-1 w-full flex justify-center items-center">
-        <span>Starts At</span>
+    <div>
+      <div class="flex items-center mt-4">
+        <span class="mr-2">Starts At</span>
+        <input
+          v-model="startDateInput"
+          placeholder="Start Date"
+          type="date"
+          class="rounded border border-slate-400 px-3 py-2"
+        />
+        <input
+          :disabled="!startDateInput"
+          placeholder="Start Time"
+          v-model="startTimeInput"
+          type="time"
+          class="rounded border border-slate-400 ml-2 px-3 py-2"
+        />
       </div>
-      <input
-        v-model="startDateInput"
-        placeholder="Start Date"
-        type="date"
-        class="col-span-1 w-full rounded border border-slate-400 px-3 py-2"
-      />
-      <input
-        :disabled="!startDateInput"
-        placeholder="Start Time"
-        v-model="startTimeInput"
-        type="time"
-        class="col-span-1 w-full rounded border border-slate-400 ml-2 px-3 py-2"
-      />
-      <span class="col-span-1 w-full flex justify-center items-center">
-        {{ zoneName }}
-      </span>
-    </div>
 
-    <div class="flex mb-4 columns-3 w-full">
-      <div class="col-span-1 w-full flex justify-center items-center">
-        <span>Ends at</span>
+      <div class="flex w-full justify-end items-center">
+        <span class="w-full flex justify-end items-center">
+          {{ zoneName }} time zone
+        </span>
+      </div>
+
+      <div class="flex items-center">
+        <div class="mr-2">
+          <span>Ends at</span>
+        </div>
+        <input
+          v-model="endDateInput"
+          placeholder="End Date"
+          type="date"
+          class="ml-2 rounded border border-slate-400 px-3 py-2"
+        />
+        <input
+          :disabled="!endDateInput"
+          placeholder="End Time"
+          v-model="endTimeInput"
+          type="time"
+          class="rounded border border-slate-400 ml-2 px-3 py-2"
+        />
       </div>
-      <input
-        v-model="endDateInput"
-        placeholder="End Date"
-        type="date"
-        class="col-span-1 w-full rounded border border-slate-400 px-3 py-2"
-      />
-      <input
-        :disabled="!endDateInput"
-        placeholder="End Time"
-        v-model="endTimeInput"
-        type="time"
-        class="col-span-1 w-full rounded border border-slate-400 ml-2 px-3 py-2"
-      />
-      <span class="col-span-1 w-full flex justify-center items-center">
-        {{ zoneName }}
-      </span>
     </div>
 
     <div
-      class="flex items-center mb-4"
+      class="flex items-center mt-4"
       @click="includeLocation = !includeLocation"
     >
       <input type="checkbox" class="mr-2" v-model="includeLocation" />
diff --git a/test-playwright/20-create-project.spec.ts b/test-playwright/20-create-project.spec.ts
index 4127f11e..3a5d466b 100644
--- a/test-playwright/20-create-project.spec.ts
+++ b/test-playwright/20-create-project.spec.ts
@@ -2,7 +2,6 @@ import { test, expect } from '@playwright/test';
 import { importUser } from './testUtils';
 
 test('Create new project, then search for it', async ({ page }) => {
-  test.slow();
 
   // Generate a random string of 16 characters
   let randomString = Math.random().toString(36).substring(2, 18);
diff --git a/test-playwright/25-create-project-x10.spec.ts b/test-playwright/25-create-project-x10.spec.ts
index 0d8094b5..44a40da1 100644
--- a/test-playwright/25-create-project-x10.spec.ts
+++ b/test-playwright/25-create-project-x10.spec.ts
@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test';
 import { importUser, createUniqueStringsArray } from './testUtils';
 
 test('Create 10 new projects', async ({ page }) => {
-  test.setTimeout(40000); // Set timeout longer since it often fails at 30 seconds
+  test.slow(); // Set timeout longer since it often fails at 30 seconds
 
   const projectCount = 10;
 
diff --git a/test-playwright/50-record-offer.spec.ts b/test-playwright/50-record-offer.spec.ts
index bfb6004d..4710fe41 100644
--- a/test-playwright/50-record-offer.spec.ts
+++ b/test-playwright/50-record-offer.spec.ts
@@ -2,6 +2,8 @@ import { test, expect } from '@playwright/test';
 import { importUser } from './testUtils';
 
 test('Record an offer', async ({ page }) => {
+  test.setTimeout(45000);
+
   // Generate a random string of 3 characters, skipping the "0." at the beginning
   const randomString = Math.random().toString(36).substring(2, 5);
   // Standard title prefix

From ae12f243ec5d055b7ba83942ba43c65e3bae0f00 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 7 Feb 2025 14:30:53 -0700
Subject: [PATCH 07/23] bump to version 0.3.55

---
 CHANGELOG.md      | 5 +++++
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fff37c3c..e93e3edc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,11 @@ 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).
 
 
+## [0.3.55] - 2025.02.07
+### Added
+- End time for projects
+
+
 ## [0.3.54] - 2025.02.06
 ### Added
 - Group onboarding meetings
diff --git a/package-lock.json b/package-lock.json
index d268b2f0..17084c95 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.54",
+  "version": "0.3.55",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari",
-      "version": "0.3.54",
+      "version": "0.3.55",
       "dependencies": {
         "@capacitor/android": "^6.1.2",
         "@capacitor/cli": "^6.1.2",
diff --git a/package.json b/package.json
index 7bca99cb..a0dcc785 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.54",
+  "version": "0.3.55",
   "scripts": {
     "dev": "vite",
     "serve": "vite preview",

From 2b78307a5198d22e365b467c6e38941b7edbfab4 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 7 Feb 2025 15:23:12 -0700
Subject: [PATCH 08/23] bump version & add "-beta"

---
 README.md         | 4 ++--
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 0d823c53..2bd9c9dc 100644
--- a/README.md
+++ b/README.md
@@ -50,7 +50,7 @@ Look below for the "test-all" instructions.
 
 * Put the commit hash in the changelog (which will help you remember to bump the version later).
 
-* Tag with the new version, [online](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/releases) or `git tag 0.3.36` && `git push origin 0.3.36`.
+* Tag with the new version, [online](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/releases) or `git tag 0.3.55 && git push origin 0.3.55`.
 
 * For test, build the app (because test server is not yet set up to build):
 
@@ -70,7 +70,7 @@ TIME_SAFARI_APP_TITLE="TimeSafari_Test" VITE_APP_SERVER=https://test.timesafari.
 
   * `pkgx +npm sh`
 
-  * `cd crowd-funder-for-time-pwa && git checkout master && git pull && git checkout 0.3.36 && npm install && npm run build && cd -`
+  * `cd crowd-funder-for-time-pwa && git checkout master && git pull && git checkout 0.3.55 && npm install && npm run build && cd -`
 
   (The plain `npm run build` uses the .env.production file.)
 
diff --git a/package-lock.json b/package-lock.json
index 17084c95..f873b6a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.55",
+  "version": "0.3.56-beta",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari",
-      "version": "0.3.55",
+      "version": "0.3.56-beta",
       "dependencies": {
         "@capacitor/android": "^6.1.2",
         "@capacitor/cli": "^6.1.2",
diff --git a/package.json b/package.json
index a0dcc785..e6ac3938 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.55",
+  "version": "0.3.56-beta",
   "scripts": {
     "dev": "vite",
     "serve": "vite preview",

From 9a6b2fcf0dfda27085cfc5645885e640bfb5d4e4 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Tue, 11 Feb 2025 08:15:01 -0700
Subject: [PATCH 09/23] for meeting invitees, create their ID and allow them to
 set a name

---
 src/components/MembersList.vue          |  81 ++++++++----
 src/components/UserNameDialog.vue       |  19 ++-
 src/views/OnboardMeetingMembersView.vue | 158 ++++++++++++++++++++++--
 src/views/OnboardMeetingSetupView.vue   |   9 +-
 4 files changed, 222 insertions(+), 45 deletions(-)

diff --git a/src/components/MembersList.vue b/src/components/MembersList.vue
index b7673add..b1b93fd9 100644
--- a/src/components/MembersList.vue
+++ b/src/components/MembersList.vue
@@ -1,40 +1,41 @@
 <template>
   <div class="space-y-4">
     <!-- Loading State -->
-    <div v-if="isLoading" class="flex justify-center items-center py-8">
+    <div
+      v-if="isLoading"
+      class="mt-16 text-center text-4xl bg-slate-400 text-white w-14 py-2.5 rounded-full mx-auto"
+    >
       <fa icon="spinner" class="fa-spin-pulse" />
     </div>
 
     <!-- Members List -->
 
-    <p
-      v-if="decryptedMembers.length < members.length"
-      class="text-center text-red-600 py-4"
-    >
-      {{
-        decryptFailureMessage ||
-        "Your password failed. Please go back and try again."
-      }}
-    </p>
+    <div v-else>
+      <div class="text-center text-red-600 py-4">
+        {{ decryptionErrorMessage() }}
+      </div>
 
-    <div v-else class="space-y-4">
       <div v-if="missingMyself" class="py-4 text-red-600">
-        You are not admitted. The organizer will admit you.
+        You are not currently admitted by the organizer.
+      </div>
+      <div v-if="!firstName" class="py-4 text-red-600">
+        Your name is not set, so others may not recognize you. Reload this page
+        to set it.
       </div>
 
       <div>
         <span
-          v-if="showOrganizerTools && isOrganizer"
+          v-if="membersToShow().length > 0 && showOrganizerTools && isOrganizer"
           class="inline-flex items-center flex-wrap"
         >
           <span class="inline-flex items-center">
-            Use
+            &bull; Click
             <span
               class="mx-2 min-w-[24px] min-h-[24px] w-6 h-6 flex items-center justify-center rounded-full bg-blue-100 text-blue-600"
             >
               <fa icon="plus" class="text-sm" />
             </span>
-            and
+            /
             <span
               class="mx-2 min-w-[24px] min-h-[24px] w-6 h-6 flex items-center justify-center rounded-full bg-blue-100 text-blue-600"
             >
@@ -45,8 +46,11 @@
         </span>
       </div>
       <div>
-        <span class="inline-flex items-center">
-          Use
+        <span
+          v-if="membersToShow().length > 0"
+          class="inline-flex items-center"
+        >
+          &bull; Click
           <span
             class="mx-2 w-8 h-8 flex items-center justify-center rounded-full bg-green-100 text-green-600"
           >
@@ -56,7 +60,8 @@
         </span>
       </div>
 
-      <div v-if="members.length > 0" class="flex justify-center">
+      <div class="flex justify-center">
+        <!-- always have at least one refresh button even without members in case the organizer changes the password -->
         <button
           @click="fetchMembers"
           class="w-8 h-8 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 hover:bg-blue-200 hover:text-blue-800 transition-colors"
@@ -68,7 +73,7 @@
       <div
         v-for="member in membersToShow()"
         :key="member.member.memberId"
-        class="p-4 bg-gray-50 rounded-lg"
+        class="mt-2 p-4 bg-gray-50 rounded-lg"
       >
         <div class="flex items-center justify-between">
           <div class="flex items-center">
@@ -131,7 +136,7 @@
           {{ member.did }}
         </p>
       </div>
-      <div v-if="members.length > 0" class="flex justify-center mt-4">
+      <div v-if="membersToShow().length > 0" class="flex justify-center mt-4">
         <button
           @click="fetchMembers"
           class="w-8 h-8 flex items-center justify-center rounded-full bg-blue-100 text-blue-600 hover:bg-blue-200 hover:text-blue-800 transition-colors"
@@ -187,16 +192,15 @@ export default class MembersList extends Vue {
   libsUtil = libsUtil;
 
   @Prop({ required: true }) password!: string;
-  @Prop({ default: "Your password failed. Please go back and try again." })
-  decryptFailureMessage!: string;
   @Prop({ default: false }) showOrganizerTools!: boolean;
 
   decryptedMembers: DecryptedMember[] = [];
-  missingPassword = false;
-  missingMyself = false;
-  isLoading = false;
+  firstName = "";
+  isLoading = true;
   isOrganizer = false;
   members: Member[] = [];
+  missingPassword = false;
+  missingMyself = false;
   activeDid = "";
   apiServer = "";
   contacts: Array<Contact> = [];
@@ -205,13 +209,14 @@ export default class MembersList extends Vue {
     const settings = await retrieveSettingsForActiveAccount();
     this.activeDid = settings.activeDid || "";
     this.apiServer = settings.apiServer || "";
+    this.firstName = settings.firstName || "";
     await this.fetchMembers();
     await this.loadContacts();
   }
 
   async fetchMembers() {
-    this.isLoading = true;
     try {
+      this.isLoading = true;
       const headers = await getHeaders(this.activeDid);
       const response = await this.axios.get(
         `${this.apiServer}/api/partner/groupOnboardMembers`,
@@ -274,6 +279,28 @@ export default class MembersList extends Vue {
     this.missingMyself = !foundMyself;
   }
 
+  decryptionErrorMessage(): string {
+    if (this.isOrganizer) {
+      if (this.decryptedMembers.length < this.members.length) {
+        return "Some members have data that cannot be decrypted with that password.";
+      } else {
+        // the lists must be equal
+        return "";
+      }
+    } else {
+      // non-organizers should only see problems if the first (organizer) member is not decrypted
+      if (
+        this.decryptedMembers.length === 0 ||
+        this.decryptedMembers[0].member.memberId !== this.members[0].memberId
+      ) {
+        return "Your password is not the same as the organizer. Reload or have them check their password.";
+      } else {
+        // the first (organizer) member was decrypted OK
+        return "";
+      }
+    }
+  }
+
   membersToShow(): DecryptedMember[] {
     if (this.isOrganizer) {
       if (this.showOrganizerTools) {
@@ -356,7 +383,7 @@ export default class MembersList extends Vue {
                 group: "modal",
                 type: "confirm",
                 title: "Continue Without Adding?",
-                text: "Are you sure you want to proceed with admission even though they are not a contact?",
+                text: "Are you sure you want to proceed with admission? If they are not a contact, you will not know their name after this meeting.",
                 yesText: "Continue",
                 onYes: async () => {
                   await this.toggleAdmission(decrMember);
diff --git a/src/components/UserNameDialog.vue b/src/components/UserNameDialog.vue
index f3a886d4..32ad637a 100644
--- a/src/components/UserNameDialog.vue
+++ b/src/components/UserNameDialog.vue
@@ -4,8 +4,7 @@
     <div class="dialog">
       <h1 class="text-xl font-bold text-center mb-4">Set Your Name</h1>
 
-      This is not sent to servers. It is only shared with people when you send
-      it to them.
+      {{ sharingExplanation }}
       <input
         type="text"
         placeholder="Name"
@@ -36,7 +35,7 @@
 </template>
 
 <script lang="ts">
-import { Vue, Component } from "vue-facing-decorator";
+import { Vue, Component, Prop } from "vue-facing-decorator";
 
 import { NotificationIface } from "@/constants/app";
 import { db, retrieveSettingsForActiveAccount } from "@/db/index";
@@ -46,14 +45,21 @@ import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 export default class UserNameDialog extends Vue {
   $notify!: (notification: NotificationIface, timeout?: number) => void;
 
-  callback: (name: string) => void = () => {};
+  @Prop({
+    default:
+      "This is not sent to servers. It is only shared with people when you send it to them.",
+  })
+  sharingExplanation!: string;
+  @Prop({ default: false }) callbackOnCancel!: boolean;
+
+  callback: (name?: string) => void = () => {};
   givenName = "";
   visible = false;
 
   /**
    * @param aCallback - callback function for name, which may be ""
    */
-  async open(aCallback?: (name: string) => void) {
+  async open(aCallback?: (name?: string) => void) {
     this.callback = aCallback || this.callback;
     const settings = await retrieveSettingsForActiveAccount();
     this.givenName = settings.firstName || "";
@@ -70,6 +76,9 @@ export default class UserNameDialog extends Vue {
 
   onClickCancel() {
     this.visible = false;
+    if (this.callbackOnCancel) {
+      this.callback();
+    }
   }
 }
 </script>
diff --git a/src/views/OnboardMeetingMembersView.vue b/src/views/OnboardMeetingMembersView.vue
index 6618fc35..9bb9219a 100644
--- a/src/views/OnboardMeetingMembersView.vue
+++ b/src/views/OnboardMeetingMembersView.vue
@@ -8,8 +8,16 @@
       Meeting Members
     </h1>
 
+    <!-- Loading Animation -->
+    <div
+      class="mt-16 text-center text-4xl bg-slate-400 text-white w-14 py-2.5 rounded-full mx-auto"
+      v-if="isLoading"
+    >
+      <fa icon="spinner" class="fa-spin-pulse"></fa>
+    </div>
+
     <!-- Error State -->
-    <div v-if="errorMessage">
+    <div v-else-if="errorMessage">
       <div class="text-center text-red-600 py-8">
         {{ errorMessage }}
       </div>
@@ -19,13 +27,14 @@
     </div>
 
     <!-- Members List -->
-    <MembersList
-      v-else
-      :password="password"
-      :decrypt-failure-message="'That password failed. You may be in the wrong meeting. Go back and try again.'"
-      @error="handleError"
-    />
+    <MembersList v-else :password="password" @error="handleError" />
   </section>
+
+  <UserNameDialog
+    ref="userNameDialog"
+    :callback-on-cancel="true"
+    sharing-explanation="This is encrypted and shared only with people in this meeting."
+  />
 </template>
 
 <script lang="ts">
@@ -35,16 +44,35 @@ import { RouteLocation } from "vue-router";
 import QuickNav from "@/components/QuickNav.vue";
 import TopMessage from "@/components/TopMessage.vue";
 import MembersList from "@/components/MembersList.vue";
+import UserNameDialog from "@/components/UserNameDialog.vue";
+import { logConsoleAndDb, retrieveSettingsForActiveAccount } from "@/db/index";
+import { encryptMessage } from "@/libs/crypto";
+import {
+  errorStringForLog,
+  getHeaders,
+  serverMessageForUser,
+} from "@/libs/endorserServer";
+import { generateSaveAndActivateIdentity } from "@/libs/util";
 
 @Component({
   components: {
     QuickNav,
     TopMessage,
     MembersList,
+    UserNameDialog,
   },
 })
 export default class OnboardMeetingMembersView extends Vue {
+  activeDid = "";
+  apiServer = "";
   errorMessage = "";
+  firstName = "";
+  isRegistered = false;
+  isLoading = true;
+
+  $refs!: {
+    userNameDialog: InstanceType<typeof UserNameDialog>;
+  };
 
   get groupId(): string {
     return (this.$route as RouteLocation).params.groupId as string;
@@ -63,6 +91,122 @@ export default class OnboardMeetingMembersView extends Vue {
       this.errorMessage = "The password is missing. Go back and try again.";
       return;
     }
+    const settings = await retrieveSettingsForActiveAccount();
+    this.activeDid = settings.activeDid || "";
+    this.apiServer = settings.apiServer || "";
+    this.firstName = settings.firstName || "";
+    this.isRegistered = settings.isRegistered || false;
+    try {
+      if (!this.activeDid) {
+        this.activeDid = await generateSaveAndActivateIdentity();
+        this.isRegistered = false;
+      }
+      const headers = await getHeaders(this.activeDid);
+      const response = await this.axios.get(
+        `${this.apiServer}/api/partner/groupOnboardMember`,
+        { headers },
+      );
+      const member = response.data?.data;
+      if (!member) {
+        if (!this.firstName) {
+          this.$refs.userNameDialog.open(this.addMemberToMeeting);
+          // addMemberToMeeting sets isLoading to false
+        } else {
+          await this.addMemberToMeeting(this.firstName);
+          // addMemberToMeeting sets isLoading to false
+        }
+      } else if (String(member.groupId) !== this.groupId) {
+        this.errorMessage =
+          "You are already in a different meeting. Reload or go back and try again.";
+        this.isLoading = false;
+      } else {
+        // must be already in the right meeting
+        if (!this.firstName) {
+          this.$refs.userNameDialog.open(this.updateMemberInMeeting);
+          // updateMemberInMeeting sets isLoading to false
+        } else {
+          await this.updateMemberInMeeting(this.firstName);
+          // updateMemberInMeeting sets isLoading to false
+        }
+      }
+    } catch (error) {
+      this.errorMessage =
+        serverMessageForUser(error) ||
+        "There was an error checking for that meeting. Reload or go back and try again.";
+      logConsoleAndDb(
+        "Error checking meeting: " + errorStringForLog(error),
+        true,
+      );
+      this.isLoading = false;
+    }
+  }
+
+  async addMemberToMeeting(name?: string) {
+    if (name != null) {
+      this.firstName = name;
+    }
+
+    const memberData = {
+      name: this.firstName,
+      did: this.activeDid,
+      isRegistered: this.isRegistered,
+    };
+    const memberDataString = JSON.stringify(memberData);
+    const encryptedMemberData = await encryptMessage(
+      memberDataString,
+      this.password,
+    );
+
+    const headers = await getHeaders(this.activeDid);
+    try {
+      await this.axios.post(
+        `${this.apiServer}/api/partner/groupOnboardMember`,
+        { groupId: this.groupId, content: encryptedMemberData },
+        { headers },
+      );
+    } catch (error) {
+      logConsoleAndDb(
+        "Error adding member to meeting: " + errorStringForLog(error),
+        true,
+      );
+      this.errorMessage =
+        serverMessageForUser(error) ||
+        "You're not in a meeting and couldn't be added to this one. Reload or go back and try again.";
+    }
+    this.isLoading = false;
+  }
+
+  async updateMemberInMeeting(name?: string) {
+    if (name != null) {
+      this.firstName = name;
+    }
+    const memberData = {
+      name: this.firstName,
+      did: this.activeDid,
+      isRegistered: this.isRegistered,
+    };
+    const memberDataString = JSON.stringify(memberData);
+    const encryptedMemberData = await encryptMessage(
+      memberDataString,
+      this.password,
+    );
+    const headers = await getHeaders(this.activeDid);
+    try {
+      await this.axios.put(
+        `${this.apiServer}/api/partner/groupOnboardMember`,
+        { content: encryptedMemberData },
+        { headers },
+      );
+    } catch (error) {
+      logConsoleAndDb(
+        "Error updating member in meeting: " + errorStringForLog(error),
+        true,
+      );
+      this.errorMessage =
+        serverMessageForUser(error) ||
+        "There was an error updating your name. Reload or go back and try again.";
+    }
+    this.isLoading = false;
   }
 
   handleError(message: string) {
diff --git a/src/views/OnboardMeetingSetupView.vue b/src/views/OnboardMeetingSetupView.vue
index a81c7605..dd1c830b 100644
--- a/src/views/OnboardMeetingSetupView.vue
+++ b/src/views/OnboardMeetingSetupView.vue
@@ -192,23 +192,23 @@
 
     <!-- Members Section -->
     <div
-      v-if="!isLoading && currentMeeting != null"
+      v-if="!isLoading && currentMeeting != null && !!currentMeeting.password"
       class="mt-8 p-4 border rounded-lg bg-white shadow"
     >
       <div class="flex items-center justify-between mb-4">
         <h2 class="text-2xl">Meeting Members</h2>
       </div>
       <router-link
+        v-if="!!currentMeeting.password"
         :to="onboardMeetingMembersLink()"
         class="inline-block text-blue-600"
         target="_blank"
       >
-        Open shortcut page for members <fa icon="external-link" />
+        &bull; Open shortcut page for members <fa icon="external-link" />
       </router-link>
 
       <MembersList
         :password="currentMeeting.password || ''"
-        :decrypt-failure-message="DECRYPT_FAILURE_MESSAGE"
         :show-organizer-tools="true"
         @error="handleMembersError"
         class="mt-4"
@@ -264,9 +264,6 @@ export default class OnboardMeetingView extends Vue {
     timeout?: number,
   ) => void;
 
-  DECRYPT_FAILURE_MESSAGE =
-    "Unable to decrypt some member information. Check your password, or have them reset theirs if they don't show here.";
-
   currentMeeting: ServerMeeting | null = null;
   newOrUpdatedMeeting: MeetingSetupInfo | null = null;
   activeDid = "";

From cc14b9e0ce75f1232e09f917d46034925557c8c6 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Tue, 11 Feb 2025 09:13:02 -0700
Subject: [PATCH 10/23] bump version to 0.3.57

---
 CHANGELOG.md      | 5 +++++
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e93e3edc..2c3325ea 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,11 @@ 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).
 
 
+## [0.3.57] - 2025.02.11
+### Added
+- Automatic user creation in onboarding meetings
+
+
 ## [0.3.55] - 2025.02.07
 ### Added
 - End time for projects
diff --git a/package-lock.json b/package-lock.json
index f873b6a6..ea064aef 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.56-beta",
+  "version": "0.3.57",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari",
-      "version": "0.3.56-beta",
+      "version": "0.3.57",
       "dependencies": {
         "@capacitor/android": "^6.1.2",
         "@capacitor/cli": "^6.1.2",
diff --git a/package.json b/package.json
index e6ac3938..79af24ef 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.56-beta",
+  "version": "0.3.57",
   "scripts": {
     "dev": "vite",
     "serve": "vite preview",

From 53a06be734a757dc08f27df5474023388a5e5533 Mon Sep 17 00:00:00 2001
From: Jason Buchanan <jsnbuchanan@gmail.com>
Date: Fri, 7 Feb 2025 10:04:38 -0700
Subject: [PATCH 11/23] deps: updated `nostr-tools` and import

---
 package.json                     |  2 +-
 src/views/NewEditProjectView.vue | 12 +-----------
 2 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 79af24ef..f5ca83ce 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
     "lru-cache": "^10.2.0",
     "luxon": "^3.4.4",
     "merkletreejs": "^0.3.11",
-    "nostr-tools": "^2.7.2",
+    "nostr-tools": "^2.10.4",
     "notiwind": "^2.0.2",
     "papaparse": "^5.4.1",
     "pina": "^0.20.2204228",
diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index fe2811ed..2a99e914 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -230,17 +230,7 @@ import "leaflet/dist/leaflet.css";
 import { AxiosError, AxiosRequestHeaders } from "axios";
 import { DateTime } from "luxon";
 import { hexToBytes } from "@noble/hashes/utils";
-// these core imports could also be included as "import type ..."
-import {
-  EventTemplate,
-  UnsignedEvent,
-  VerifiedEvent,
-} from "nostr-tools/lib/types/core";
-import {
-  accountFromExtendedKey,
-  extendedKeysFromSeedWords,
-} from "nostr-tools/nip06";
-import { finalizeEvent, serializeEvent } from "nostr-tools/pure";
+import { finalizeEvent, serializeEvent } from "nostr-tools";
 import { Component, Vue } from "vue-facing-decorator";
 import { LMap, LMarker, LTileLayer } from "@vue-leaflet/vue-leaflet";
 import { RouteLocationNormalizedLoaded, Router } from "vue-router";

From 781afd8954c345573b559b2fe81e1df919532d21 Mon Sep 17 00:00:00 2001
From: Jason Buchanan <jsnbuchanan@gmail.com>
Date: Fri, 14 Feb 2025 09:58:55 -0700
Subject: [PATCH 12/23] feat(feed): better image formatting, to take up the
 width of the feed container

---
 src/views/HomeView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 2db6c187..84d5bfde 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -346,9 +346,9 @@
                 </router-link>
               </span>
             </div>
-            <div v-if="record.image" class="flex justify-center">
+            <div v-if="record.image" class="w-full">
               <a :href="record.image" target="_blank">
-                <img :src="record.image" class="h-48 mt-2 rounded-xl" />
+                <img :src="record.image" class="w-full aspect-[3/2] object-cover rounded-xl mt-2" />
               </a>
             </div>
           </li>

From 77ebd329562fdab18f773014321bc33150a41bfa Mon Sep 17 00:00:00 2001
From: Jason Buchanan <jsnbuchanan@gmail.com>
Date: Fri, 14 Feb 2025 09:59:47 -0700
Subject: [PATCH 13/23] deps: updating the nostr-tools version from 2.7.2 to
 2.10.4 to fix a bug I was seeing locally

---
 package-lock.json | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ea064aef..2c15992a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -54,7 +54,7 @@
         "lru-cache": "^10.2.0",
         "luxon": "^3.4.4",
         "merkletreejs": "^0.3.11",
-        "nostr-tools": "^2.7.2",
+        "nostr-tools": "^2.10.4",
         "notiwind": "^2.0.2",
         "papaparse": "^5.4.1",
         "pina": "^0.20.2204228",
@@ -18905,9 +18905,10 @@
       }
     },
     "node_modules/nostr-tools": {
-      "version": "2.7.2",
-      "resolved": "https://registry.npmjs.org/nostr-tools/-/nostr-tools-2.7.2.tgz",
-      "integrity": "sha512-Bq3Ug0SZFtgtL1+0wCnAe8AJtI7yx/00/a2nUug9SkhfOwlKS92Tef12iCK9FdwXw+oFZWMtRnSwcLayQso+xA==",
+      "version": "2.10.4",
+      "resolved": "https://registry.npmjs.org/nostr-tools/-/nostr-tools-2.10.4.tgz",
+      "integrity": "sha512-biU7sk+jxHgVASfobg2T5ttxOGGSt69wEVBC51sHHOEaKAAdzHBLV/I2l9Rf61UzClhliZwNouYhqIso4a3HYg==",
+      "license": "Unlicense",
       "dependencies": {
         "@noble/ciphers": "^0.5.1",
         "@noble/curves": "1.2.0",
@@ -18917,7 +18918,7 @@
         "@scure/bip39": "1.2.1"
       },
       "optionalDependencies": {
-        "nostr-wasm": "v0.1.0"
+        "nostr-wasm": "0.1.0"
       },
       "peerDependencies": {
         "typescript": ">=5.0.0"

From be1146c7df6e2b2d021008c0c35485e5022e327f Mon Sep 17 00:00:00 2001
From: Jason Buchanan <jsnbuchanan@gmail.com>
Date: Fri, 14 Feb 2025 11:46:17 -0700
Subject: [PATCH 14/23] fix(feed): long words or urls displayed in feed break
 the container layout

---
 src/views/HomeView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 84d5bfde..245ca591 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -281,8 +281,8 @@
                   />
                 </span>
               </span>
-              <span class="col-span-10 justify-self-stretch">
-                <!-- show giver and/or receiver profiles... which seemed like a good idea but actually adds clutter
+              <span class="col-span-10 justify-self-stretch overflow-hidden">
+                 <!-- show giver and/or receiver profiles... which seemed like a good idea but actually adds clutter
                 <span
                   v-if="
                     record.giver.profileImageUrl ||
@@ -315,7 +315,7 @@
                   />
                 </span>
                 -->
-                <span class="pl-2">
+                <span class="pl-2 block break-words">
                   {{ giveDescription(record) }}
                 </span>
                 <a @click="onClickLoadClaim(record.jwtId)">

From 0511bbc17b33d33ee3599c855b58ad7e78825f28 Mon Sep 17 00:00:00 2001
From: Jason Buchanan <jsnbuchanan@gmail.com>
Date: Fri, 14 Feb 2025 11:52:20 -0700
Subject: [PATCH 15/23] feat(feed): adding image viewer for expanding images
 found in the feed instead of displaying in a new tab and taking the viewer
 away from the application

---
 src/components/ImageViewer.vue | 51 ++++++++++++++++++++++++++++++++++
 src/views/HomeView.vue         | 24 ++++++++++++++--
 2 files changed, 72 insertions(+), 3 deletions(-)
 create mode 100644 src/components/ImageViewer.vue

diff --git a/src/components/ImageViewer.vue b/src/components/ImageViewer.vue
new file mode 100644
index 00000000..f821f0d5
--- /dev/null
+++ b/src/components/ImageViewer.vue
@@ -0,0 +1,51 @@
+<template>
+  <Teleport to="body">
+    <Transition name="fade">
+      <div
+        v-if="isOpen"
+        class="fixed inset-0 z-50 flex items-center justify-center bg-black/90"
+        @click="close"
+      >
+        <button
+          class="absolute top-4 right-4 text-white text-2xl p-2 rounded-full hover:bg-white/10"
+          @click="close"
+        >
+          <fa icon="xmark" />
+        </button>
+
+        <img
+          :src="imageUrl"
+          class="max-h-screen max-w-screen-md w-full object-contain p-4"
+          @click.stop
+          alt="expanded shared content"
+        />
+      </div>
+    </Transition>
+  </Teleport>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from "vue-facing-decorator";
+
+@Component
+export default class ImageViewer extends Vue {
+  @Prop() imageUrl!: string;
+  @Prop() isOpen!: boolean;
+
+  close() {
+    this.$emit("update:isOpen", false);
+  }
+}
+</script>
+
+<style scoped>
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 245ca591..44023e84 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -347,9 +347,16 @@
               </span>
             </div>
             <div v-if="record.image" class="w-full">
-              <a :href="record.image" target="_blank">
-                <img :src="record.image" class="w-full aspect-[3/2] object-cover rounded-xl mt-2" />
-              </a>
+              <div
+                class="cursor-pointer"
+                @click="openImageViewer(record.image)"
+              >
+                <img
+                  :src="record.image"
+                  class="w-full aspect-[3/2] object-cover rounded-xl mt-2"
+                  alt="shared content"
+                />
+              </div>
             </div>
           </li>
         </ul>
@@ -368,6 +375,8 @@
   </section>
 
   <ChoiceButtonDialog ref="choiceButtonDialog" />
+
+  <ImageViewer :image-url="selectedImage" v-model:is-open="isImageViewerOpen" />
 </template>
 
 <script lang="ts">
@@ -386,6 +395,7 @@ import QuickNav from "@/components/QuickNav.vue";
 import TopMessage from "@/components/TopMessage.vue";
 import UserNameDialog from "@/components/UserNameDialog.vue";
 import ChoiceButtonDialog from "@/components/ChoiceButtonDialog.vue";
+import ImageViewer from "@/components/ImageViewer.vue";
 import {
   AppString,
   NotificationIface,
@@ -455,6 +465,7 @@ interface GiveRecordWithContactInfo extends GiveSummaryRecord {
     QuickNav,
     TopMessage,
     UserNameDialog,
+    ImageViewer,
   },
 })
 export default class HomeView extends Vue {
@@ -489,6 +500,8 @@ export default class HomeView extends Vue {
   }> = [];
   showShortcutBvc = false;
   userAgentInfo = new UAParser(); // see https://docs.uaparser.js.org/v2/api/ua-parser-js/get-os.html
+  selectedImage = "";
+  isImageViewerOpen = false;
 
   async mounted() {
     try {
@@ -970,5 +983,10 @@ export default class HomeView extends Vue {
       },
     });
   }
+
+  openImageViewer(imageUrl: string) {
+    this.selectedImage = imageUrl;
+    this.isImageViewerOpen = true;
+  }
 }
 </script>

From f4c7805266ecb75630db59b8ddff308ec6ddce44 Mon Sep 17 00:00:00 2001
From: Jason Buchanan <jsnbuchanan@gmail.com>
Date: Fri, 14 Feb 2025 13:06:36 -0700
Subject: [PATCH 16/23] feat(feed): improving the image viewer, to be more
 conventional, and also allowing the viewer to download the image on mobile
 with `...` control

---
 src/components/ImageViewer.vue | 78 +++++++++++++++++++++++++++-------
 src/views/HomeView.vue         | 24 +++++++++--
 2 files changed, 83 insertions(+), 19 deletions(-)

diff --git a/src/components/ImageViewer.vue b/src/components/ImageViewer.vue
index f821f0d5..a2bf9f60 100644
--- a/src/components/ImageViewer.vue
+++ b/src/components/ImageViewer.vue
@@ -3,22 +3,38 @@
     <Transition name="fade">
       <div
         v-if="isOpen"
-        class="fixed inset-0 z-50 flex items-center justify-center bg-black/90"
-        @click="close"
+        class="fixed inset-0 z-50 flex flex-col bg-black/90"
       >
-        <button
-          class="absolute top-4 right-4 text-white text-2xl p-2 rounded-full hover:bg-white/10"
-          @click="close"
-        >
-          <fa icon="xmark" />
-        </button>
-
-        <img
-          :src="imageUrl"
-          class="max-h-screen max-w-screen-md w-full object-contain p-4"
-          @click.stop
-          alt="expanded shared content"
-        />
+        <!-- Header bar - fixed height to prevent overlap -->
+        <div class="h-16 flex justify-between items-center px-4 bg-black">
+          <button
+            class="text-white text-2xl p-2 rounded-full hover:bg-white/10"
+            @click="close"
+          >
+            <fa icon="xmark" />
+          </button>
+
+          <!-- Mobile share button -->
+          <button
+            v-if="isMobile"
+            class="text-white text-xl p-2 rounded-full hover:bg-white/10"
+            @click="handleShare"
+          >
+            <fa icon="ellipsis" />
+          </button>
+        </div>
+
+        <!-- Image container - fill remaining space -->
+        <div class="flex-1 flex items-center justify-center p-2">
+          <div class="w-full h-full flex items-center justify-center">
+            <img
+              :src="imageUrl"
+              class="max-h-[calc(100vh-5rem)] w-full h-full object-contain"
+              @click.stop
+              alt="expanded shared content"
+            />
+          </div>
+        </div>
       </div>
     </Transition>
   </Teleport>
@@ -26,15 +42,45 @@
 
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-facing-decorator";
+import { UAParser } from "ua-parser-js";
 
-@Component
+@Component({ emits: ["update:isOpen"] })
 export default class ImageViewer extends Vue {
   @Prop() imageUrl!: string;
+  @Prop() imageData!: Blob | null;
   @Prop() isOpen!: boolean;
 
+  userAgent = new UAParser();
+
+  get isMobile() {
+    const os = this.userAgent.getOS().name;
+    return os === "iOS" || os === "Android";
+  }
+
   close() {
     this.$emit("update:isOpen", false);
   }
+
+  async handleShare() {
+    const os = this.userAgent.getOS().name;
+
+    try {
+      if (os === "iOS" || os === "Android") {
+        if (navigator.share) {
+          // Always share the URL since it's more reliable across platforms
+          await navigator.share({
+            url: this.imageUrl
+          });
+        } else {
+          // Fallback for browsers without share API
+          window.open(this.imageUrl, "_blank");
+        }
+      }
+    } catch (error) {
+      console.warn("Share failed, opening in new tab:", error);
+      window.open(this.imageUrl, "_blank");
+    }
+  }
 }
 </script>
 
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 44023e84..c62d3b43 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -282,7 +282,7 @@
                 </span>
               </span>
               <span class="col-span-10 justify-self-stretch overflow-hidden">
-                 <!-- show giver and/or receiver profiles... which seemed like a good idea but actually adds clutter
+                <!-- show giver and/or receiver profiles... which seemed like a good idea but actually adds clutter
                 <span
                   v-if="
                     record.giver.profileImageUrl ||
@@ -355,6 +355,7 @@
                   :src="record.image"
                   class="w-full aspect-[3/2] object-cover rounded-xl mt-2"
                   alt="shared content"
+                  @load="cacheImageData($event, record.image)"
                 />
               </div>
             </div>
@@ -376,7 +377,11 @@
 
   <ChoiceButtonDialog ref="choiceButtonDialog" />
 
-  <ImageViewer :image-url="selectedImage" v-model:is-open="isImageViewerOpen" />
+  <ImageViewer
+    :image-url="selectedImage"
+    :image-data="selectedImageData"
+    v-model:is-open="isImageViewerOpen"
+  />
 </template>
 
 <script lang="ts">
@@ -501,7 +506,9 @@ export default class HomeView extends Vue {
   showShortcutBvc = false;
   userAgentInfo = new UAParser(); // see https://docs.uaparser.js.org/v2/api/ua-parser-js/get-os.html
   selectedImage = "";
+  selectedImageData: Blob | null = null;
   isImageViewerOpen = false;
+  imageCache: Map<string, Blob | null> = new Map();
 
   async mounted() {
     try {
@@ -984,7 +991,18 @@ export default class HomeView extends Vue {
     });
   }
 
-  openImageViewer(imageUrl: string) {
+  async cacheImageData(event: Event, imageUrl: string) {
+    try {
+      // For images that might fail CORS, just store the URL
+      // The Web Share API will handle sharing the URL appropriately
+      this.imageCache.set(imageUrl, null);
+    } catch (error) {
+      console.warn("Failed to cache image:", error);
+    }
+  }
+
+  async openImageViewer(imageUrl: string) {
+    this.selectedImageData = this.imageCache.get(imageUrl) ?? null;
     this.selectedImage = imageUrl;
     this.isImageViewerOpen = true;
   }

From e86cf3c9f2ad2779e716d309000fa1c9d8c00890 Mon Sep 17 00:00:00 2001
From: Jason Buchanan <jsnbuchanan@gmail.com>
Date: Fri, 14 Feb 2025 13:24:29 -0700
Subject: [PATCH 17/23] deps: fixing issues around nostr-tools deps being
 removed that were necessary

---
 src/views/NewEditProjectView.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index 2a99e914..ffdf0c08 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -230,6 +230,15 @@ import "leaflet/dist/leaflet.css";
 import { AxiosError, AxiosRequestHeaders } from "axios";
 import { DateTime } from "luxon";
 import { hexToBytes } from "@noble/hashes/utils";
+import {
+  EventTemplate,
+  UnsignedEvent,
+  VerifiedEvent,
+} from "nostr-tools/lib/types/core";
+import {
+  accountFromExtendedKey,
+  extendedKeysFromSeedWords,
+} from "nostr-tools/lib/types/nip06";
 import { finalizeEvent, serializeEvent } from "nostr-tools";
 import { Component, Vue } from "vue-facing-decorator";
 import { LMap, LMarker, LTileLayer } from "@vue-leaflet/vue-leaflet";

From aa0156cdf21c2d0b2a34e3aa71bed4bb5f0117bf Mon Sep 17 00:00:00 2001
From: Jason Buchanan <jsnbuchanan@gmail.com>
Date: Fri, 14 Feb 2025 13:32:36 -0700
Subject: [PATCH 18/23] docs(feed): documenting improvements to the image view
 in the home feed

---
 CHANGELOG.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2c3325ea..d2f1c3eb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,17 @@ 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).
 
 
+## [0.4.0] - 2025.02.14
+### Changed
+- Images in the home feed now take up the full width of the card.
+- Clicking the image previously, would open the image in a new tab. Now, clicking the image opens the image in a lightbox view.
+
+### Added
+- Clicking an image also now displays an in-app lightbox view of the image.
+- The lightbox view includes a download button for the image in mobile view.
+
+
+
 ## [0.3.57] - 2025.02.11
 ### Added
 - Automatic user creation in onboarding meetings

From 6fc416d7596305cf94905bcad29d5ab2424bd9df Mon Sep 17 00:00:00 2001
From: Jason Buchanan <jsnbuchanan@gmail.com>
Date: Fri, 14 Feb 2025 13:39:07 -0700
Subject: [PATCH 19/23] chore: cleanup in prep for pull request

---
 src/views/NewEditProjectView.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index ffdf0c08..543ab0fc 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -230,6 +230,7 @@ import "leaflet/dist/leaflet.css";
 import { AxiosError, AxiosRequestHeaders } from "axios";
 import { DateTime } from "luxon";
 import { hexToBytes } from "@noble/hashes/utils";
+// these core imports could also be included as "import type ..."
 import {
   EventTemplate,
   UnsignedEvent,

From f53248cae138dd091105dad45f14f2dd43285521 Mon Sep 17 00:00:00 2001
From: Jason Buchanan <jsnbuchanan@gmail.com>
Date: Fri, 14 Feb 2025 13:49:02 -0700
Subject: [PATCH 20/23] docs(feed): versioning 0.4.0

---
 CHANGELOG.md      | 1 -
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d2f1c3eb..e07ed8e9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,7 +16,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - The lightbox view includes a download button for the image in mobile view.
 
 
-
 ## [0.3.57] - 2025.02.11
 ### Added
 - Automatic user creation in onboarding meetings
diff --git a/package-lock.json b/package-lock.json
index 2c15992a..c5aaf96e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.57",
+  "version": "0.4.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari",
-      "version": "0.3.57",
+      "version": "0.4.0",
       "dependencies": {
         "@capacitor/android": "^6.1.2",
         "@capacitor/cli": "^6.1.2",
diff --git a/package.json b/package.json
index f5ca83ce..855ce9c0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.57",
+  "version": "0.4.0",
   "scripts": {
     "dev": "vite",
     "serve": "vite preview",

From 8e46c3800855a9a11d099c9fafffde910295a9d0 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 15 Feb 2025 12:28:21 -0700
Subject: [PATCH 21/23] yet another attempt at nostr-tools nip06 fix

---
 src/views/NewEditProjectView.vue | 23 ++++++++---------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index 543ab0fc..623753c0 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -229,18 +229,10 @@
 import "leaflet/dist/leaflet.css";
 import { AxiosError, AxiosRequestHeaders } from "axios";
 import { DateTime } from "luxon";
-import { hexToBytes } from "@noble/hashes/utils";
-// these core imports could also be included as "import type ..."
-import {
-  EventTemplate,
-  UnsignedEvent,
-  VerifiedEvent,
-} from "nostr-tools/lib/types/core";
-import {
-  accountFromExtendedKey,
-  extendedKeysFromSeedWords,
-} from "nostr-tools/lib/types/nip06";
 import { finalizeEvent, serializeEvent } from "nostr-tools";
+// these core imports could also be included as "import type ..."
+import { EventTemplate, UnsignedEvent, VerifiedEvent } from "nostr-tools/core";
+import * as nip06 from "nostr-tools/nip06";
 import { Component, Vue } from "vue-facing-decorator";
 import { LMap, LMarker, LTileLayer } from "@vue-leaflet/vue-leaflet";
 import { RouteLocationNormalizedLoaded, Router } from "vue-router";
@@ -668,15 +660,15 @@ export default class NewEditProjectView extends Vue {
     // remove any trailing '
     const finalDerNumNoApostrophe = finalDerNum?.replace(/'/g, "");
     const accountNum = Number(finalDerNumNoApostrophe || 0);
-    const extPubPri = extendedKeysFromSeedWords(
+    const extPubPri = nip06.extendedKeysFromSeedWords(
       account?.mnemonic as string,
       "",
       accountNum,
     );
     const publicExtendedKey: string = extPubPri?.publicExtendedKey;
     const privateExtendedKey = extPubPri?.privateExtendedKey;
-    const privateKey = accountFromExtendedKey(privateExtendedKey).privateKey;
-    const privateBytes = hexToBytes(privateKey);
+    const privateBytes: Uint8Array =
+      nip06.accountFromExtendedKey(privateExtendedKey).privateKey;
     // No real content is necessary, we just want something signed,
     // so we might as well use nostr libs for nostr functions.
     // Besides: someday we may create real content that we can relay.
@@ -710,7 +702,8 @@ export default class NewEditProjectView extends Vue {
       const endorserPartnerUrl = partnerServer + "/api/partner/link";
       const timeSafariUrl = window.location.origin + "/claim/" + jwtId;
       const content = this.fullClaim.name + " - see " + timeSafariUrl;
-      const publicKeyHex = accountFromExtendedKey(publicExtendedKey).publicKey;
+      const publicKeyHex =
+        nip06.accountFromExtendedKey(publicExtendedKey).publicKey;
       const unsignedPayload: UnsignedEvent = {
         // why doesn't "...signedPayload" work?
         kind: signedPayload.kind,

From e95b67b6db6276c1c72d659c08d4fe377477ddb6 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 15 Feb 2025 12:28:56 -0700
Subject: [PATCH 22/23] fix linting

---
 src/components/ImageViewer.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/ImageViewer.vue b/src/components/ImageViewer.vue
index a2bf9f60..6049ac08 100644
--- a/src/components/ImageViewer.vue
+++ b/src/components/ImageViewer.vue
@@ -1,10 +1,7 @@
 <template>
   <Teleport to="body">
     <Transition name="fade">
-      <div
-        v-if="isOpen"
-        class="fixed inset-0 z-50 flex flex-col bg-black/90"
-      >
+      <div v-if="isOpen" class="fixed inset-0 z-50 flex flex-col bg-black/90">
         <!-- Header bar - fixed height to prevent overlap -->
         <div class="h-16 flex justify-between items-center px-4 bg-black">
           <button
@@ -69,7 +66,7 @@ export default class ImageViewer extends Vue {
         if (navigator.share) {
           // Always share the URL since it's more reliable across platforms
           await navigator.share({
-            url: this.imageUrl
+            url: this.imageUrl,
           });
         } else {
           // Fallback for browsers without share API

From b14afc66d58b797824ce1e5de71fb4422e79f398 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sun, 16 Feb 2025 13:55:46 -0700
Subject: [PATCH 23/23] bump version to 0.4.1

---
 CHANGELOG.md      | 6 ++++++
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e07ed8e9..32bcee0d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,12 @@ 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).
 
 
+## [0.4.1] - 2025.02.16
+### Fixed
+- nostr build issue
+- Linting
+
+
 ## [0.4.0] - 2025.02.14
 ### Changed
 - Images in the home feed now take up the full width of the card.
diff --git a/package-lock.json b/package-lock.json
index c5aaf96e..872c0313 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari",
-      "version": "0.4.0",
+      "version": "0.4.1",
       "dependencies": {
         "@capacitor/android": "^6.1.2",
         "@capacitor/cli": "^6.1.2",
diff --git a/package.json b/package.json
index 855ce9c0..23c73845 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "scripts": {
     "dev": "vite",
     "serve": "vite preview",