Normalized button visual styles

Spacing and typography fixes
Mobile-style flushed-right toggle switches
2023-12-13 18:48:45 +08:00 · 2023-12-13 18:37:03 +08:00 · 2023-12-13 18:22:15 +08:00 · 2023-12-13 18:16:15 +08:00 · 2023-12-13 17:41:27 +08:00 · 2023-12-13 17:29:53 +08:00
33 changed files with 3792 additions and 427 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,7 +9,25 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]


-## [0.1.3] - 2023.11
+## [0.1.6]
+
+
+## [0.1.5] - 2023.12.09 - 9c36bb509a9bae9bb3306d3bd9eeb144b67aa8ad
+### Added
+- Web push notifications (though not finalized)
+- Credentials details page
+- See more data without an ID
+- Change units of a give
+
+
+## [0.1.4] - 2023.11.20 - 7311d36726f3667ec4c68f241f91d404273ad4db
+### Added
+- Offer on a project
+### Changed
+- Automatically set as visible when importing a contact
+
+
+## [0.1.3] - 2023.11.08 - 910f57ec7d2e50803ae3d04f4b927e0f5219fbde
 ### Added
 - Contact name editing
 ### Changed
--- a/README.md
+++ b/README.md
@@ -22,16 +22,23 @@ npm run lint

 If you are deploying in a subdirectory, add it to `publicPath` in vue.config.js, eg: `publicPath: "/app/time-tracker/",`

-```
-npm run build
-```
+* `npx prettier --write ./sw_scripts/`

-```
-npx prettier --write ./sw_scripts/
-```
-to make sure the service worker scripts are in proper form
+...to make sure the service worker scripts are in proper form

-... then copy the contents of the `sw_scripts` folder to the `dist` folder - except additional_scripts.js.
+* Update the CHANGELOG.md & the version in package.json, run `npm install`, and commit. Tag wth the new version: `git tag 0.1.0`
+
+* If production, change src/constants/app.ts DEFAULT_*_SERVER to be PROD.
+
+* `npm run build`
+
+* Revert src/constants/app.ts & change version to "-beta"
+
+* `cp sw_scripts/[ns]* dist/`
+
+... to copy the contents of the `sw_scripts` folder to the `dist` folder - except additional_scripts.js.
+
+* `rsync -azvu -e "ssh -i ~/.ssh/..." dist ubuntu@endorser.ch:time-safari`



@@ -62,7 +69,11 @@ Under the "Your Identity" screen, click "Advanced", click "Switch Identity / No

 ### Web-push

-For your own web-push tests, change the 'vapid' URL in App.vue, and install apps on the same domain.
+For your own web-push tests, change the push server URL in Advanced settings on the account page, and install Time Safari & push server on the same domain.
+
+### Icons
+
+To add an icon, add to main.ts and reference with `fa` element and `icon` attribute with the hyphenated name.

 ### Manual walk-through

@@ -90,7 +101,7 @@ For your own web-push tests, change the 'vapid' URL in App.vue, and install apps
 - Create a new identity as prompted. Go to "Your Identity" screen and copy the ID to the clipboard.

 - Go back to /start and import test User `did:ethr:0x000Ee5654b9742f6Fe18ea970e32b97ee2247B51` with this this seed phrase:
-  `seminar accuse mystery assist delay law thing deal image undo guard initial shallow wrestle list fragile borrow velvet tomorrow awake explain test offer control`
+  `rigid shrug mobile smart veteran half all pond toilet brave review universe ship congress found yard skate elite apology jar uniform subway slender luggage`
  (Other test users are found [here](https://github.com/trentlarson/endorser-ch/blob/master/test/util.js).)

 - Go to "Your Contacts" screen and add the ID you copied to the clipboard, and hit "+" to add them.
@@ -99,10 +110,10 @@ For your own web-push tests, change the 'vapid' URL in App.vue, and install apps

 ### Clear/Reset data & restart

-* Data: Clear the browser cache for localhost.
-* Notifications:
-  * Under browser settings, look for "notification" and remove this server.
-  * Under about:debugging, find the service worker and Unregister.
+* Clear cache for site. (In Chrome, go to `chrome://settings/cookies` and "all site data and permissions"; in Firefox, go to `about:preferences` and search for "cache" then "Manage Data".)
+* Unregister service worker (in Chrome, go to `chrome://serviceworker-internals/`; in Firefox, go to `about:serviceworkers`).
+* Clear notification permission (in Chrome, go to `chrome://settings/content/notifications`; in Firefox, go to `about:preferences` and search for "notifications").
+* Clear Cache Storage (in Chrome, in dev tools under Application; in Firefox, in dev tools under Storage).



--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
-  "name": "crowd-funder-for-time-pwa",
-  "version": "0.1.4",
+  "name": "TimeSafari",
+  "version": "0.1.6-beta",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
-      "name": "crowd-funder-for-time-pwa",
-      "version": "0.1.4",
+      "name": "TimeSafari",
+      "version": "0.1.6-beta",
      "dependencies": {
        "@ethersproject/hdnode": "^5.7.0",
        "@fortawesome/fontawesome-svg-core": "^6.4.2",
@@ -33,6 +33,7 @@
        "ethereum-cryptography": "^2.1.2",
        "ethereumjs-util": "^7.1.5",
        "ethr-did-resolver": "^8.1.2",
+        "git-describe": "^4.1.1",
        "jdenticon": "^3.2.0",
        "js-generate-password": "^0.1.9",
        "localstorage-slim": "^2.5.0",
@@ -49,6 +50,7 @@
        "reflect-metadata": "^0.1.13",
        "register-service-worker": "^1.7.2",
        "three": "^0.156.1",
+        "util": "^0.12.5",
        "vue": "^3.3.4",
        "vue-axios": "^3.5.2",
        "vue-facing-decorator": "^3.0.2",
@@ -72,13 +74,13 @@
        "@vue/cli-service": "~5.0.8",
        "@vue/eslint-config-typescript": "^11.0.3",
        "autoprefixer": "^10.4.15",
-        "eslint": "^8.48.0",
+        "eslint": "^8.53.0",
        "eslint-config-prettier": "^9.0.0",
        "eslint-plugin-prettier": "^5.0.0",
        "eslint-plugin-vue": "^9.17.0",
        "leaflet": "^1.9.4",
        "postcss": "^8.4.29",
-        "prettier": "^3.0.3",
+        "prettier": "^3.1.0",
        "tailwindcss": "^3.3.3",
        "typescript": "~5.2.2"
      }
@@ -2821,9 +2823,9 @@
      }
    },
    "node_modules/@eslint/eslintrc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz",
-      "integrity": "sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
      "dev": true,
      "dependencies": {
        "ajv": "^6.12.4",
@@ -2871,9 +2873,9 @@
      }
    },
    "node_modules/@eslint/js": {
-      "version": "8.51.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.51.0.tgz",
-      "integrity": "sha512-HxjQ8Qn+4SI3/AFv6sOrDB+g6PpUTDwSJiQqOrnneEk8L71161srI9gjzzZvYVbzHiVg/BvcH95+cK/zfIt4pg==",
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.55.0.tgz",
+      "integrity": "sha512-qQfo2mxH5yVom1kacMtZZJFVdW+E70mqHMJvVg6WTLo+VBuQJ4TojZlfWBjK0ve5BdEeNAVxOsl/nvNMpJOaJA==",
      "dev": true,
      "engines": {
        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -5498,12 +5500,12 @@
      }
    },
    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.11",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz",
-      "integrity": "sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==",
+      "version": "0.11.13",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
+      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
      "dev": true,
      "dependencies": {
-        "@humanwhocodes/object-schema": "^1.2.1",
+        "@humanwhocodes/object-schema": "^2.0.1",
        "debug": "^4.1.1",
        "minimatch": "^3.0.5"
      },
@@ -5525,9 +5527,9 @@
      }
    },
    "node_modules/@humanwhocodes/object-schema": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
+      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
      "dev": true
    },
    "node_modules/@jest/create-cache-key-function": {
@@ -8819,11 +8821,11 @@
      "dev": true
    },
    "node_modules/@types/node": {
-      "version": "20.8.6",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.6.tgz",
-      "integrity": "sha512-eWO4K2Ji70QzKUqRy6oyJWUeB7+g2cRagT3T/nxYibYcT4y2BDL8lqolRXjTHmkZCdJfIPaY73KbJAZmcryxTQ==",
+      "version": "20.10.4",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.4.tgz",
+      "integrity": "sha512-D08YG6rr8X90YB56tSIuBaddy/UXAA9RKJoFvrsnogAum/0pmjkgi4+2nx96A330FmioegBWmEYQ+syqCFaveg==",
      "dependencies": {
-        "undici-types": "~5.25.1"
+        "undici-types": "~5.26.4"
      }
    },
    "node_modules/@types/normalize-package-data": {
@@ -8893,8 +8895,7 @@
    "node_modules/@types/semver": {
      "version": "7.5.3",
      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.3.tgz",
-      "integrity": "sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==",
-      "dev": true
+      "integrity": "sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw=="
    },
    "node_modules/@types/send": {
      "version": "0.17.2",
@@ -9206,6 +9207,12 @@
        "url": "https://opencollective.com/typescript-eslint"
      }
    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "dev": true
+    },
    "node_modules/@unimodules/core": {
      "version": "7.1.2",
      "resolved": "https://registry.npmjs.org/@unimodules/core/-/core-7.1.2.tgz",
@@ -11245,7 +11252,6 @@
      "version": "1.0.5",
      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-      "dev": true,
      "engines": {
        "node": ">= 0.4"
      },
@@ -12063,7 +12069,6 @@
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-      "devOptional": true,
      "dependencies": {
        "function-bind": "^1.1.1",
        "get-intrinsic": "^1.0.2"
@@ -14220,18 +14225,19 @@
      }
    },
    "node_modules/eslint": {
-      "version": "8.51.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.51.0.tgz",
-      "integrity": "sha512-2WuxRZBrlwnXi+/vFSJyjMqrNjtJqiasMzehF0shoLaW7DzS3/9Yvrmq5JiT66+pNjiX4UBnLDiKHcWAr/OInA==",
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.55.0.tgz",
+      "integrity": "sha512-iyUUAM0PCKj5QpwGfmCAG9XXbZCWsqP/eWAWrG/W0umvjuLRBECwSFdt+rCntju0xEH7teIABPwXpahftIaTdA==",
      "dev": true,
      "dependencies": {
        "@eslint-community/eslint-utils": "^4.2.0",
        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.2",
-        "@eslint/js": "8.51.0",
-        "@humanwhocodes/config-array": "^0.11.11",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.55.0",
+        "@humanwhocodes/config-array": "^0.11.13",
        "@humanwhocodes/module-importer": "^1.0.1",
        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
        "ajv": "^6.12.4",
        "chalk": "^4.0.0",
        "cross-spawn": "^7.0.2",
@@ -15891,7 +15897,6 @@
      "version": "0.3.3",
      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dev": true,
      "dependencies": {
        "is-callable": "^1.1.3"
      }
@@ -16151,7 +16156,6 @@
      "version": "1.1.2",
      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "devOptional": true,
      "funding": {
        "url": "https://github.com/sponsors/ljharb"
      }
@@ -16204,7 +16208,6 @@
      "version": "1.2.1",
      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
-      "devOptional": true,
      "dependencies": {
        "function-bind": "^1.1.1",
        "has": "^1.0.3",
@@ -16269,6 +16272,30 @@
        "node": ">=6"
      }
    },
+    "node_modules/git-describe": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/git-describe/-/git-describe-4.1.1.tgz",
+      "integrity": "sha512-JC8ganO5kO80G8+XE98TDDjnMXQN3Estk3qdJuG2EGRF/l6zuMTMcN+8OSfQZ5FWpqIRLB015anWX4aSRgnxAQ==",
+      "dependencies": {
+        "@types/semver": "^7.3.8",
+        "lodash": "^4.17.21"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      },
+      "optionalDependencies": {
+        "semver": "^5.6.0"
+      }
+    },
+    "node_modules/git-describe/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
    "node_modules/glob": {
      "version": "7.2.3",
      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -16355,7 +16382,6 @@
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
      "dependencies": {
        "get-intrinsic": "^1.1.3"
      },
@@ -16426,7 +16452,6 @@
      "version": "1.0.4",
      "resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz",
      "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
-      "devOptional": true,
      "engines": {
        "node": ">= 0.4.0"
      }
@@ -16465,7 +16490,6 @@
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-      "devOptional": true,
      "engines": {
        "node": ">= 0.4"
      },
@@ -16477,7 +16501,6 @@
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "devOptional": true,
      "engines": {
        "node": ">= 0.4"
      },
@@ -16489,7 +16512,6 @@
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
      "dependencies": {
        "has-symbols": "^1.0.2"
      },
@@ -17081,6 +17103,21 @@
        "node": ">= 0.10"
      }
    },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
    "node_modules/is-array-buffer": {
      "version": "3.0.2",
      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
@@ -17152,7 +17189,6 @@
      "version": "1.2.7",
      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "dev": true,
      "engines": {
        "node": ">= 0.4"
      },
@@ -17257,6 +17293,20 @@
        "node": ">=4"
      }
    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
    "node_modules/is-glob": {
      "version": "4.0.3",
      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
@@ -17530,7 +17580,6 @@
      "version": "1.1.12",
      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
-      "dev": true,
      "dependencies": {
        "which-typed-array": "^1.1.11"
      },
@@ -19313,8 +19362,7 @@
    "node_modules/lodash": {
      "version": "4.17.21",
      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "devOptional": true
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
    },
    "node_modules/lodash.clonedeep": {
      "version": "4.5.0",
@@ -23137,9 +23185,9 @@
      }
    },
    "node_modules/prettier": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.0.3.tgz",
-      "integrity": "sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.1.0.tgz",
+      "integrity": "sha512-TQLvXjq5IAibjh8EpBIkNKxO749UEWABoiIZehEPiY4GNpVdhaFKqSTu+QrlU6D2dPAfubRmtJTi4K4YkQ5eXw==",
      "dev": true,
      "bin": {
        "prettier": "bin/prettier.cjs"
@@ -26870,9 +26918,9 @@
      }
    },
    "node_modules/undici-types": {
-      "version": "5.25.3",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz",
-      "integrity": "sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA=="
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
    },
    "node_modules/unicode-canonical-property-names-ecmascript": {
      "version": "2.0.0",
@@ -27055,6 +27103,18 @@
      "resolved": "https://registry.npmjs.org/utf8/-/utf8-3.0.0.tgz",
      "integrity": "sha512-E8VjFIQ/TyQgp+TZfS6l8yp/xWppSAHzidGiRrqe4bK4XP9pTRyKFgGJpO3SN7zdX4DeomTrwaseCHovfpFcqQ=="
    },
+    "node_modules/util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
    "node_modules/util-deprecate": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -27966,7 +28026,6 @@
      "version": "1.1.11",
      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz",
      "integrity": "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==",
-      "dev": true,
      "dependencies": {
        "available-typed-arrays": "^1.0.5",
        "call-bind": "^1.0.2",
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "crowd-funder-for-time-pwa",
-  "version": "0.1.4",
+  "name": "TimeSafari",
+  "version": "0.1.6-beta",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
@@ -33,6 +33,7 @@
    "ethereum-cryptography": "^2.1.2",
    "ethereumjs-util": "^7.1.5",
    "ethr-did-resolver": "^8.1.2",
+    "git-describe": "^4.1.1",
    "jdenticon": "^3.2.0",
    "js-generate-password": "^0.1.9",
    "localstorage-slim": "^2.5.0",
@@ -49,6 +50,7 @@
    "reflect-metadata": "^0.1.13",
    "register-service-worker": "^1.7.2",
    "three": "^0.156.1",
+    "util": "^0.12.5",
    "vue": "^3.3.4",
    "vue-axios": "^3.5.2",
    "vue-facing-decorator": "^3.0.2",
--- a/project.task.yaml
+++ b/project.task.yaml
@@ -1,61 +1,41 @@

 tasks:

- remove hard-coded anomalistlabs.com
+- 08 notifications :
+  - get it to work on Android
+  - get it to work on iOS
+  - lock down regenerate_vapid endpoint (so only we admins can do it on demand)
+  - make the app behave correctly when App Notifications are turned off
+  - remove "mute notifications"
+  - remove sleep in py-push-server app.py?
+  - see if we can detect OS-level notifications if turned off
+  - write troubleshooting docs for notifications
+  - make the "App Notifications" toggle on when they turn notifications on
+  - make the "App Notifications" toggle off when they turn notifications off
+  - in py-push-server, when sending a push to a subscriber and we get on a 410 "error #106", delete the subscription record
+  - https://gitea.anomalistdesign.com/trent_larson/py-push-server/pulls/3/files
+  - remove "notification push server" advanced setting since it only makes sense on the current domain

- don't show "Give" & "Offer" on project screen if they don't have an identifier
- allow some gives even if they aren't registered
-
- in endorser-push-server - mount folder for persistent sqlite DB outside of container
- extract private_key_hex in webpush.py
- 40 notifications :
-  - push, where we trigger a ServiceWorker(?) in the app to reach out and check for new data assignee:matthew
-
- .2 change the "claims" verbiage in feeds (eg. safari-notifications.js)
- .5 allow to manage their notifications even without an identity
- 01 Ensure each action sent to the server has a confirmation - eg registration (ie a toast something that dismisses after 5-10s)
 - .3 fix the Project-location-selection map display to not show on top of bottom icons (and any other UI tweaks on the map flow) assignee-group:ui

 - .5 Add infinite scroll to gifts on the home page
- .5 bug - search for "Safari" does not find the project, but if already on the "Anywhere" tab it shows all
- .2 figure out why endorser-mobile search doesn't find recently created PlanAction
- .1 when creating a plan, select location and then make sure you can deselect on Android
- .5 fix where user 0 sees no txns from user 1 on contacts page but sees them on list page
- .1 remove the logic to exclude beforeId in list of plans after server has commit 26b25af605e715600d4f12b6416ed9fd7142d164 assignee:trent
- .2 in SeedBackupView, don't load the mnemonic and keep it in memory; only load it when they click "show"
- fix cert generation (since it didn't happen automatically for Nov 30)

- Discuss whether the remaining tasks are worthwhile before MVP release.
+- .5 If notifications are not enabled, add message to front page with link/button to enable

- .1 Make give description text box into something that expands as they type?
- 04 allow user to download claims, mine + ones I can see about me from others
- .5 customize favicon assignee-group:ui
- .2 Show a warning if both giver and recipient are the same (but still allow?)
- 01 Would it look better to shrink the buttons on many pages so they don't expand to the width of the screen? assignee-group:ui
- .5 Display a more appealing confirmation on the map when erasing the marker
- .5 make a VC details page, or link to endorser.ch
- .1 Add units or different icon to the coins (to distinguish $, BTC, hours, etc)
- .5 include the hash of the latest commit on help page next to version (maybe Trent's git-hash branch)
- .5 remove references to localStorage for projectId (now that it's pulling from the path)
- bug (that is hard to reproduce) - on the second 'give' recorded on prod it showed me as the agent
- make identicons for contacts into more-memorable faces (and maybe change project identicons, too)
- allow download of each VC (to show that they can actually own their data)
+- fix notification error when first loading the app
+- add note after contact addition that they can see your info
+- enhance help page instructions for debugging
+- add way to test quickly a push notification
+- help instructions for PWA install problems (secret failed, must reinstall)
+- look at other examples for better UI friend.tech

- contacts v+ :
-  - 01 Import all the non-sensitive data (ie. contacts & settings).
-  - .2 show error to user when adding a duplicate contact
-  - 01 parse input more robustly (with CSV lib and not commas)
-
- stats v1 :
-  - 01 show numeric stats
-  - 04 show different graphic for projects vs people (gnome?) on world
-  - 01 link to world for specific stats
-  - .5 don't load another instance of a bush if it already exists
-  - maybe - allow type annotations in World.js & landmarks.js (since we get this error - "Types are not supported by current JavaScript version")
-  - 08 convert to cleaner implementation (maybe Drie -- https://github.com/janvorisek/drie)
+- show VC details... somehow:
+  - 01 show my VCs - most interesting, or via search
+  - 01 allow download of each VC (& confirmations, to show that they actually own their data)
+  - 04 allow user to download VCs, mine + ones I can see about me from others
+  - add VC confirmation?

 - Release Minimum Viable Product :
-  - generate new webpush.db entries, data/webpush.db private_key_hex & subscription_info & vapid_claims email
  - .5 deploy endorser.ch server above Dec 1 (to get plan searches by names as well as descriptions)
  - 08 thorough testing for errors & edge cases
  - 01 ensure ability to recover server remotely, and add redundant access
@@ -65,10 +45,42 @@ tasks:
  - Deploy to a server.
  - Ensure public server has limits that work for group adoption.
  - Test PWA features on Android and iOS.
+  - Other features - donation vs give, show offers, show give & outstanding totals, show network view, restrict registration, connect to contacts
  blocks: ref:https://raw.githubusercontent.com/trentlarson/lives-of-gifts/master/project.yaml#kickstarter%20for%20time

+- make identicons for contacts into more-memorable faces (and maybe change project identicons, too)
+- allow some gives even if they aren't registered
+- .5 Add start date to project
+- .3 check that Android shows "back" buttons on screens without bottom tray
+- .1 Make give description text box into something that expands as they type?
+- .5 customize favicon assignee-group:ui
+- .2 Show a warning if both giver and recipient are the same (but still allow?)
+- 01 Would it look better to shrink the buttons on many pages so they don't expand to the width of the screen? assignee-group:ui
+- .5 Display a more appealing confirmation on the map when erasing the marker
+- .5 include the hash of the latest commit on help page next to version (maybe Trent's git-hash branch)
+- .5 remove references to localStorage for projectId (now that it's pulling from the path)
+- bug (that is hard to reproduce) - on the second 'give' recorded on prod it showed me as the agent
+- switch some checks for activeDid to check for isRegistered
+- .2 in SeedBackupView, don't load the mnemonic and keep it in memory; only load it when they click "show"
+- .5 fix cert generation on server (since it didn't happen automatically for Nov 30)
+
+- 04 fix lack of initial notification in Firefox (on MacOS, maybe others)
+
+- contacts v+ :
+  - 01 Import all the non-sensitive data (ie. contacts & settings).
+  - .2 show error to user when adding a duplicate contact
+  - 01 parse input more robustly (with CSV lib and not commas)
+- stats v1 :
+  - 01 show numeric stats
+  - 04 show different graphic for projects vs people (gnome?) on world
+  - 01 link to world for specific stats
+  - .5 don't load another instance of a bush if it already exists
+  - maybe - allow type annotations in World.js & landmarks.js (since we get this error - "Types are not supported by current JavaScript version")
+  - 08 convert to cleaner implementation (maybe Drie -- https://github.com/janvorisek/drie)
+
 - .5 show seed phrase in a QR code for transfer to another device
 - .5 on DiscoverView, switch to a filter UI (eg. just from friend
+- .5 don't show "Offer" on project screen if they aren't registered

 - 24 Move to Vite
 - 32 accept images for projects
@@ -95,6 +107,8 @@ tasks:
 - automated tests, eg. cypress

 - Notifications (wake on the phone, push notifications)
+  - pull instead of push, maybe via scheduled runs
+  - have a notification pop-up on Mac screen

 - Connect with phone contacts

@@ -107,9 +121,6 @@ tasks:

 - Do we want split first name & last name?

- 40 notifications v+ :
-  - pull, w/ scheduled runs
-
 - 01 On nearby search, if user starts changing their box but cancels and goes back to the map it is zoomed far out. Fix to fit the box better.
 - 16 From the home screen, make the quick action even easier.

--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/src/App.vue
+++ b/src/App.vue
@@ -169,20 +169,12 @@
                >
                  Turn on Notifications
                </button>
-                <div class="grid grid-cols-2 gap-2">
-                  <button
-                    @click="maybeLater(notification.id)"
-                    class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md"
-                  >
-                    Maybe Later
-                  </button>
-                  <button
-                    @click="never(notification.id)"
-                    class="block w-full text-center text-md font-bold uppercase bg-rose-600 text-white px-2 py-2 rounded-md"
-                  >
-                    Never
-                  </button>
-                </div>
+                <button
+                  @click="close(notification.id)"
+                  class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md"
+                >
+                  Maybe Later
+                </button>
              </div>
            </div>
          </div>
@@ -238,6 +230,10 @@
                </p>

                <button
+                  @click="
+                    close(notification.id);
+                    turnOffNotifications();
+                  "
                  class="block w-full text-center text-md font-bold uppercase bg-rose-600 text-white px-2 py-2 rounded-md mb-2"
                >
                  Turn Off Notifications
@@ -261,7 +257,7 @@

 <script lang="ts">
 import { Vue, Component } from "vue-facing-decorator";
-import axios, { AxiosError } from "axios";
+import axios from "axios";
 interface ServiceWorkerMessage {
  type: string;
  data: string;
@@ -285,22 +281,64 @@ interface VapidResponse {
  };
 }

+import { AppString } from "@/constants/app";
+import { db } from "@/db/index";
+import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
+
+interface Notification {
+  group: string;
+  type: string;
+  title: string;
+  text: string;
+}
+
@Component
 export default class App extends Vue {
+  $notify!: (notification: Notification, timeout?: number) => void;
+
  b64 = "";
-  mounted() {
-    axios
-      .get("https://timesafari-pwa.anomalistlabs.com/web-push/vapid")
-      .then((response: VapidResponse) => {
-        this.b64 = response.data.vapidKey;
-        console.log(this.b64);
-        navigator.serviceWorker.addEventListener("controllerchange", () => {
-          console.log("New service worker is now controlling the page");
+
+  async mounted() {
+    try {
+      await db.open();
+      const settings = await db.settings.get(MASTER_SETTINGS_KEY);
+      let pushUrl: string = AppString.DEFAULT_PUSH_SERVER;
+      if (settings?.webPushServer) {
+        pushUrl = settings.webPushServer;
+      }
+
+      await axios
+        .get(pushUrl + "/web-push/vapid")
+        .then((response: VapidResponse) => {
+          this.b64 = response.data?.vapidKey || "";
+          console.log("Got vapid key:", this.b64);
+          navigator.serviceWorker.addEventListener("controllerchange", () => {
+            console.log("New service worker is now controlling the page");
+          });
        });
-      })
-      .catch((error: AxiosError) => {
-        console.error("API error", error);
-      });
+      if (!this.b64) {
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error Setting Notifications",
+            text: "Could not set notifications.",
+          },
+          -1,
+        );
+      }
+    } catch (error) {
+      console.error("Got an error initializing notifications:", error);
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error Setting Notifications",
+          text: "Got an error setting notifications.",
+        },
+        -1,
+      );
+    }
  }

  private sendMessageToServiceWorker(
@@ -368,7 +406,10 @@ export default class App extends Vue {
  private requestNotificationPermission(): Promise<NotificationPermission> {
    return Notification.requestPermission().then((permission) => {
      if (permission !== "granted") {
-        alert("We need notification permission to provide certain features.");
+        alert(
+          "Allow this app permission to make notifications for personal reminders." +
+            " You can adjust them at any time in your settings.",
+        );
        throw new Error("We weren't granted permission.");
      }
      return permission;
@@ -404,16 +445,22 @@ export default class App extends Vue {
              "Subscription or server communication failed:",
              error,
            );
-            alert( "Subscription or server communication failed. Try again in a while." );
+            alert(
+              "Subscription or server communication failed. Try again in a while.",
+            );
          });
      })
      .catch((error) => {
-        console.error("An error occurred:", error);
-        alert( "Some error occurred." + error );	
+        console.error(
+          "An error occurred setting notification permissions:",
+          error,
+        );
+        alert(
+          "Some error occurred setting notification permissions. See logs.",
+        );
      });
  }

-
  private urlBase64ToUint8Array(base64String: string): Uint8Array {
    const padding = "=".repeat((4 - (base64String.length % 4)) % 4);
    const base64 = (base64String + padding)
@@ -477,7 +524,7 @@ export default class App extends Vue {
  private sendSubscriptionToServer(
    subscription: PushSubscription,
  ): Promise<void> {
-    console.log(subscription);
+    console.log("About to send subscription", subscription);
    return fetch("/web-push/subscribe", {
      method: "POST",
      headers: {
@@ -492,12 +539,49 @@ export default class App extends Vue {
    });
  }

-  never(ID: string) {
-    alert(ID);
-  }
+  async turnOffNotifications() {
+    let subscription;
+    const pushProviderSuccess = await navigator.serviceWorker.ready
+      .then((registration) => {
+        return registration.pushManager.getSubscription();
+      })
+      .then((subscript) => {
+        subscription = subscript;
+        if (subscription) {
+          return subscription.unsubscribe();
+        } else {
+          console.log("Subscription object is not available.");
+          return false;
+        }
+      })
+      .catch((error) => {
+        console.log("Push provider server communication failed:", error);
+        return false;
+      });

-  maybeLater(ID: string) {
-    alert(ID);
+    const pushServerSuccess = await fetch("/web-push/unsubscribe", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(subscription),
+    })
+      .then((response) => {
+        return response.ok;
+      })
+      .catch((error) => {
+        console.log("Push server communication failed:", error);
+        return false;
+      });
+
+    alert(
+      "Notifications are off. Push provider unsubscribe " +
+        (pushProviderSuccess ? "succeeded" : "failed") +
+        (pushProviderSuccess === pushServerSuccess ? " and" : " but") +
+        " push server unsubscribe " +
+        (pushServerSuccess ? "succeeded" : "failed") +
+        ".",
+    );
  }
 }
 </script>
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/components/GiftedDialog.vue
+++ b/src/components/GiftedDialog.vue
@@ -13,18 +13,21 @@
      <div class="flex flex-row">
        <span
          class="rounded-l border border-r-0 border-slate-400 bg-slate-200 w-1/3 text-center px-2 py-2"
-          >Hours</span
+          @click="changeUnitCode()"
        >
+          {{ UNIT_SHORT[unitCode] }}
+        </span>
        <div
          class="border border-r-0 border-slate-400 bg-slate-200 px-4 py-2"
          @click="decrement()"
+          v-if="amountInput !== '0'"
        >
          <fa icon="chevron-left" />
        </div>
        <input
          type="text"
          class="w-full border border-r-0 border-slate-400 px-2 py-2 text-center"
-          v-model="hours"
+          v-model="amountInput"
        />
        <div
          class="rounded-r border border-slate-400 bg-slate-200 px-4 py-2"
@@ -81,12 +84,31 @@ export default class GiftedDialog extends Vue {
  activeDid = "";
  apiServer = "";

+  amountInput = "0";
  giver?: GiverInputInfo; // undefined means no identified giver agent
  description = "";
  givenToUser = false;
-  hours = "0";
+  unitCode = "HUR";
  visible = false;

+  /* eslint-disable prettier/prettier */
+  UNIT_SHORT: Record<string, string> = {
+    "BTC": "BTC",
+    "ETH": "ETH",
+    "HUR": "Hours",
+    "USD": "US $",
+  };
+  /* eslint-enable prettier/prettier */
+
+  /* eslint-disable prettier/prettier */
+  UNIT_LONG: Record<string, string> = {
+    "BTC": "BTC",
+    "ETH": "ETH",
+    "HUR": "hours",
+    "USD": "dollars",
+  };
+  /* eslint-enable prettier/prettier */
+
  async created() {
    try {
      await db.open();
@@ -115,7 +137,7 @@ export default class GiftedDialog extends Vue {
    this.giver = giver;
    // if we show "given to user" selection, default checkbox to true
    this.givenToUser = this.showGivenToUser;
-    this.hours = "0";
+    this.amountInput = "0";

    this.visible = true;
  }
@@ -125,12 +147,21 @@ export default class GiftedDialog extends Vue {
    this.visible = false;
  }

+  changeUnitCode() {
+    const units = Object.keys(this.UNIT_SHORT);
+    const index = units.indexOf(this.unitCode);
+    this.unitCode = units[(index + 1) % units.length];
+  }
+
  increment() {
-    this.hours = `${(parseFloat(this.hours) || 0) + 1}`;
+    this.amountInput = `${(parseFloat(this.amountInput) || 0) + 1}`;
  }

  decrement() {
-    this.hours = `${Math.max(0, (parseFloat(this.hours) || 1) - 1)}`;
+    this.amountInput = `${Math.max(
+      0,
+      (parseFloat(this.amountInput) || 1) - 1,
+    )}`;
  }

  cancel() {
@@ -142,7 +173,7 @@ export default class GiftedDialog extends Vue {
    this.description = "";
    this.giver = undefined;
    this.givenToUser = this.showGivenToUser;
-    this.hours = "0";
+    this.amountInput = "0";
  }

  async confirm() {
@@ -160,7 +191,8 @@ export default class GiftedDialog extends Vue {
    await this.recordGive(
      this.giver?.did as string | undefined,
      this.description,
-      parseFloat(this.hours),
+      parseFloat(this.amountInput),
+      this.unitCode,
    ).then(() => {
      this.eraseValues();
    });
@@ -186,12 +218,13 @@ export default class GiftedDialog extends Vue {
   *
   * @param giverDid may be null
   * @param description may be an empty string
-   * @param hours may be 0
+   * @param amountInput may be 0
   */
  public async recordGive(
    giverDid?: string,
    description?: string,
-    hours?: number,
+    amountInput?: number,
+    unitCode?: string,
  ) {
    if (!this.activeDid) {
      this.$notify(
@@ -206,13 +239,15 @@ export default class GiftedDialog extends Vue {
      return;
    }

-    if (!description && !hours) {
+    if (!description && !amountInput) {
      this.$notify(
        {
          group: "alert",
          type: "danger",
          title: "Error",
-          text: "You must enter a description or some number of hours.",
+          text: `You must enter a description or some number of ${
+            this.UNIT_LONG[this.unitCode]
+          }.`,
        },
        -1,
      );
@@ -228,7 +263,8 @@ export default class GiftedDialog extends Vue {
        giverDid,
        this.givenToUser ? this.activeDid : undefined,
        description,
-        hours,
+        amountInput,
+        unitCode,
        this.projectId,
      );

--- a/src/constants/app.ts
+++ b/src/constants/app.ts
@@ -4,20 +4,27 @@
 * See also ../libs/veramo/setup.ts
 */
 export enum AppString {
-  APP_NAME = "TimeSafari",
+  APP_NAME = "Time Safari",

  PROD_ENDORSER_API_SERVER = "https://api.endorser.ch",
  TEST_ENDORSER_API_SERVER = "https://test-api.endorser.ch",
  LOCAL_ENDORSER_API_SERVER = "http://localhost:3000",

  DEFAULT_ENDORSER_API_SERVER = TEST_ENDORSER_API_SERVER,
+
+  PROD_PUSH_SERVER = "https://timesafari.app",
+  TEST1_PUSH_SERVER = "https://test.timesafari.app",
+  TEST2_PUSH_SERVER = "https://timesafari-pwa.anomalistlabs.com",
+
+  DEFAULT_PUSH_SERVER = TEST1_PUSH_SERVER,
 }

 /**
- * See notiwind package
+ * The possible values for "group" and "type" are in App.vue.
+ * From the notiwind package
 */
 export interface NotificationIface {
-  group: string;
+  group: string; // "alert" | "modal"
  type: string; // "toast" | "info" | "success" | "warning" | "danger"
  title: string;
  text: string;
--- a/src/db/index.ts
+++ b/src/db/index.ts
@@ -45,5 +45,8 @@ db.on("populate", () => {
  db.settings.add({
    id: MASTER_SETTINGS_KEY,
    apiServer: AppString.DEFAULT_ENDORSER_API_SERVER,
+
+    // remember that things you add from now on aren't automatically in the DB for old users
+    webPushServer: AppString.DEFAULT_PUSH_SERVER,
  });
 });
--- a/src/db/tables/settings.ts
+++ b/src/db/tables/settings.ts
@@ -16,13 +16,13 @@ export type Settings = {
  activeDid?: string; // Active Decentralized ID
  apiServer?: string; // API server URL
  firstName?: string; // User's first name
-  lastName?: string; // User's last name
+  lastName?: string; // deprecated - put all names in firstName
  lastViewedClaimId?: string; // Last viewed claim ID
  lastNotifiedClaimId?: string; // Last notified claim ID
  isRegistered?: boolean;
+  webPushServer?: string; // Web Push server URL

  // Array of named search boxes defined by bounding boxes
-
  searchBoxes?: Array<{
    name: string;
    bbox: BoundingBox;
--- a/src/libs/endorserServer.ts
+++ b/src/libs/endorserServer.ts
@@ -12,6 +12,8 @@ export const SERVICE_ID = "endorser.ch";
 export const CONTACT_URL_PREFIX = "https://endorser.ch";
 // the suffix for the contact URL
 export const ENDORSER_JWT_URL_LOCATION = "/contact?jwt=";
+// the prefix for handle IDs, the permanent ID for claims on Endorser
+export const ENDORSER_CH_HANDLE_PREFIX = "https://endorser.ch/entity/";

 export interface AgreeVerifiableCredential {
  "@context": string;
@@ -38,14 +40,24 @@ export interface ClaimResult {
  error: { code: string; message: string };
 }

-export interface GenericClaim {
+export interface GenericVerifiableCredential {
  "@context": string;
  "@type": string;
-  issuedAt: string;
-  // "any" because arbitrary objects can be subject of agreement
+}
+
+export interface GenericServerRecord extends GenericVerifiableCredential {
+  handleId?: string;
+  id?: string;
+  issuedAt?: string;
+  issuer?: string;
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  claim: Record<any, any>;
 }
+export const BLANK_GENERIC_SERVER_RECORD: GenericServerRecord = {
+  "@context": SCHEMA_ORG_CONTEXT,
+  "@type": "",
+  claim: {},
+};

 export interface GiveServerRecord {
  agentDid: string;
@@ -69,6 +81,8 @@ export interface OfferServerRecord {
  validThrough: string;
 }

+// Note that previous VCs may have additional fields.
+// https://endorser.ch/doc/html/transactions.html#id4
 export interface GiveVerifiableCredential {
  "@context"?: string; // optional when embedded, eg. in an Agree
  "@type": "GiveAction";
@@ -80,6 +94,8 @@ export interface GiveVerifiableCredential {
  recipient?: { identifier: string };
 }

+// Note that previous VCs may have additional fields.
+// https://endorser.ch/doc/html/transactions.html#id8
 export interface OfferVerifiableCredential {
  "@context"?: string; // optional when embedded, eg. in an Agree
  "@type": "Offer";
@@ -93,6 +109,8 @@ export interface OfferVerifiableCredential {
  validThrough?: string;
 }

+// Note that previous VCs may have additional fields.
+// https://endorser.ch/doc/html/transactions.html#id7
 export interface PlanVerifiableCredential {
  "@context": "https://schema.org";
  "@type": "PlanAction";
@@ -137,6 +155,104 @@ export function isHiddenDid(did: string) {
  return did === HIDDEN_DID;
 }

+/**
+ * @return true for any nested string where func(input) === true
+ *
+ * Similar logic is found in endorser-mobile.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function testRecursivelyOnString(func: (arg0: any) => boolean, input: any) {
+  if (Object.prototype.toString.call(input) === "[object String]") {
+    return func(input);
+  } else if (input instanceof Object) {
+    if (!Array.isArray(input)) {
+      // it's an object
+      for (const key in input) {
+        if (testRecursivelyOnString(func, input[key])) {
+          return true;
+        }
+      }
+    } else {
+      // it's an array
+      for (const value of input) {
+        if (testRecursivelyOnString(func, value)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  } else {
+    return false;
+  }
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function containsHiddenDid(obj: any) {
+  return testRecursivelyOnString(isHiddenDid, obj);
+}
+
+export function stripEndorserPrefix(claimId: string) {
+  if (claimId && claimId.startsWith(ENDORSER_CH_HANDLE_PREFIX)) {
+    return claimId.substring(ENDORSER_CH_HANDLE_PREFIX.length);
+  } else {
+    return claimId;
+  }
+}
+
+// similar logic is found in endorser-mobile
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function removeSchemaContext(obj: any) {
+  return obj["@context"] === SCHEMA_ORG_CONTEXT
+    ? R.omit(["@context"], obj)
+    : obj;
+}
+
+// similar logic is found in endorser-mobile
+export function addLastClaimOrHandleAsIdIfMissing(
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  obj: any,
+  lastClaimId?: string,
+  handleId?: string,
+) {
+  if (!obj.identifier && lastClaimId) {
+    const result = R.clone(obj);
+    result.lastClaimId = lastClaimId;
+    return result;
+  } else if (!obj.identifier && handleId) {
+    const result = R.clone(obj);
+    result.identifier = handleId;
+    return result;
+  } else {
+    return obj;
+  }
+}
+
+// return clone of object without any nested *VisibleToDids keys
+// similar logic is found in endorser-mobile
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function removeVisibleToDids(input: any): any {
+  if (input instanceof Object) {
+    if (!Array.isArray(input)) {
+      // it's an object
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const result: Record<string, any> = {};
+      for (const key in input) {
+        if (!key.endsWith("VisibleToDids")) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          result[key] = removeVisibleToDids(R.clone(input[key]));
+        }
+      }
+      return result;
+    } else {
+      // it's an array
+      return R.map(removeVisibleToDids, input);
+    }
+    return false;
+  } else {
+    return input;
+  }
+}
+
 /**
 always returns text, maybe UNNAMED_VISIBLE or UNKNOWN_ENTITY

@@ -194,6 +310,7 @@ export async function createAndSubmitGive(
  toDid?: string,
  description?: string,
  hours?: number,
+  unitCode?: string,
  fulfillsProjectHandleId?: string,
 ): Promise<CreateAndSubmitClaimResult> {
  const vcClaim: GiveVerifiableCredential = {
@@ -202,13 +319,15 @@ export async function createAndSubmitGive(
    recipient: toDid ? { identifier: toDid } : undefined,
    agent: fromDid ? { identifier: fromDid } : undefined,
    description: description || undefined,
-    object: hours ? { amountOfThisGood: hours, unitCode: "HUR" } : undefined,
+    object: hours
+      ? { amountOfThisGood: hours, unitCode: unitCode || "HUR" }
+      : undefined,
    fulfills: fulfillsProjectHandleId
      ? { "@type": "PlanAction", identifier: fulfillsProjectHandleId }
      : undefined,
  };
  return createAndSubmitClaim(
-    vcClaim as GenericClaim,
+    vcClaim as GenericServerRecord,
    identity,
    apiServer,
    axios,
@@ -256,7 +375,7 @@ export async function createAndSubmitOffer(
    };
  }
  return createAndSubmitClaim(
-    vcClaim as GenericClaim,
+    vcClaim as GenericServerRecord,
    identity,
    apiServer,
    axios,
@@ -264,7 +383,7 @@ export async function createAndSubmitOffer(
 }

 export async function createAndSubmitClaim(
-  vcClaim: GenericClaim,
+  vcClaim: GenericVerifiableCredential,
  identity: IIdentifier,
  apiServer: string,
  axios: Axios,
--- a/src/libs/util.ts
+++ b/src/libs/util.ts
@@ -0,0 +1,5 @@
+// many of these are also found in endorser-mobile utility.ts
+
+export const isGlobalUri = (uri: string) => {
+  return uri && uri.match(new RegExp(/^[A-Za-z][A-Za-z0-9+.-]+:/));
+};
--- a/src/main.ts
+++ b/src/main.ts
@@ -14,6 +14,7 @@ import {
  faArrowLeft,
  faArrowRight,
  faBan,
+  faBitcoinSign,
  faBurst,
  faCalendar,
  faChevronLeft,
@@ -27,6 +28,7 @@ import {
  faCoins,
  faComment,
  faCopy,
+  faDollar,
  faEllipsisVertical,
  faEye,
  faEyeSlash,
@@ -34,16 +36,19 @@ import {
  faFloppyDisk,
  faFolderOpen,
  faGift,
+  faGlobe,
  faHand,
  faHouseChimney,
  faLocationDot,
  faLongArrowAltLeft,
  faLongArrowAltRight,
  faMagnifyingGlass,
+  faMessage,
  faPen,
  faPersonCircleCheck,
  faPersonCircleQuestion,
  faPlus,
+  faQuestion,
  faQrcode,
  faRotate,
  faShareNodes,
@@ -61,6 +66,7 @@ library.add(
  faArrowLeft,
  faArrowRight,
  faBan,
+  faBitcoinSign,
  faBurst,
  faCalendar,
  faChevronLeft,
@@ -74,6 +80,7 @@ library.add(
  faCoins,
  faComment,
  faCopy,
+  faDollar,
  faEllipsisVertical,
  faEye,
  faEyeSlash,
@@ -81,17 +88,20 @@ library.add(
  faFloppyDisk,
  faFolderOpen,
  faGift,
+  faGlobe,
  faHand,
  faHouseChimney,
  faLocationDot,
  faLongArrowAltLeft,
  faLongArrowAltRight,
  faMagnifyingGlass,
+  faMessage,
  faPen,
  faPersonCircleCheck,
  faPersonCircleQuestion,
  faPlus,
  faQrcode,
+  faQuestion,
  faRotate,
  faShareNodes,
  faSpinner,
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -39,7 +39,12 @@ const routes: Array<RouteRecordRaw> = [
    name: "account",
    component: () =>
      import(/* webpackChunkName: "account" */ "../views/AccountViewView.vue"),
-    beforeEnter: enterOrStart,
+  },
+  {
+    path: "/claim/:id?",
+    name: "claim",
+    component: () =>
+      import(/* webpackChunkName: "claim" */ "../views/ClaimView.vue"),
  },
  {
    path: "/confirm-contact",
@@ -91,6 +96,14 @@ const routes: Array<RouteRecordRaw> = [
    component: () =>
      import(/* webpackChunkName: "help" */ "../views/HelpView.vue"),
  },
+  {
+    path: "/help-notifications",
+    name: "help-notifications",
+    component: () =>
+      import(
+        /* webpackChunkName: "help-notifications" */ "../views/HelpNotificationsView.vue"
+      ),
+  },
  {
    path: "/identity-switcher",
    name: "identity-switcher",
--- a/src/util.d.ts
+++ b/src/util.d.ts
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -58,9 +58,9 @@
      <span v-else>
        <router-link
          :to="{ name: 'new-edit-account' }"
-          class="text-xs bg-blue-500 text-white px-1.5 py-1 rounded-md"
+          class="block w-full text-center text-md text-slate-500 uppercase border border-dashed border-slate-400 px-1.5 py-2 rounded-md mb-2"
        >
-          (set name)
+          (Set Your Name)
        </router-link>
      </span>

@@ -89,15 +89,23 @@
    <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8">
      <label
        for="toggleNotifications"
-        class="flex items-center cursor-pointer"
+        class="flex items-center justify-between cursor-pointer"
        @click="
-          this.$notify(
-            {
-              group: 'modal',
-              type: 'notification-permission',
-            },
-            -1,
-          )
+          !toggleNotifications
+            ? this.$notify(
+                {
+                  group: 'modal',
+                  type: 'notification-permission',
+                },
+                -1,
+              )
+            : this.$notify(
+                {
+                  group: 'modal',
+                  type: 'notification-off',
+                },
+                -1,
+              )
        "
      >
        <!-- label -->
@@ -121,7 +129,7 @@
      </label>
      <label
        for="toggleMuteNotifications"
-        class="flex items-center cursor-pointer mt-4"
+        class="flex items-center justify-between cursor-pointer mt-4"
        @click="
          this.$notify(
            {
@@ -157,7 +165,6 @@

    <router-link
      :to="{ name: 'seed-backup' }"
-      href=""
      class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
    >
      Backup Identifier Seed
@@ -172,30 +179,42 @@
    </a>
    <a ref="downloadLink" />

-    <div v-if="activeDid" class="flex py-2">
-      <button class="text-center text-md text-blue-500" @click="checkLimits()">
+    <div v-if="activeDid" class="my-8">
+      <h3 class="text-sm uppercase font-semibold mb-3">Rate Limits</h3>
+      <button
+        class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
+        @click="checkLimits()"
+      >
        Check Limits
      </button>
      <!-- show spinner if loading limits -->
-      <div v-if="loadingLimits" class="ml-2">
-        Checking... <fa icon="spinner" class="fa-spin"></fa>
+      <div v-if="loadingLimits" class="text-center mb-4">
+        Checking&hellip; <fa icon="spinner" class="fa-spin"></fa>
      </div>
-      <div class="ml-2">
+      <div class="mb-4">
        {{ limitsMessage }}
      </div>
-      <div v-if="!!limits?.nextWeekBeginDateTime" class="px-9">
-        <span class="font-bold">Rate Limits</span>
-        <p>
-          You have done {{ limits.doneClaimsThisWeek }} claims out of
-          {{ limits.maxClaimsPerWeek }} for this week. Your claims counter
-          resets at {{ readableTime(limits.nextWeekBeginDateTime) }}
+      <div v-if="!!limits?.nextWeekBeginDateTime">
+        <p class="mb-3 text-sm">
+          You have done <b>{{ limits.doneClaimsThisWeek }}</b> claims out of
+          <b>{{ limits.maxClaimsPerWeek }}</b> for this week. Your claims
+          counter resets at
+          <b class="whitespace-nowrap">{{
+            readableTime(limits.nextWeekBeginDateTime)
+          }}</b>
        </p>
-        <p>
-          You have done {{ limits.doneRegistrationsThisMonth }} registrations
-          out of {{ limits.maxRegistrationsPerMonth }} for this month. (You can
-          register nobody on your first day, and after that only one a day in
-          your first month.) Your registration counter resets at
-          {{ readableTime(limits.nextMonthBeginDateTime) }}
+        <p class="text-sm">
+          You have done
+          <b>{{ limits.doneRegistrationsThisMonth }}</b> registrations out of
+          <b>{{ limits.maxRegistrationsPerMonth }}</b> for this month.
+          <i
+            >(You can register nobody on your first day, and after that only one
+            a day in your first month.)</i
+          >
+          Your registration counter resets at
+          <b class="whitespace-nowrap">
+            {{ readableTime(limits.nextMonthBeginDateTime) }}
+          </b>
        </p>
      </div>
    </div>
@@ -208,10 +227,14 @@
    >
      Advanced
    </h3>
-
    <div v-if="showAdvanced">
+      <p class="text-rose-600 mb-8">
+        Beware: the features here can be confusing and even change data in ways
+        you do not expect. But we support your freedoms!
+      </p>
+
      <!-- Deep Identity Details -->
-      <h2 class="text-slate-500 text-sm font-bold mb-2 py-2">
+      <h2 class="text-sm uppercase font-semibold mb-3">
        Deep Identity Details
      </h2>
      <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
@@ -269,13 +292,11 @@

      <label
        for="toggleShowAmounts"
-        class="flex items-center cursor-pointer py-2"
+        class="flex items-center justify-between cursor-pointer my-4"
        @click="handleChange"
      >
        <!-- label -->
-        <h2 class="text-slate-500 text-sm font-bold mb-2">
-          Show amounts given with contacts
-        </h2>
+        <h2>Show amounts given with contacts</h2>
        <!-- toggle -->
        <div class="relative ml-2">
          <!-- input -->
@@ -294,26 +315,28 @@
        </div>
      </label>

-      <div class="flex py-2">
-        <button class="text-blue-500">
-          <!-- id used by puppeteer test script -->
-          <router-link
-            id="switch-identity-link"
-            :to="{ name: 'identity-switcher' }"
-            class="block text-center"
-          >
-            Switch Identity / No Identity
-          </router-link>
-        </button>
-      </div>
+      <router-link
+        :to="{ name: 'statistics' }"
+        class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
+      >
+        See Global Animated History of Giving
+      </router-link>

-      <div class="flex py-2">
-        <button class="text-blue-500">
-          <router-link :to="{ name: 'statistics' }" class="block text-center">
-            See Achievements & Statistics
-          </router-link>
-        </button>
-      </div>
+      <!-- id used by puppeteer test script -->
+      <router-link
+        id="switch-identity-link"
+        :to="{ name: 'identity-switcher' }"
+        class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
+      >
+        Switch Identity / No Identity
+      </router-link>
+
+      <button
+        @click="alertWebPushSubscription()"
+        class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
+      >
+        Show Subscription from Web Push Server
+      </button>

      <div class="flex py-4">
        <h2 class="text-slate-500 text-sm font-bold mb-2">Claim Server</h2>
@@ -330,30 +353,71 @@
          <fa icon="floppy-disk" class="fa-fw" color="white"></fa>
        </button>
        <button
-          class="px-4 rounded bg-slate-200 border border-slate-400"
-          @click="setApiServerInput(Constants.PROD_ENDORSER_API_SERVER)"
+          class="px-3 rounded bg-slate-200 border border-slate-400"
+          @click="apiServerInput = AppConstants.PROD_ENDORSER_API_SERVER"
        >
          Use Prod
        </button>
        <button
-          class="px-4 rounded bg-slate-200 border border-slate-400"
-          @click="setApiServerInput(Constants.TEST_ENDORSER_API_SERVER)"
+          class="px-3 rounded bg-slate-200 border border-slate-400"
+          @click="apiServerInput = AppConstants.TEST_ENDORSER_API_SERVER"
        >
          Use Test
        </button>
        <button
-          class="px-4 rounded bg-slate-200 border border-slate-400"
-          @click="setApiServerInput(Constants.LOCAL_ENDORSER_API_SERVER)"
+          class="px-3 rounded bg-slate-200 border border-slate-400"
+          @click="apiServerInput = AppConstants.LOCAL_ENDORSER_API_SERVER"
        >
          Use Local
        </button>
      </div>
+
+      <div class="flex py-4">
+        <h2 class="text-slate-500 text-sm font-bold mb-2">
+          Notification Push Server
+        </h2>
+        <input
+          type="text"
+          class="block w-full rounded border border-slate-400 px-3 py-2"
+          v-model="webPushServerInput"
+        />
+        <button
+          v-if="webPushServerInput != webPushServer"
+          class="px-4 rounded bg-red-500 border border-slate-400"
+          @click="onClickSavePushServer()"
+        >
+          <fa icon="floppy-disk" class="fa-fw" color="white"></fa>
+        </button>
+        <button
+          class="px-3 rounded bg-slate-200 border border-slate-400"
+          @click="webPushServerInput = AppConstants.PROD_PUSH_SERVER"
+        >
+          Use Prod
+        </button>
+        <button
+          class="px-3 rounded bg-slate-200 border border-slate-400"
+          @click="webPushServerInput = AppConstants.TEST1_PUSH_SERVER"
+        >
+          Use Test 1
+        </button>
+        <button
+          class="px-3 rounded bg-slate-200 border border-slate-400"
+          @click="webPushServerInput = AppConstants.TEST2_PUSH_SERVER"
+        >
+          Use Test 2
+        </button>
+      </div>
+      <span class="px-4 text-sm" v-if="!webPushServerInput">
+        When that setting is blank, this app will use the default web push
+        server URL:
+        {{ AppConstants.DEFAULT_PUSH_SERVER }}
+      </span>
    </div>
  </section>
 </template>

 <script lang="ts">
-import { AxiosError } from "axios";
+import { AxiosError, AxiosRequestConfig } from "axios";
 import "dexie-export-import";
 import { Component, Vue } from "vue-facing-decorator";
 import { useClipboard } from "@vueuse/core";
@@ -387,7 +451,7 @@ interface IAccount {
 export default class AccountViewView extends Vue {
  $notify!: (notification: Notification, timeout?: number) => void;

-  Constants = AppString;
+  AppConstants = AppString;

  activeDid = "";
  apiServer = "";
@@ -398,6 +462,8 @@ export default class AccountViewView extends Vue {
  numAccounts = 0;
  publicHex = "";
  publicBase64 = "";
+  webPushServer = "";
+  webPushServerInput = "";
  limits: RateLimits | null = null;
  limitsMessage = "";
  loadingLimits = true; // might as well now that we do it on mount, to avoid flashing the registration message
@@ -410,12 +476,12 @@ export default class AccountViewView extends Vue {

  showAdvanced = false;

-  private isSubscribed = false;
+  subscription: PushSubscription | null = null;

+  private isSubscribed = false;
  get toggleNotifications() {
    return this.isSubscribed;
  }
-
  set toggleNotifications(value) {
    this.isSubscribed = value;
  }
@@ -502,7 +568,6 @@ export default class AccountViewView extends Vue {
   * @throws Will display specific messages to the user based on different errors.
   */
  async created() {
-    console.error("created");
    try {
      await db.open();

@@ -522,13 +587,12 @@ export default class AccountViewView extends Vue {
  }

  async mounted() {
-    console.error("mounted()");
    try {
      const registration = await navigator.serviceWorker.ready;
-      const subscription = await registration.pushManager.getSubscription();
-      this.toggleNotifications = !!subscription;
+      this.subscription = await registration.pushManager.getSubscription();
+      this.toggleNotifications = !!this.subscription;
    } catch (error) {
-      console.error(error);
+      console.error("Mount error:", error);
      this.toggleNotifications = false;
    }
  }
@@ -545,6 +609,8 @@ export default class AccountViewView extends Vue {
      (settings?.firstName || "") +
      (settings?.lastName ? ` ${settings.lastName}` : ""); // pre v 0.1.3
    this.isRegistered = !!settings?.isRegistered;
+    this.webPushServer = (settings?.webPushServer as string) || "";
+    this.webPushServerInput = (settings?.webPushServer as string) || "";
    this.showContactGives = !!settings?.showContactGivesInline;
  }

@@ -769,7 +835,7 @@ export default class AccountViewView extends Vue {
  private async fetchRateLimits(identity: IIdentifier) {
    const url = `${this.apiServer}/api/report/rateLimits`;
    const headers = await this.getHeaders(identity);
-    return await this.axios.get(url, { headers });
+    return await this.axios.get(url, { headers } as AxiosRequestConfig);
  }

  /**
@@ -872,8 +938,29 @@ export default class AccountViewView extends Vue {
    this.apiServer = this.apiServerInput;
  }

-  setApiServerInput(value: string) {
-    this.apiServerInput = value;
+  async onClickSavePushServer() {
+    await db.open();
+    db.settings.update(MASTER_SETTINGS_KEY, {
+      webPushServer: this.webPushServerInput,
+    });
+    this.webPushServer = this.webPushServerInput;
+    this.$notify(
+      {
+        group: "alert",
+        type: "warning",
+        title: "Reload",
+        text: "Now reload the app to get a new VAPID to use with this push server.",
+      },
+      -1,
+    );
+  }
+
+  alertWebPushSubscription() {
+    console.log(
+      "Web push subscription:",
+      JSON.parse(JSON.stringify(this.subscription)), // gives more info than plain console logging
+    );
+    alert(JSON.stringify(this.subscription));
  }
 }
 </script>
--- a/src/views/ClaimView.vue
+++ b/src/views/ClaimView.vue
@@ -0,0 +1,472 @@
+<template>
+  <QuickNav />
+  <!-- CONTENT -->
+  <section id="Content" class="p-6 pb-24">
+    <!-- Breadcrumb -->
+    <div id="ViewBreadcrumb" class="mb-8">
+      <h1 class="text-lg text-center font-light relative px-7">
+        <!-- Back -->
+        <button
+          @click="$router.go(-1)"
+          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+        >
+          <fa icon="chevron-left" class="fa-fw"></fa>
+        </button>
+        Verifiable Claim Details
+      </h1>
+    </div>
+
+    <!-- Details -->
+    <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
+      <div>
+        <div class="block pb-4 flex gap-4 overflow-hidden">
+          <div class="overflow-hidden">
+            <h2 class="text-xl">{{ veriClaim.id }}</h2>
+            <div class="text-sm">
+              <div>
+                {{ veriClaim.claimType }}
+              </div>
+              <div>
+                <fa icon="message" class="fa-fw text-slate-400"></fa>
+                {{ veriClaim.claim?.description }}
+              </div>
+              <div>
+                <fa icon="user" class="fa-fw text-slate-400"></fa>
+                {{ veriClaim.issuer }}
+              </div>
+              <div>
+                <fa icon="calendar" class="fa-fw text-slate-400"></fa>
+                {{ veriClaim.issuedAt?.replace(/T/, " ").replace(/Z/, " UTC") }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div>
+      <h2 class="font-bold text-2xl">Confirmations</h2>
+
+      <span v-if="totalConfirmers() === 0">Nobody has confirmed this.</span>
+      <span v-else-if="totalConfirmers() === 1">
+        One person has confirmed this.
+      </span>
+      <span v-else> {{ totalConfirmers() }} people have confirmed this. </span>
+
+      <div v-if="totalConfirmers() > 0">
+        <div
+          v-if="
+            confirmerIdList.length === 0 && confsVisibleToIdList.length === 0
+          "
+        >
+          Nobody that you know confirmed this claim, nor do they have any
+          confirmers in their network.
+        </div>
+
+        <div
+          v-if="confirmerIdList.length === 0 && confsVisibleToIdList.length > 0"
+        >
+          <!-- Only show if this person has links to confirmers (below). -->
+          Nobody that you know has issued or confirmed this claim.
+        </div>
+        <div v-if="confirmerIdList.length > 0">
+          The following people have issued or confirmed this claim.
+          <ul>
+            <li
+              v-for="confirmerId in confirmerIdList"
+              :key="confirmerId"
+              class="list-disc"
+            >
+              <div class="flex gap-4">
+                <div class="grow overflow-hidden">
+                  <div class="text-sm">
+                    {{ confirmerId }}
+                  </div>
+                </div>
+              </div>
+            </li>
+          </ul>
+        </div>
+
+        <!--
+         Never need to show the following message.
+         If there is nobody in the confirmerIdList then we'll show the combined "nobody" message.
+         If there is somebody in the confirmerIdList then that's all they need to show.
+         -->
+        <!-- Nobody that you know can see someone who has confirmed this claim. -->
+
+        <div v-if="confsVisibleToIdList.length > 0">
+          The following people can connect you with people who have issued or
+          confirmed this claim.
+          <ul>
+            <li
+              v-for="confsVisibleTo in confsVisibleToIdList"
+              :key="confsVisibleTo"
+              class="list-disc"
+            >
+              <div class="flex gap-4">
+                <div class="grow overflow-hidden">
+                  <div class="text-sm">
+                    {{ confsVisibleTo }}
+                  </div>
+                </div>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="mt-4">
+        <div v-if="confirmerIdList.includes(activeDid)">
+          You have confirmed this claim.
+        </div>
+        <div v-else-if="containsHiddenDid(veriClaim.claim)">
+          You cannot confirm this claim because it contains data that is hidden
+          from you.
+        </div>
+        <div v-else>
+          <button
+            class="bg-blue-600 text-white mt-4 px-4 py-2 rounded-md mb-4"
+            @click="confirmClaim(veriClaim.id)"
+          >
+            Confirm Claim
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <div>
+      <h2 class="font-bold text-2xl mt-8">Claim</h2>
+      <pre>{{ util.inspect(veriClaim, false, null) }}</pre>
+    </div>
+
+    <h2 class="font-bold text-2xl mt-8">Full Claim</h2>
+    <p>
+      The full claim includes the claim as it was originally issued, including
+      the signature (ie. the proof of issuance by that person).
+    </p>
+    <div v-if="!fullClaim">
+      <div v-if="fullClaimMessage">
+        {{ fullClaimMessage }}
+      </div>
+      <button
+        v-else
+        class="bg-blue-600 text-white mt-4 px-4 py-2 rounded-md mb-4"
+        @click="showFullClaim(veriClaim.id)"
+      >
+        Load Full Claim Details
+      </button>
+    </div>
+    <div v-else>
+      <pre>{{ util.inspect(fullClaim, false, null) }}</pre>
+    </div>
+
+    <a :href="apiServer + '/api/claim/' + veriClaim.id" target="_blank">
+      <button class="bg-blue-600 text-white mt-4 px-4 py-2 rounded-md mb-4">
+        View on the Public Server
+      </button>
+    </a>
+  </section>
+</template>
+
+<script lang="ts">
+import { AxiosError, RawAxiosRequestHeaders } from "axios";
+import * as R from "ramda";
+import { IIdentifier } from "@veramo/core";
+import * as util from "util";
+import { Component, Vue } from "vue-facing-decorator";
+
+import GiftedDialog from "@/components/GiftedDialog.vue";
+import OfferDialog from "@/components/OfferDialog.vue";
+import { accountsDB, db } from "@/db/index";
+import { Contact } from "@/db/tables/contacts";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
+import { accessToken } from "@/libs/crypto";
+import * as serverUtil from "@/libs/endorserServer";
+import QuickNav from "@/components/QuickNav.vue";
+import EntityIcon from "@/components/EntityIcon.vue";
+import { Account } from "@/db/tables/accounts";
+
+interface Notification {
+  group: string;
+  type: string;
+  title: string;
+  text: string;
+}
+
+@Component({
+  components: { EntityIcon, GiftedDialog, OfferDialog, QuickNav },
+})
+export default class ClaimView extends Vue {
+  $notify!: (notification: Notification, timeout?: number) => void;
+
+  activeDid = "";
+  allMyDids: Array<string> = [];
+  allContacts: Array<Contact> = [];
+  apiServer = "";
+  confirmerIdList = []; // list of DIDs that have confirmed this claim excluding the issuer
+  confsVisibleErrorMessage = "";
+  confsVisibleToIdList = []; // list of DIDs that can see any confirmer
+  fullClaim = null;
+  fullClaimMessage = "";
+  numConfsNotVisible = 0; // number of hidden DIDs in the confirmerIdList, minus the issuer if they aren't visible
+  veriClaim = serverUtil.BLANK_GENERIC_SERVER_RECORD;
+
+  util = util;
+  containsHiddenDid = serverUtil.containsHiddenDid;
+
+  async created() {
+    await db.open();
+    const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
+    this.activeDid = settings?.activeDid || "";
+    this.apiServer = settings?.apiServer || "";
+    this.allContacts = await db.contacts.toArray();
+
+    await accountsDB.open();
+    const accounts = accountsDB.accounts;
+    const accountsArr = await accounts?.toArray();
+    this.allMyDids = accountsArr.map((acc) => acc.did);
+    const account = accountsArr.find((acc) => acc.did === this.activeDid);
+    const identity = JSON.parse(account?.identity || "null");
+
+    const pathParam = window.location.pathname.substring("/claim/".length);
+    let claimId;
+    if (pathParam) {
+      claimId = decodeURIComponent(pathParam);
+      this.loadClaim(claimId, identity);
+    } else {
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: "No claim ID was provided.",
+        },
+        -1,
+      );
+    }
+  }
+
+  totalConfirmers() {
+    return (
+      this.numConfsNotVisible +
+      this.confirmerIdList.length +
+      this.confsVisibleToIdList.length
+    );
+  }
+
+  public async getIdentity(activeDid: string): Promise<IIdentifier> {
+    await accountsDB.open();
+    const account = (await accountsDB.accounts
+      .where("did")
+      .equals(activeDid)
+      .first()) as Account;
+    const identity = JSON.parse(account?.identity || "null");
+
+    if (!identity) {
+      throw new Error(
+        "Attempted to load project records with no identity available.",
+      );
+    }
+    return identity;
+  }
+
+  public async getHeaders(identity: IIdentifier) {
+    const headers: RawAxiosRequestHeaders = {
+      "Content-Type": "application/json",
+    };
+    if (identity) {
+      const token = await accessToken(identity);
+      headers["Authorization"] = "Bearer " + token;
+    }
+    return headers;
+  }
+
+  // Isn't there a better way to make this available to the template?
+  didInfo(
+    did: string,
+    activeDid: string,
+    dids: Array<string>,
+    contacts: Array<Contact>,
+  ) {
+    return serverUtil.didInfo(did, activeDid, dids, contacts);
+  }
+
+  async loadClaim(claimId: string, identity: IIdentifier) {
+    const url =
+      this.apiServer + "/api/claim/byHandle/" + encodeURIComponent(claimId);
+    const headers = await this.getHeaders(identity);
+
+    try {
+      const resp = await this.axios.get(url, { headers });
+      if (resp.status === 200) {
+        this.veriClaim = resp.data;
+      } else {
+        // actually, axios typically throws an error so we never get here
+        console.log("Error getting claim:", resp);
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error",
+            text: "There was a problem getting that claim. See logs for more info.",
+          },
+          -1,
+        );
+      }
+    } catch (error: unknown) {
+      const serverError = error as AxiosError;
+      console.error("Error retrieving claim:", serverError);
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: "Something went wrong retrieving that claim. See logs for more info.",
+        },
+        -1,
+      );
+    }
+
+    const confirmUrl =
+      this.apiServer +
+      "/api/report/issuersWhoClaimedOrConfirmed?claimId=" +
+      encodeURIComponent(serverUtil.stripEndorserPrefix(claimId));
+    const confirmHeaders = await this.getHeaders(identity);
+    try {
+      const response = await this.axios.get(confirmUrl, {
+        headers: confirmHeaders,
+      });
+      if (response.status === 200) {
+        const resultList1 = response.data.result || [];
+        const resultList2 = R.reject(serverUtil.isHiddenDid, resultList1);
+        const resultList3 = R.reject(
+          (did: string) => did === this.veriClaim.issuer,
+          resultList2,
+        );
+        this.confirmerIdList = resultList3;
+        this.numConfsNotVisible = resultList1.length - resultList2.length;
+        if (resultList3.length === resultList2.length) {
+          // the issuer was not in the "visible" list so they must be hidden
+          // so subtract them from the non-visible confirmers count
+          this.numConfsNotVisible = this.numConfsNotVisible - 1;
+        }
+        this.confsVisibleToIdList =
+          response.data.result.resultVisibleToDids || [];
+      } else {
+        this.confsVisibleErrorMessage =
+          "Had problems retrieving confirmations.";
+      }
+    } catch (error: unknown) {
+      const serverError = error as AxiosError;
+      console.error("Error retrieving confirmations:", serverError);
+      this.confsVisibleErrorMessage =
+        "Had problems retrieving confirmations. See logs for more info.";
+    }
+  }
+
+  async showFullClaim(claimId: string) {
+    await accountsDB.open();
+    const accounts = accountsDB.accounts;
+    const accountsArr = await accounts?.toArray();
+    const account = accountsArr.find((acc) => acc.did === this.activeDid);
+    const identity = JSON.parse(account?.identity || "null");
+
+    const url =
+      this.apiServer + "/api/claim/full/" + encodeURIComponent(claimId);
+    const headers = await this.getHeaders(identity);
+
+    try {
+      const resp = await this.axios.get(url, { headers });
+      if (resp.status === 200) {
+        this.fullClaim = resp.data;
+      } else {
+        // actually, axios typically throws an error so we never get here
+        console.log("Error getting full claim:", resp);
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error",
+            text: "There was a problem getting that claim. See logs for more info.",
+          },
+          -1,
+        );
+      }
+    } catch (error: unknown) {
+      console.error("Error retrieving full claim:", error);
+      const serverError = error as AxiosError;
+      if (serverError.response?.status === 403) {
+        this.fullClaimMessage =
+          "You are not authorized to view the full contents of this claim." +
+          " To see all the details, ask the issuer to allow you to see their claims." +
+          " If you cannot see the issuer's DID, ask someone in the Confirmations section above." +
+          " If there are no connections, you will have to ask people in your" +
+          " network for their help, some other way; send them to this page and" +
+          " see if they can make a connection for you.";
+      } else {
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error",
+            text: "Something went wrong retrieving that claim. See logs for more info.",
+          },
+          -1,
+        );
+      }
+    }
+  }
+
+  async confirmClaim() {
+    if (confirm("Do you personally confirm that this is true?")) {
+      // similar logic is found in endorser-mobile
+      const goodClaim = serverUtil.removeSchemaContext(
+        serverUtil.removeVisibleToDids(
+          serverUtil.addLastClaimOrHandleAsIdIfMissing(
+            this.veriClaim.claim,
+            this.veriClaim.id,
+            this.veriClaim.handleId,
+          ),
+        ),
+      );
+      const confirmationClaim: serverUtil.GenericVerifiableCredential & {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        object: any;
+      } = {
+        "@context": "https://schema.org",
+        "@type": "AgreeAction",
+        object: goodClaim,
+      };
+      const result = await serverUtil.createAndSubmitClaim(
+        confirmationClaim,
+        await this.getIdentity(this.activeDid),
+        this.apiServer,
+        this.axios,
+      );
+      if (result.type === "success") {
+        this.$notify(
+          {
+            group: "alert",
+            type: "success",
+            title: "Success",
+            text: "Confirmation submitted.",
+          },
+          5000,
+        );
+      } else {
+        console.log("Got error submitting the confirmation:", result);
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error",
+            text: "There was a problem submitting the confirmation. See logs for more info.",
+          },
+          -1,
+        );
+      }
+    }
+  }
+}
+</script>
--- a/src/views/ContactQRScanShowView.vue
+++ b/src/views/ContactQRScanShowView.vue
@@ -18,9 +18,19 @@
      <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4">
        Your Contact Info
      </h1>
+      <p v-if="!givenName" class="text-center mt-2">
+        <span class="text-red">Beware!</span>
+        You aren't sharing your name, so hurry and
+        <router-link
+          :to="{ name: 'new-edit-account' }"
+          class="bg-blue-500 text-white px-1.5 py-1 rounded-md"
+        >
+          go here to set it for them.
+        </router-link>
+      </p>
    </div>

-    <div @click="onCopyToClipboard()">
+    <div @click="onCopyToClipboard()" v-if="activeDid">
      <!--
        Play with display options: https://qr-code-styling.com/
        See docs: https://www.npmjs.com/package/qr-code-generator-vue3
@@ -32,6 +42,15 @@
        class="flex justify-center"
      />
    </div>
+    <div class="text-center" v-else>
+      You have no identitifiers yet, so
+      <router-link :to="{ name: 'start' }" class="text-blue-500">
+        create your identifier.
+      </router-link>
+      <br />
+      We recommend you do that first; otherwise, these contacts won't see your
+      activity.
+    </div>

    <h1 class="text-4xl text-center font-light pt-4">Scan Contact Info</h1>
    <qrcode-stream @detect="onScanDetect" @error="onScanError" />
@@ -78,6 +97,7 @@ export default class ContactQRScanShow extends Vue {

  activeDid = "";
  apiServer = "";
+  givenName = "";
  qrValue = "";

  public async getIdentity(activeDid: string) {
@@ -91,7 +111,7 @@ export default class ContactQRScanShow extends Vue {

    if (!identity) {
      throw new Error(
-        "Attempted to load Give records with no identity available.",
+        "Attempted to show contact info with no identity available.",
      );
    }
    return identity;
@@ -102,21 +122,12 @@ export default class ContactQRScanShow extends Vue {
    const settings = await db.settings.get(MASTER_SETTINGS_KEY);
    this.activeDid = settings?.activeDid || "";
    this.apiServer = settings?.apiServer || "";
+    this.givenName = settings?.firstName || "";

    await accountsDB.open();
    const accounts = await accountsDB.accounts.toArray();
    const account = R.find((acc) => acc.did === this.activeDid, accounts);
-    if (!account) {
-      this.$notify(
-        {
-          group: "alert",
-          type: "warning",
-          title: "",
-          text: "You have no identity yet.",
-        },
-        -1,
-      );
-    } else {
+    if (account) {
      const identity = await this.getIdentity(this.activeDid);
      const publicKeyHex = identity.keys[0].publicKeyHex;
      const publicEncKey = Buffer.from(publicKeyHex, "hex").toString("base64");
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -19,15 +19,16 @@
    </div>

    <!-- New Contact -->
-    <div class="mb-4 flex">
-      <span class="self-center bg-slate-500 text-white px-1.5 py-1 rounded-md">
-        <router-link :to="{ name: 'contact-qr' }">
-          <fa icon="qrcode" class="fa-fw" />
-        </router-link>
-      </span>
+    <div class="mb-4 flex items-stretch">
+      <router-link
+        :to="{ name: 'contact-qr' }"
+        class="flex items-center bg-slate-500 text-white px-1.5 py-1 mr-1 rounded-md"
+      >
+        <fa icon="qrcode" class="fa-fw text-2xl" />
+      </router-link>
      <input
        type="text"
-        placeholder="DID, Name, Public Key"
+        placeholder="DID, Name, Public Key (base 16 or 64)"
        class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2"
        v-model="contactInput"
      />
@@ -110,48 +111,50 @@
          </div>

          <div id="ContactActions" class="flex gap-1.5 mt-2">
-            <button
-              v-if="contact.seesMe"
-              class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"
-              @click="setVisibility(contact, false, true)"
-              title="They can see you"
-            >
-              <fa icon="eye" class="fa-fw" />
-            </button>
-            <button
-              v-else
-              class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"
-              @click="setVisibility(contact, true, true)"
-              title="They cannot see you"
-            >
-              <fa icon="eye-slash" class="fa-fw" />
-            </button>
-
-            <button
-              class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"
-              @click="checkVisibility(contact)"
-              title="Check Visibility"
-            >
-              <fa icon="rotate" class="fa-fw" />
-            </button>
-
-            <button
-              @click="register(contact)"
-              class="text-sm uppercase bg-slate-500 text-white ml-6 px-2 py-1.5 rounded-md"
-            >
-              <fa
-                v-if="contact.registered"
-                icon="person-circle-check"
-                class="fa-fw"
-                title="Registered"
-              />
-              <fa
+            <div v-if="activeDid">
+              <button
+                v-if="contact.seesMe"
+                class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"
+                @click="setVisibility(contact, false, true)"
+                title="They can see you"
+              >
+                <fa icon="eye" class="fa-fw" />
+              </button>
+              <button
                v-else
-                icon="person-circle-question"
-                class="fa-fw"
-                title="Registration Unknown"
-              />
-            </button>
+                class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"
+                @click="setVisibility(contact, true, true)"
+                title="They cannot see you"
+              >
+                <fa icon="eye-slash" class="fa-fw" />
+              </button>
+              <button
+                class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"
+                @click="checkVisibility(contact)"
+                title="Check Visibility"
+                v-if="activeDid"
+              >
+                <fa icon="rotate" class="fa-fw" />
+              </button>
+              <button
+                @click="register(contact)"
+                class="text-sm uppercase bg-slate-500 text-white ml-6 px-2 py-1.5 rounded-md"
+                v-if="activeDid"
+              >
+                <fa
+                  v-if="contact.registered"
+                  icon="person-circle-check"
+                  class="fa-fw"
+                  title="Registered"
+                />
+                <fa
+                  v-else
+                  icon="person-circle-question"
+                  class="fa-fw"
+                  title="Registration Unknown"
+                />
+              </button>
+            </div>

            <button
              @click="deleteContact(contact)"
@@ -263,6 +266,7 @@ import {
  SimpleSigner,
 } from "@/libs/crypto";
 import {
+  CONTACT_URL_PREFIX,
  GiveServerRecord,
  GiveVerifiableCredential,
  RegisterVerifiableCredential,
@@ -303,6 +307,7 @@ export default class ContactsView extends Vue {
  givenToMeUnconfirmed: Record<string, number> = {};
  hourDescriptionInput = "";
  hourInput = "0";
+  isRegistered = false;
  showGiveNumbers = false;
  showGiveTotals = true;
  showGiveConfirmed = true;
@@ -312,6 +317,7 @@ export default class ContactsView extends Vue {
    const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
    this.activeDid = settings?.activeDid || "";
    this.apiServer = settings?.apiServer || "";
+    this.isRegistered = !!settings?.isRegistered;

    this.showGiveNumbers = !!settings?.showContactGivesInline;
    if (this.showGiveNumbers) {
@@ -330,7 +336,7 @@ export default class ContactsView extends Vue {
    }
  }

-  public async getIdentity(activeDid: string) {
+  public async getIdentity(activeDid: string): Promise<IIdentifier> {
    await accountsDB.open();
    const accounts = await accountsDB.accounts.toArray();
    const account = R.find((acc) => acc.did === activeDid, accounts) as Account;
@@ -475,6 +481,12 @@ export default class ContactsView extends Vue {
      );
      return;
    }
+
+    if (this.contactInput.startsWith(CONTACT_URL_PREFIX)) {
+      await this.newContactFromScan(this.contactInput);
+      return;
+    }
+
    let did = this.contactInput;
    let name, publicKeyBase64;
    const commaPos1 = this.contactInput.indexOf(",");
@@ -493,7 +505,7 @@ export default class ContactsView extends Vue {
      publicKeyBase64 = Buffer.from(publicKeyBase64, "hex").toString("base64");
    }
    const newContact = { did, name, publicKeyBase64 };
-    return this.addContact(newContact);
+    await this.addContact(newContact);
  }

  async newContactFromScan(url: string): Promise<void> {
@@ -540,31 +552,39 @@ export default class ContactsView extends Vue {
          (a: Contact, b) => (a.name || "").localeCompare(b.name || ""),
          allContacts,
        );
-        this.setVisibility(newContact, true, false);
+        let addedMessage;
+        if (this.activeDid) {
+          this.setVisibility(newContact, true, false);
+          addedMessage =
+            newContact.name +
+            " was added, and your activity is visible to them.";
+        } else {
+          addedMessage = newContact.name + " was added.";
+        }
        this.$notify(
          {
            group: "alert",
            type: "success",
            title: "Contact Added",
-            text:
-              newContact.name +
-              " was added, and your activity is visible to them.",
+            text: addedMessage,
          },
-          -1,
-        );
-        // putting this last so that it shows on the top
-        this.$notify(
-          {
-            group: "alert",
-            type: "info",
-            title: "New User?",
-            text:
-              "If " +
-              newContact.name +
-              " is a new user, be sure to register them.",
-          },
-          -1,
+          5000,
        );
+        if (this.isRegistered) {
+          // putting this last so that it shows on the top
+          this.$notify(
+            {
+              group: "alert",
+              type: "info",
+              title: "New User?",
+              text:
+                "If " +
+                newContact.name +
+                " is a new user, be sure to register them.",
+            },
+            -1,
+          );
+        }
      })
      .catch((err) => {
        console.error("Error when adding contact to storage:", err);
@@ -938,6 +958,7 @@ export default class ContactsView extends Vue {
    }
  }

+  // similar function is in endorserServer.ts
  private async createAndSubmitGive(
    identity: IIdentifier,
    fromDid: string,
--- a/src/views/DiscoverView.vue
+++ b/src/views/DiscoverView.vue
@@ -358,9 +358,7 @@ export default class DiscoverView extends Vue {
          const plans: ProjectData[] = results.data;
          for (const plan of plans) {
            const { name, description, handleId = plan.handleId, rowid } = plan;
-            if (beforeId !== plan["rowid"]) {
-              this.projects.push({ name, description, handleId, rowid });
-            }
+            this.projects.push({ name, description, handleId, rowid });
          }
        } else {
          this.projects = results.data;
--- a/src/views/HelpNotificationsView.vue
+++ b/src/views/HelpNotificationsView.vue
@@ -0,0 +1,65 @@
+<template>
+  <QuickNav />
+
+  <!-- CONTENT -->
+  <section id="Content" class="p-6 pb-24">
+    <!-- Breadcrumb -->
+    <div class="mb-8">
+      <!-- Back -->
+      <div class="text-lg text-center font-light relative px-7">
+        <h1
+          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+          @click="$router.back()"
+        >
+          <fa icon="chevron-left" class="fa-fw"></fa>
+        </h1>
+      </div>
+
+      <!-- Heading -->
+      <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
+        Notification Help
+      </h1>
+    </div>
+
+    <div>
+      <p>Here are things to try to get notifications working.</p>
+
+      <h2 class="text-xl font-semibold">Test</h2>
+      <p>Somehow call the service-worker self.showNotification</p>
+
+      <h2 class="text-xl font-semibold">Check OS-level permissions</h2>
+      <p>
+        Walk-throughs & screenshots, maybe for all combinations of OS &
+        browsers.
+      </p>
+
+      <h2 class="text-xl font-semibold">Check browser-level permissions</h2>
+      <p>Walk-throughs & screenshots for browser settings</p>
+
+      <h2 class="text-xl font-semibold">Explain full reset to start again</h2>
+      <p>
+        Walk-throughs for clearing everything & subscribing anew to get a
+        message
+      </p>
+
+      <h2 class="text-xl font-semibold">Auto-detection</h2>
+      <p>Show results of auto-detection whether they're turned on</p>
+    </div>
+  </section>
+</template>
+<script lang="ts">
+import { Component, Vue } from "vue-facing-decorator";
+import QuickNav from "@/components/QuickNav.vue";
+
+interface Notification {
+  group: string;
+  type: string;
+  title: string;
+  text: string;
+}
+
+@Component({ components: { QuickNav } })
+export default class HelpNotificationsView extends Vue {
+  $notify!: (notification: Notification, timeout?: number) => void;
+}
+</script>
--- a/src/views/HelpView.vue
+++ b/src/views/HelpView.vue
@@ -181,6 +181,21 @@
        different page.
      </p>

+      <h2 class="text-xl font-semibold">
+        How do I access even more functionality?
+      </h2>
+      <p>
+        There is an "Advanced" section at the bottom of the Account
+        <fa icon="circle-user" /> page.
+      </p>
+      <p>
+        There is a even more functionality in a mobile app (and more
+        documentation) at
+        <a href="https://endorser.ch" class="text-blue-500">
+          EndorserSearch.com
+        </a>
+      </p>
+
      <h2 class="text-xl font-semibold">What is your privacy policy?</h2>
      <p>
        See
@@ -199,9 +214,7 @@
      </p>

      <h2 class="text-xl font-semibold">What app version is this?</h2>
-      <p>
-        {{ package.version }}
-      </p>
+      <p>{{ package.version }} ({{ commitHash }})</p>

      <h2 class="text-xl font-semibold">
        For any other questions, including removing your data:
@@ -231,6 +244,7 @@ export default class Help extends Vue {
  $notify!: (notification: Notification, timeout?: number) => void;

  package = Package;
+  commitHash = process.env.VUE_APP_GIT_HASH;

  showOnboardInfo() {
    this.$notify(
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -8,28 +8,44 @@

    <!-- show the actions for recognizing a give -->
    <div class="mb-8">
-      <div v-if="!activeDid">
-        To record others' giving,
-        <router-link :to="{ name: 'start' }" class="text-blue-500">
-          create your identifier.</router-link
+      <div
+        v-if="!activeDid"
+        class="bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4"
+      >
+        <p class="text-lg mb-3">
+          You need an <b>identifier</b> before you can record others' giving.
+        </p>
+        <router-link
+          :to="{ name: 'start' }"
+          class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md"
+        >
+          Create Your Identifier</router-link
        >
      </div>

-      <div v-else-if="!isRegistered">
-        To record others' giving, someone must register your account, so show
-        them
-        <router-link :to="{ name: 'contact-qr' }" class="text-blue-500">
-          your identity info</router-link
+      <div
+        v-else-if="!isRegistered"
+        class="bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4"
+      >
+        Someone must register your account before you can record others' giving.
+        To do this:
+        <router-link
+          :to="{ name: 'contact-qr' }"
+          class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md"
        >
-        and then
-        <router-link :to="{ name: 'account' }" class="text-blue-500">
-          check your limits.</router-link
+          1. Show Them Your Identity Info</router-link
+        >
+        <router-link
+          :to="{ name: 'account' }"
+          class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md"
+        >
+          2. Check Your Limits</router-link
        >
      </div>

      <div v-else>
        <!-- activeDid && isRegistered -->
-        <h2 class="text-xl font-bold">Record Something Given</h2>
+        <h2 class="text-xl font-bold mb-4">Record Something Given</h2>

        <ul class="grid grid-cols-4 gap-x-3 gap-y-5 text-center mb-5">
          <li @click="openDialog()">
@@ -104,12 +120,14 @@
            class="border-b border-dashed border-slate-400 text-orange-400 pb-2 mb-2 font-bold uppercase text-sm"
            v-if="record.jwtId == feedLastViewedId"
          >
-            You've seen all the following before
+            You've seen all the following
          </div>
          <div class="flex">
            <fa icon="gift" class="pt-1 pr-2 text-slate-500"></fa>
-            <!-- icon values: "coins" = money; "clock" = time; "gift" = others -->
            <span class="">{{ this.giveDescription(record) }}</span>
+            <a @click="onClickLoadClaim(record.jwtId)">
+              <fa icon="circle-info" class="pl-2 pt-1 text-slate-500"></fa>
+            </a>
          </div>
        </li>
      </ul>
@@ -171,13 +189,7 @@ export default class HomeView extends Vue {
      .equals(activeDid)
      .first()) as Account;
    const identity = JSON.parse(account?.identity || "null");
-
-    if (!identity) {
-      throw new Error(
-        "Attempted to load Give records with no identity available.",
-      );
-    }
-    return identity;
+    return identity; // may be null
  }

  public async getHeaders(identity: IIdentifier) {
@@ -347,6 +359,13 @@ export default class HomeView extends Vue {
    return giverInfo + " gave" + gaveRecipientInfo + ": " + gaveAmount;
  }

+  onClickLoadClaim(jwtId: string) {
+    const route = {
+      path: "/claim/" + encodeURIComponent(jwtId),
+    };
+    this.$router.push(route);
+  }
+
  displayAmount(code: string, amt: number) {
    return "" + amt + " " + this.currencyShortWordForCode(code, amt === 1);
  }
--- a/src/views/NewEditAccountView.vue
+++ b/src/views/NewEditAccountView.vue
@@ -68,7 +68,7 @@ export default class NewEditAccountView extends Vue {
    });
    localStorage.setItem("firstName", this.givenName as string);
    localStorage.setItem("lastName", ""); // deprecated, pre v 0.1.3
-    this.$router.push({ name: "account" });
+    this.$router.back();
  }

  onClickCancel() {
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -11,7 +11,7 @@
          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
          ><fa icon="chevron-left" class="fa-fw"></fa
        ></router-link>
-        [New/Edit] Plan
+        Edit Idea
      </h1>
    </div>

@@ -24,22 +24,28 @@

    <input
      type="text"
-      placeholder="Project Name"
+      placeholder="Idea Name"
      class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
-      v-model="projectName"
+      v-model="fullClaim.name"
    />

    <textarea
      placeholder="Description"
      class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
      rows="5"
-      v-model="description"
-      maxlength="500"
+      v-model="fullClaim.description"
+      maxlength="5000"
    ></textarea>
    <div class="text-xs text-slate-500 italic -mt-3 mb-4">
-      {{ description.length }}/500 max. characters
+      {{ fullClaim.description.length }}/5000 max. characters
    </div>

+    <input
+      v-model="fullClaim.url"
+      placeholder="Website"
+      class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
+    />
+
    <div class="flex items-center mb-4">
      <input
        type="checkbox"
@@ -72,7 +78,7 @@
          name="OpenStreetMap"
        />
        <l-marker
-          v-if="latitude || longitude"
+          v-if="latitude && longitude"
          :lat-lng="[latitude, longitude]"
          @click="maybeEraseLatLong()"
        />
@@ -136,13 +142,17 @@ export default class NewEditProjectView extends Vue {

  activeDid = "";
  apiServer = "";
-  description = "";
  errorMessage = "";
+  fullClaim: PlanVerifiableCredential = {
+    "@context": "https://schema.org",
+    "@type": "PlanAction",
+    name: "",
+    description: "",
+  }; // this default is only to avoid errors before plan is loaded
  includeLocation = false;
  latitude = 0;
  longitude = 0;
  numAccounts = 0;
-  projectName = "";
  zoom = 2;

  async beforeCreate() {
@@ -214,9 +224,12 @@ export default class NewEditProjectView extends Vue {
    try {
      const resp = await this.axios.get(url, { headers });
      if (resp.status === 200) {
-        const claim = resp.data.claim;
-        this.projectName = claim.name;
-        this.description = claim.description;
+        this.fullClaim = resp.data.claim;
+        if (this.fullClaim?.location) {
+          this.includeLocation = true;
+          this.latitude = this.fullClaim.location.geo.latitude;
+          this.longitude = this.fullClaim.location.geo.longitude;
+        }
      }
    } catch (error) {
      console.error("Got error retrieving that project", error);
@@ -225,13 +238,7 @@ export default class NewEditProjectView extends Vue {

  private async SaveProject(identity: IIdentifier) {
    // Make a claim
-    const vcClaim: PlanVerifiableCredential = {
-      "@context": "https://schema.org",
-      "@type": "PlanAction",
-      name: this.projectName,
-      description: this.description,
-      identifier: this.projectId || undefined,
-    };
+    const vcClaim: PlanVerifiableCredential = this.fullClaim;
    if (this.projectId) {
      vcClaim.identifier = this.projectId;
    }
@@ -293,6 +300,20 @@ export default class NewEditProjectView extends Vue {
            2000,
            this,
          );
+        } else {
+          console.log(
+            "Got unexpected 'data' inside response from server",
+            resp,
+          );
+          this.$notify(
+            {
+              group: "alert",
+              type: "danger",
+              title: "Error Saving Idea",
+              text: "Server did not save the idea. Try again.",
+            },
+            -1,
+          );
        }
      } catch (error) {
        let userMessage = "There was an error saving the project.";
@@ -300,8 +321,8 @@ export default class NewEditProjectView extends Vue {
          error?: { message?: string };
        }>;
        if (serverError) {
+          console.log("Got error from server", serverError);
          if (Object.prototype.hasOwnProperty.call(serverError, "message")) {
-            console.log(serverError);
            userMessage = serverError.response?.data?.error?.message || ""; // This is info for the user.
            this.$notify(
              {
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -1,5 +1,5 @@
 <template>
-  <QuickNav selected="Projects"></QuickNav>
+  <QuickNav />
  <!-- CONTENT -->
  <section id="Content" class="p-6 pb-24">
    <!-- Breadcrumb -->
@@ -12,7 +12,7 @@
        >
          <fa icon="chevron-left" class="fa-fw"></fa>
        </button>
-        View Plan
+        Idea
      </h1>
    </div>

@@ -35,7 +35,7 @@
                <fa icon="user" class="fa-fw text-slate-400"></fa>
                {{ issuer }}
              </div>
-              <div>
+              <div v-if="timeSince">
                <fa icon="calendar" class="fa-fw text-slate-400"></fa>
                {{ timeSince }}
              </div>
@@ -45,8 +45,13 @@
                  :href="getOpenStreetMapUrl()"
                  target="_blank"
                  class="underline"
-                >
-                  Map View
+                  >Map View
+                </a>
+              </div>
+              <div v-if="url">
+                <fa icon="globe" class="fa-fw text-slate-400"></fa>
+                <a :href="addScheme(url)" target="_blank" class="underline"
+                  >{{ domainForWebsite(this.url) }}
                </a>
              </div>
            </div>
@@ -56,8 +61,11 @@
        <div class="text-sm text-slate-500">
          <div v-if="!expanded">
            {{ truncatedDesc }}
-            <a v-if="description.length >= truncateLength" @click="expandText"
-              >Read More</a
+            <a
+              v-if="description.length >= truncateLength"
+              @click="expandText"
+              class="uppercase text-xs font-semibold text-slate-700"
+              >... Read More</a
            >
          </div>
          <div v-else>
@@ -65,7 +73,7 @@
            <a
              @click="collapseText"
              class="uppercase text-xs font-semibold text-slate-700"
-              >Read Less</a
+              >- Read Less</a
            >
          </div>
        </div>
@@ -148,7 +156,7 @@
    <div class="grid items-start grid-cols-1 sm:grid-cols-3 gap-4">
      <div class="bg-slate-100 px-4 py-3 rounded-md">
        <h3 class="text-sm uppercase font-semibold mb-3">
-          Offered To This Project
+          Offered To This Idea
        </h3>

        <div v-if="offersToThis.length === 0">
@@ -166,9 +174,14 @@
                <fa icon="user" class="fa-fw text-slate-400"></fa>
                {{ didInfo(offer.agentDid, activeDid, allMyDids, allContacts) }}
              </span>
+              <a @click="onClickLoadClaim(offer.jwtId)">
+                <fa icon="circle-info" class="pl-2 pt-1 text-slate-500"></fa>
+              </a>
              <span v-if="offer.amount">
-                <fa icon="coins" class="fa-fw text-slate-400"></fa>
-                {{ offer.amount }}
+                <fa
+                  :icon="iconForUnitCode(offer.unit)"
+                  class="fa-fw text-slate-400"
+                />{{ offer.amount }}
              </span>
            </div>
            <div v-if="offer.objectDescription" class="text-slate-500">
@@ -180,9 +193,7 @@
      </div>

      <div class="bg-slate-100 px-4 py-3 rounded-md">
-        <h3 class="text-sm uppercase font-semibold mb-3">
-          Given To This Project
-        </h3>
+        <h3 class="text-sm uppercase font-semibold mb-3">Given To This Idea</h3>

        <div v-if="givesToThis.length === 0">(None yet. Record one above.)</div>

@@ -197,9 +208,14 @@
                ><fa icon="user" class="fa-fw text-slate-400"></fa>
                {{ didInfo(give.agentDid, activeDid, allMyDids, allContacts) }}
              </span>
-              <span v-if="give.amount"
-                ><fa icon="coins" class="fa-fw text-slate-400"></fa>
-                {{ give.amount }}
+              <a @click="onClickLoadClaim(give.jwtId)">
+                <fa icon="circle-info" class="pl-2 pt-1 text-slate-500"></fa>
+              </a>
+              <span v-if="give.amount">
+                <fa
+                  :icon="iconForUnitCode(give.unit)"
+                  class="fa-fw text-slate-400"
+                />{{ give.amount }}
              </span>
            </div>
            <div v-if="give.description" class="text-slate-500">
@@ -216,7 +232,7 @@
          class="bg-slate-100 px-4 py-3 rounded-md"
        >
          <h3 class="text-sm uppercase font-semibold mb-3">
-            Contributions To This Project
+            Contributions To This Idea
          </h3>
          <ul>
            <li v-for="plan in fulfillersToThis" :key="plan.handleId">
@@ -232,7 +248,7 @@

        <div v-if="fulfilledByThis" class="bg-slate-100 px-4 py-3 rounded-md">
          <h3 class="text-sm uppercase font-semibold mb-3">
-            Contributions By This Project
+            Contributions By This Idea
          </h3>
          <button
            @click="onClickLoadProject(fulfilledByThis.handleId)"
@@ -267,6 +283,7 @@ import { accountsDB, db } from "@/db/index";
 import { Contact } from "@/db/tables/contacts";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
+import { isGlobalUri } from "@/libs/util";
 import {
  didInfo,
  GiverInputInfo,
@@ -309,6 +326,7 @@ export default class ProjectViewView extends Vue {
  timeSince = "";
  truncatedDesc = "";
  truncateLength = 40;
+  url = "";

  async created() {
    await db.open();
@@ -410,19 +428,22 @@ export default class ProjectViewView extends Vue {
        this.truncatedDesc = this.description.slice(0, this.truncateLength);
        this.latitude = resp.data.claim?.location?.geo?.latitude || 0;
        this.longitude = resp.data.claim?.location?.geo?.longitude || 0;
-      } else if (resp.status === 404) {
-        // actually, axios throws an error so we never get here
+        this.url = resp.data.claim?.url || "";
+      } else {
+        // actually, axios throws an error on 404 so we probably never get here
+        console.log("Error getting project:", resp);
        this.$notify(
          {
            group: "alert",
            type: "danger",
            title: "Error",
-            text: "That project does not exist.",
+            text: "There was a problem getting that project. See logs for more info.",
          },
          -1,
        );
      }
    } catch (error: unknown) {
+      console.error("Error retrieving project:", error);
      const serverError = error as AxiosError;
      if (serverError.response?.status === 404) {
        this.$notify(
@@ -444,7 +465,6 @@ export default class ProjectViewView extends Vue {
          },
          -1,
        );
-        console.error("Error retrieving project:", serverError.message);
      }
    }

@@ -627,5 +647,59 @@ export default class ProjectViewView extends Vue {
  openOfferDialog() {
    (this.$refs.customOfferDialog as OfferDialog).open();
  }
+
+  onClickLoadClaim(jwtId: string) {
+    const route = {
+      path: "/claim/" + encodeURIComponent(jwtId),
+    };
+    this.$router.push(route);
+  }
+
+  UNIT_CODES: Record<string, Record<string, string>> = {
+    BTC: {
+      name: "Bitcoin",
+      faIcon: "bitcoin-sign",
+    },
+    HUR: {
+      name: "hours",
+      faIcon: "clock",
+    },
+    USD: {
+      name: "US Dollars",
+      faIcon: "dollar",
+    },
+  };
+
+  iconForUnitCode(unitCode: string) {
+    return this.UNIT_CODES[unitCode]?.faIcon || "question";
+  }
+
+  // return an HTTPS URL if it's not a global URL
+  addScheme(url: string) {
+    if (!isGlobalUri(url)) {
+      return "https://" + url;
+    }
+    return url;
+  }
+
+  // return just the domain for display, if possible
+  domainForWebsite(url: string) {
+    try {
+      const hostname = new URL(url).hostname;
+      if (!hostname) {
+        // happens for non-http URLs
+        return url;
+      } else if (url.endsWith(hostname)) {
+        // it's just the domain
+        return hostname;
+      } else {
+        // there's more, but don't bother displaying the whole thing
+        return hostname + "...";
+      }
+    } catch (error: unknown) {
+      // must not be a valid URL
+      return url;
+    }
+  }
 }
 </script>
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -3,7 +3,7 @@
  <section id="Content" class="p-6 pb-24">
    <!-- Heading -->
    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
-      Your Plans
+      Your Ideas
    </h1>

    <!-- Quick Search -->
--- a/sw_scripts/additional-scripts.js
+++ b/sw_scripts/additional-scripts.js
@@ -5,7 +5,7 @@ importScripts(
 );

 self.addEventListener("install", (event) => {
-  console.error(event);
+  console.log("Adding event listener for:", event);
  importScripts(
    "safari-notifications.js",
    "nacl.js",
@@ -23,16 +23,20 @@ self.addEventListener("push", function (event) {
          payload = JSON.parse(event.data.text());
        }
        const message = await self.getNotificationCount();
-        console.error(message);
-        const title = payload ? payload.title : "Custom Title";
-        const options = {
-          body: message,
-          icon: payload ? payload.icon : "icon.png",
-          badge: payload ? payload.badge : "badge.png",
-        };
-        await self.registration.showNotification(title, options);
+        if (message) {
+          console.log("Will notify user:", message);
+          const title = payload ? payload.title : "Custom Title";
+          const options = {
+            body: message,
+            icon: payload ? payload.icon : "icon.png",
+            badge: payload ? payload.badge : "badge.png",
+          };
+          await self.registration.showNotification(title, options);
+        } else {
+          console.log("No notification message, so will not tell the user.");
+        }
      } catch (error) {
-        console.error("Error in processing the push event:", error);
+        console.error("Error processing the push event:", error);
      }
    })(),
  );
@@ -51,7 +55,7 @@ self.addEventListener("activate", (event) => {
 });

 self.addEventListener("fetch", (event) => {
-  console.log(event.request);
+  console.log("Got fetch event", event.request);
 });

 self.addEventListener("error", (event) => {
--- a/sw_scripts/safari-notifications.js
+++ b/sw_scripts/safari-notifications.js
@@ -395,12 +395,12 @@ async function setMostRecentNotified(id) {
      data["lastNotifiedClaimId"] = id;
      await updateRecord(store, data);
    } else {
-      console.error("Record not found");
+      console.error("IndexedDB settings record not found.");
    }

    transaction.oncomplete = () => db.close();
  } catch (error) {
-    console.error("Database error: " + error.message);
+    console.error("IndexedDB error:", error);
  }
 }

@@ -466,6 +466,7 @@ async function getNotificationCount() {
  if ("secret" in self) {
    secret = self.secret;
    const secretUint8Array = self.decodeBase64(secret);
+    // 1 is our master settings ID; see MASTER_SETTINGS_KEY
    const settings = await getSettingById(1);
    let lastNotifiedClaimId = null;
    if ("lastNotifiedClaimId" in settings) {
@@ -496,7 +497,7 @@ async function getNotificationCount() {
        headers["Authorization"] = "Bearer " + (await accessToken(identifier));

        let response = await fetch(
-          "https://test-api.endorser.ch/api/v2/report/claims",
+          settings["apiServer"] + "/api/v2/report/claims",
          {
            method: "GET",
            headers: headers,
@@ -513,15 +514,17 @@ async function getNotificationCount() {
            }
            newClaims++;
          }
-          if (newClaims === 0) {
-            result = "You have no new claims today.";
-          } else {
-            result = `${newClaims} have been shared with you`;
+          if (newClaims > 0) {
+            result = `There are ${newClaims} new activities on TimeSafari`;
          }
          const most_recent_notified = claims[0]["id"];
          await setMostRecentNotified(most_recent_notified);
        } else {
-          console.error(response.status);
+          console.error(
+            "The service worker got a bad response status when fetching claims:",
+            response.status,
+            response,
+          );
        }
        break;
      }
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,8 @@
 const { defineConfig } = require("@vue/cli-service");
+const { gitDescribeSync } = require("git-describe");
+
+process.env.VUE_APP_GIT_HASH = gitDescribeSync().hash;
+
 module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
--- a/web-push.md
+++ b/web-push.md
@@ -390,3 +390,13 @@ While notifications are turned on, the user can tap on the App Notifications tog

 - "Turn off Notifications" to fully turn them off (which means the user will need to go through the dialogs agains to turn them back on).
 - "Leave it On" to make no changes and dismiss the dialog.
+
+# NOTIFICATION STATES
+
+* Unpermissioned. Push server cannot send notifications to the user because it does not have permission.
+  This may be the same as when the user gave permission in the past but has since revoked it at the OS or browser
+  level, outside the app. (User can change to Permissioned when the user gives permission.)
+* Permissioned. (User can change to Unpermissioned via the OS or browser settings.)
+  * Active. (User can change to Muted when the user mutes notifications.)
+  * Muted. (User can change to Active when the user toggles it.)
+    (Turning mute off automatically after some amount of time is not planned in version 1.)
Author	SHA1	Message	Date
Jose Olarte III	ab523639a5	Normalized button visual styles	2023-12-13 18:48:45 +08:00
Jose Olarte III	0484dfb253	Spacing and typography fixes	2023-12-13 18:37:03 +08:00
Jose Olarte III	c2839e8a99	Mobile-style flushed-right toggle switches	2023-12-13 18:22:15 +08:00
Jose Olarte III	e533cd3d34	Visual improvements to "set name" button	2023-12-13 18:16:15 +08:00
Jose Olarte III	18e00b95c7	Fixed size and alignment of QR code button	2023-12-13 17:41:27 +08:00
Jose Olarte III	e97cd1b1fa	Minor visual improvements in "giving recognition" section	2023-12-13 17:29:53 +08:00
Trent Larson	ccca93b9f1	change some messages, rework tasks	2023-12-11 19:19:29 -07:00
Trent Larson	1be6c04699	prompt them to fill in their name when sharing their info	2023-12-11 16:36:50 -07:00
Trent Larson	2c33febb0e	fix location of web-push unsubscribe action	2023-12-10 20:22:41 -07:00
Trent Larson	e6f73dc81c	add an unsubscribe to the web push	2023-12-10 20:17:14 -07:00
Trent Larson	0d55a722c5	there's no need to capitalize EVERYTHING	2023-12-10 18:55:13 -07:00
Trent Larson	97ef78f5dd	add better debug logging for web-push info	2023-12-10 18:53:58 -07:00
Trent Larson	672abac9a9	show web-push subscription info on demand, and refine docs	2023-12-10 18:43:24 -07:00
Trent Larson	0607fad3e5	remove the 'never' option for notifications & close on 'maybe later'	2023-12-10 17:41:03 -07:00
Trent Larson	6aa89a1d1d	update icon and favicon	2023-12-10 16:53:35 -07:00
trentlarson	2556d5feb9	Merge pull request 'add hash to help page for tracking exact versions' (#95 ) from git-hash into master Reviewed-on: #95	2023-12-10 11:21:23 -05:00
Trent Larson	3c1654764c	add commit hash to help page	2023-12-10 09:20:03 -07:00
Trent Larson	4c1e229d62	compute commit hash with git-describe	2023-12-10 09:18:07 -07:00
Trent Larson	17444d75de	remove references to test file	2023-12-10 08:59:25 -07:00
Trent Larson	f2fb432d2e	update documentation for going to production	2023-12-09 22:15:24 -07:00
Trent Larson	e45689daed	bump version to next beta	2023-12-09 21:21:35 -07:00
Trent Larson	041308ebc9	fix app name so that it'll build	2023-12-09 20:39:17 -07:00
Trent Larson	9c36bb509a	bump to v 0.1.5 and other misc tweaks	2023-12-09 20:36:51 -07:00
Trent Larson	2c300614ef	add claim info link to offer & give lines on a project	2023-12-08 22:31:49 -07:00
trentlarson	8849e8806a	Merge pull request 'allow changing the units being given' (#90 ) from other-units into master Reviewed-on: #90	2023-12-09 00:22:32 -05:00
trentlarson	f75094283a	Merge branch 'master' into other-units	2023-12-09 00:22:20 -05:00
Trent Larson	0fabccd410	revert util.d.ts to original (different spacing & capitalization)	2023-12-08 22:04:28 -07:00
Matthew Raymer	8ddf7d9532	Merging sw-cleanup	2023-12-08 23:54:04 -05:00
Matthew Raymer	4078853558	Merge branch 'sw-cleanup'	2023-12-08 23:35:27 -05:00
Matthew Raymer	f4df5ffa9a	Merge branch 'master' of ssh://173.199.124.46:222/trent_larson/crowd-funder-for-time-pwa	2023-12-08 23:34:36 -05:00
trentlarson	fa856f7594	Merge pull request 'add ability to view specific details of a claim, and also confirm it' (#91 ) from claim into master Reviewed-on: #91	2023-12-08 23:24:41 -05:00
anomalist	a0db6433a6	Merge branch 'master' into other-units	2023-12-08 23:05:21 -05:00
Trent Larson	59d0772881	ask for confirmation before submitting a confirm claim	2023-12-08 14:13:23 -07:00
Trent Larson	b18e554886	add ability to confirm a claim	2023-12-08 14:10:01 -07:00
Trent Larson	098ef3c644	add Claim view for details about a specific server record	2023-12-08 11:40:09 -07:00
Trent Larson	6045975b79	add more tasks for notifications work	2023-12-07 20:44:48 -07:00
Trent Larson	a6bb036ceb	fix name of new HelpNotificationsView class	2023-12-07 20:35:29 -07:00
Trent Larson	1e2ad85547	add dedicated help page for looking into notifications	2023-12-07 20:33:17 -07:00
Trent Larson	4daffe8f40	doc: fix note about remaining py_push_server work	2023-12-06 14:35:57 -07:00
trentlarson	efb1922826	Merge pull request 'other-smalls' (#89 ) from other-smalls into master Reviewed-on: #89	2023-12-06 16:22:55 -05:00
Trent Larson	c6e10bfdad	update tasks	2023-12-05 20:03:19 -07:00
Trent Larson	bb122be319	add URL for plans	2023-12-05 19:55:44 -07:00
Trent Larson	3f436476a2	fix project loading & saving to include all the claim data	2023-12-05 18:47:56 -07:00
Trent Larson	a77d20b572	show appropriate icon next to amount numbers (and some docs)	2023-12-05 17:58:46 -07:00
Trent Larson	393d1583ae	allow changing of units being given	2023-12-05 14:55:00 -07:00
anomalist	69a25ddd6c	Merge pull request 'don't show non-message to user; fix API server setting; misc doc & task stuff' (#88 ) from adjust-note into master Reviewed-on: #88	2023-12-05 03:43:27 -05:00
Trent Larson	a12d7fcc1b	refactor task list	2023-12-04 20:02:09 -07:00
Trent Larson	69c60e5426	change verbiage from "project" to "idea"	2023-12-04 19:55:57 -07:00
Trent Larson	4806acc30e	increase max characters for project description	2023-12-04 19:51:29 -07:00
Trent Larson	1127d7079b	remove outdated check, refactor tasks	2023-12-04 19:42:04 -07:00
Trent Larson	0bbadfec6d	add contact import by URL, add error notification, refine tasks	2023-12-04 19:21:03 -07:00
Trent Larson	276d8b2f19	refine tasks & an error message	2023-12-04 17:27:36 -07:00
Trent Larson	a7fbbbd4cd	fix more paths where there may be no ID	2023-12-04 15:54:03 -07:00
Trent Larson	a8d362c14d	don't show note about registering if this user isn't registered	2023-12-04 13:36:51 -07:00
Trent Larson	ce5933f645	remove visibility to contact operations where there is no activeDid	2023-12-04 13:29:16 -07:00
Trent Larson	5cbf917ada	don't show non-message to user; fix API server setting; misc doc & task stuff	2023-12-04 09:34:27 -07:00
Trent Larson	7335412145	revert type complaint, which is opposite from previous suggestion, which 8-S	2023-12-04 09:31:24 -07:00
trentlarson	feea1a1d3b	Merge pull request 'allow to customize the push-server for testing' (#80 ) from set-push-server into master Reviewed-on: #80	2023-12-04 10:59:22 -05:00
Trent Larson	7f4d31a79c	Merge branch 'master' into set-push-server	2023-12-04 08:55:39 -07:00
Trent Larson	4041a7d08e	more commentary, including for blank values for the user	2023-12-02 23:15:50 -07:00
Trent Larson	681d949098	update web push servers to the domains we're using	2023-12-02 15:35:44 -07:00
Trent Larson	3bf8fd0c22	rename "push" to "webPush" for future-proofing	2023-12-02 15:28:32 -07:00
Trent Larson	ee6a344daf	doc: add a guess for the states of the notifications	2023-11-12 19:03:39 -07:00
Trent Larson	65a5edf26b	allow to customize the push-server for testing	2023-11-12 11:35:36 -07:00