fix(api): prevent duplicate feed and search requests

Add concurrency guards to prevent duplicate API requests when
methods are called multiple times before completion.

- HomeView.updateAllFeed(): guard against concurrent calls with
  retry count limit to prevent infinite recursion
- DiscoverView.searchAll(): guard initial searches while allowing
  concurrent pagination
- DiscoverView.searchStarred(): guard against concurrent calls

These changes prevent duplicate network requests while preserving
legitimate concurrent pagination behavior.

.cursor/rules/core/base_context.mdc

@@ -21,7 +21,7 @@ alwaysApply: false
 
 ## Purpose
 
-All interactions must _increase the human's competence over time_ while
+All interactions must *increase the human's competence over time* while
 completing the task efficiently. The model may handle menial work and memory
 extension, but must also promote learning, autonomy, and healthy work habits.
 The model should also **encourage human interaction and collaboration** rather
@@ -31,7 +31,7 @@ machine-driven steps.
 
 ## Principles
 
-1. Competence over convenience: finish the task _and_ leave the human more
+1. Competence over convenience: finish the task *and* leave the human more
 
    capable next time.
 
@@ -75,7 +75,7 @@ assumptions if unanswered.
 
 ### timebox_minutes
 
-_integer or null_ — When set to a positive integer (e.g., `5`), this acts
+*integer or null* — When set to a positive integer (e.g., `5`), this acts
 as a **time budget** guiding the model to prioritize delivering the most
 essential parts of the task within that constraint.
 
@@ -91,7 +91,7 @@ Behavior when set:
 
 3. **Signal Skipped Depth** — Omitted details should be listed under
 
-   _Deferred for depth_.
+   *Deferred for depth*.
 
 4. **Order by Value** — Start with blocking or high-value items, then
 
@@ -198,7 +198,7 @@ Default: Doer + short Mentor notes.
 
 ## Self-Check (model, before responding)
 
-- [ ] Task done _and_ at least one competence lever included (≤120 words
+- [ ] Task done *and* at least one competence lever included (≤120 words
   total)
 - [ ] At least one collaboration/discussion hook present
 - [ ] Output follows the **Output Contract** sections

.cursor/rules/core/harbor_pilot_universal.mdc

@@ -53,7 +53,7 @@ evidence-backed steps**.
 - **Verifiable Outputs**: Include expected results, status codes, or
   error messages
 
-- **Cite evidence** for _Works/Doesn't_ items (timestamps, filenames,
+- **Cite evidence** for *Works/Doesn't* items (timestamps, filenames,
   line numbers, IDs/status codes, or logs).
 
 ## Required Sections
@@ -181,8 +181,8 @@ Before publishing, verify:
 
 ---
 
-**Status**: 🚢 ACTIVE — General ruleset extending _Base Context — Human
-Competence First_
+**Status**: 🚢 ACTIVE — General ruleset extending *Base Context — Human
+Competence First*
 
 **Priority**: Critical
 **Estimated Effort**: Ongoing reference

.cursor/rules/core/less_complex.mdc

@@ -12,11 +12,12 @@ language: Match repository languages and conventions
 
 ## Rules
 
+0. **Principle:** just the facts m'am.
 1. **Default to the least complex solution.** Fix the problem directly
    where it occurs; avoid new layers, indirection, or patterns unless
    strictly necessary.
 2. **Keep scope tight.** Implement only what is needed to satisfy the
-   acceptance criteria and tests for _this_ issue.
+   acceptance criteria and tests for *this* issue.
 3. **Avoid speculative abstractions.** Use the **Rule of Three**:
    don't extract helpers/patterns until the third concrete usage proves
    the shape.
@@ -29,7 +30,7 @@ language: Match repository languages and conventions
 7. **Targeted tests only.** Add the smallest set of tests that prove
    the fix and guard against regression; don't rewrite suites.
 8. **Document the "why enough."** Include a one-paragraph note
-   explaining why this minimal solution is sufficient _now_.
+   explaining why this minimal solution is sufficient *now*.
 
 ## Future-Proofing Requires Evidence + Discussion
 

.cursor/rules/development/asset_configuration.mdc

@@ -9,8 +9,8 @@ alwaysApply: false
 **Date**: 2025-08-19
 **Status**: 🎯 **ACTIVE** - Asset management guidelines
 
-_Scope: Assets Only (icons, splashes, image pipelines) — not overall build
-orchestration_
+*Scope: Assets Only (icons, splashes, image pipelines) — not overall build
+orchestration*
 
 ## Intent
 

.cursor/rules/development/development_guide.mdc

@@ -2,9 +2,8 @@
 globs: **/src/**/*
 alwaysApply: false
 ---
-✅ use system date command to timestamp all interactions with accurate date and
+✅ use system date command to timestamp all documentation with accurate date and
   time
-✅ python script files must always have a blank line at their end
 ✅ remove whitespace at the end of lines
 ✅ use npm run lint-fix to check for warnings
 ✅ do not use npm run dev let me handle running and supplying feedback
@@ -22,12 +21,10 @@ alwaysApply: false
 
 - [ ] **Timestamp Usage**: Include accurate timestamps in all interactions
 - [ ] **Code Quality**: Use npm run lint-fix to check for warnings
-- [ ] **File Standards**: Ensure Python files have blank line at end
 - [ ] **Whitespace**: Remove trailing whitespace from all lines
 
 ### After Development
 
 - [ ] **Linting Check**: Run npm run lint-fix to verify code quality
-- [ ] **File Validation**: Confirm Python files end with blank line
 - [ ] **Whitespace Review**: Verify no trailing whitespace remains
 - [ ] **Documentation**: Update relevant documentation with changes

.cursor/rules/development/time.mdc

@@ -40,7 +40,7 @@ feature development, issue investigations, ADRs, and documentation**.
 
   `2025-08-17`).
 
-- Avoid ambiguous terms like _recently_, _last month_, or _soon_.
+- Avoid ambiguous terms like *recently*, *last month*, or *soon*.
 
 - For time-based experiments (e.g., A/B tests), always include:
 

.cursor/rules/development/time_implementation.mdc

@@ -19,7 +19,7 @@
 
   - Optionally provide UTC alongside if context requires cross-team clarity.
 
-- When interpreting relative terms like _now_, _today_, _last week_:
+- When interpreting relative terms like *now*, *today*, *last week*:
 
   - Resolve them against the **developer's current time**.
 

.cursor/rules/docs/documentation_references_model_agents.mdc

@@ -1,96 +0,0 @@
----
-title: Documentation, References, and Model Agent Use
-version: 1.1
-alwaysApply: true
-scope: code, project-plans
----
-
-# Directive on Documentation, References, and Model Agent Use in Code and Project Plans
-
-To ensure clarity, efficiency, and high-value documentation within code and project plans—and to leverage **model agents** (AI- or automation-based assistants) effectively—contributors must follow these rules:
-
----
-
-## 1. Documentation and References Must Add Clear Value
-
-- Only include documentation, comments, or reference links when they provide _new, meaningful information_ that assists understanding or decision-making.  
-- Avoid duplicating content already obvious in the codebase, version history, or linked project documents.
-
----
-
-## 2. Eliminate Redundant or Noisy References
-
-- Remove references that serve no purpose beyond filling space.  
-- Model agents may automatically flag and suggest removal of trivial references (e.g., links to unchanged boilerplate or self-evident context).
-
----
-
-## 3. Explicit Role of Model Agents
-
-Model agents are **active participants** in documentation quality control. Their tasks include:  
-
-- **Relevance Evaluation**: Automatically analyze references for their substantive contribution before inclusion.  
-- **Redundancy Detection**: Flag duplicate or trivial references across commits, files, or tasks.  
-- **Context Linking**: Suggest appropriate higher-level docs (designs, ADRs, meeting notes) when a code change touches multi-stage or cross-team items.  
-- **Placement Optimization**: Recommend centralization of references (e.g., in plan overviews, ADRs, or merge commit messages) rather than scattered low-value inline references.  
-- **Consistency Monitoring**: Ensure references align with team standards (e.g., ADR template, architecture repo, or external policy documents).  
-
-Contributors must treat agent recommendations as **first-pass reviews** but remain accountable for final human judgment.
-
----
-
-## 4. Contextual References for Complex Items
-
-- Use **centralized references** for multi-stage features (e.g., architectural docs, research threads).  
-- Keep inline code comments light; push broader context into centralized documents.  
-- Model agents may auto-summarize complex chains of discussion and attach them as a single reference point.
-
----
-
-## 5. Centralization of Broader Context
-
-- Store overarching context (design docs, proposals, workflows) in accessible, well-indexed places.  
-- Model agents should assist by **generating reference maps** that track where docs are cited across the codebase.
-
----
-
-## 6. Focused Documentation
-
-- Documentation should explain **why** and **how** decisions are made, not just what was changed.  
-- Model agents can auto-generate first-pass explanations from commit metadata, diffs, and linked issues—but humans must refine them for accuracy and intent.
-
----
-
-## 7. Review and Accountability
-
-- Reviewers and team leads must reject submissions containing unnecessary or low-quality documentation.  
-- Model agent outputs are aids, not replacements—contributors remain responsible for **final clarity and relevance**.
-
----
-
-## 8. Continuous Improvement and Agent Feedback Loops
-
-- Encourage iterative development of model agents so their evaluations become more precise over time.  
-- Contributions should include **feedback on agent suggestions** (e.g., accepted, rejected, or corrected) to train better future outputs.  
-- Agents should log patterns of “rejected” suggestions for refinement.  
-
----
-
-## 9. Workflow Overview (Mermaid Diagram)
-
-```mermaid
-flowchart TD
-    A[Contributor] -->|Writes Code & Draft Docs| B[Model Agent]
-    B -->|Evaluates References| C{Relevant?}
-    C -->|Yes| D[Suggest Placement & Context Links]
-    C -->|No| E[Flag Redundancy / Noise]
-    D --> F[Contributor Refines Docs]
-    E --> F
-    F --> G[Reviewer]
-    G -->|Approves / Requests Revisions| H[Final Documentation]
-    G -->|Feedback on Agent Suggestions| B
-```
-
----
-
-✅ **Outcome:** By integrating disciplined contributor standards with **model agent augmentation**, the team achieves documentation that is consistently _relevant, concise, centralized, and decision-focused_. AI ensures coverage and noise reduction, while humans ensure precision and judgment.  

.cursor/rules/docs/markdown_templates.mdc

@@ -192,7 +192,6 @@ Summary of key concepts and skills.
 
 Where to apply this knowledge next.
 ```
-
 - [ ] Integration tests
 - [ ] E2E tests
 

.cursor/rules/harbor_pilot_universal.mdc

@@ -1,6 +1,5 @@
 ---
-alwaysApply: true
-inherits: base_context.mdc
+alwaysApply: false
 ---
 ```json
 {
@@ -16,10 +15,9 @@ inherits: base_context.mdc
 
 **Author**: System/Shared  
 **Date**: 2025-08-21 (UTC)  
-**Status**: 🚢 ACTIVE — General ruleset extending _Base Context — Human Competence First_
+**Status**: 🚢 ACTIVE — General ruleset extending *Base Context — Human Competence First*
 
 > **Alignment with Base Context**
->
 > - **Purpose fit**: Prioritizes human competence and collaboration while delivering reproducible artifacts.  
 > - **Output Contract**: This directive **adds universal constraints** for any technical topic while **inheriting** the Base Context contract sections.  
 > - **Toggles honored**: Uses the same toggle semantics; defaults above can be overridden by the caller.
@@ -27,11 +25,9 @@ inherits: base_context.mdc
 ---
 
 ## Objective
-
 Produce a **developer-grade, reproducible guide** for any technical topic that onboards a competent practitioner **without meta narration** and **with evidence-backed steps**.
 
 ## Scope & Constraints
-
 - **One Markdown document** as the deliverable.
 - Use **absolute dates** in **UTC** (e.g., `2025-08-21T14:22Z`) — avoid “today/yesterday”.
 - Include at least **one diagram** (Mermaid preferred). Choose the most fitting type:
@@ -40,11 +36,10 @@ Produce a **developer-grade, reproducible guide** for any technical topic that o
   - **APIs**: `curl` + one client library (e.g., `httpx` for Python).
   - **CLIs**: literal command blocks and expected output snippets.
   - **Code**: minimal, self-contained samples (language appropriate).
-- Cite **evidence** for _Works/Doesn’t_ items (timestamps, filenames, line numbers, IDs/status codes, or logs).
+- Cite **evidence** for *Works/Doesn’t* items (timestamps, filenames, line numbers, IDs/status codes, or logs).
 - If something is unknown, output `TODO:<missing>` — **never invent**.
 
 ## Required Sections (extends Base Output Contract)
-
 Follow this exact order **after** the Base Contract’s **Objective → Result → Use/Run** headers:
 
 1. **Context & Scope**
@@ -56,9 +51,9 @@ Follow this exact order **after** the Base Contract’s **Objective → Result
 4. **Architecture / Process Overview**
    - Short prose + **one diagram** selected from the list above.
 5. **Interfaces & Contracts (choose one)**
-   - **API-based**: Endpoint table (_Step, Method, Path/URL, Auth, Key Headers/Params, Sample Req/Resp ref_).
-   - **Data/Files**: I/O contract table (_Source, Format, Schema/Columns, Size, Validation rules_).
-   - **Systems/Hardware**: Interfaces table (_Port/Bus, Protocol, Voltage/Timing, Constraints_).
+   - **API-based**: Endpoint table (*Step, Method, Path/URL, Auth, Key Headers/Params, Sample Req/Resp ref*).
+   - **Data/Files**: I/O contract table (*Source, Format, Schema/Columns, Size, Validation rules*).
+   - **Systems/Hardware**: Interfaces table (*Port/Bus, Protocol, Voltage/Timing, Constraints*).
 6. **Repro: End-to-End Procedure**
    - Minimal copy-paste steps with code/commands and **expected outputs**.
 7. **What Works (with Evidence)**
@@ -73,19 +68,16 @@ Follow this exact order **after** the Base Contract’s **Objective → Result
     - Canonical docs, specs, tickets, prior analyses.
 
 > **Competence Hooks (per Base Context; keep lightweight):**
->
-> - _Why this works_ (≤3 bullets) — core invariants or guarantees.  
-> - _Common pitfalls_ (≤3 bullets) — the traps we saw in evidence.  
-> - _Next skill unlock_ (1 line) — the next capability to implement/learn.  
-> - _Teach-back_ (1 line) — prompt the reader to restate the flow/architecture.
+> - *Why this works* (≤3 bullets) — core invariants or guarantees.  
+> - *Common pitfalls* (≤3 bullets) — the traps we saw in evidence.  
+> - *Next skill unlock* (1 line) — the next capability to implement/learn.  
+> - *Teach-back* (1 line) — prompt the reader to restate the flow/architecture.
 
 > **Collaboration Hooks (per Base Context):**
->
 > - Name reviewers for **Interfaces & Contracts** and the **diagram**.  
 > - Short **sign-off checklist** before merging/publishing the guide.
 
 ## Do / Don’t (Base-aligned)
-
 - **Do** quantify progress only against a defined scope with acceptance criteria.
 - **Do** include minimal sample payloads/headers or I/O schemas; redact sensitive values.
 - **Do** keep commentary lean; if timeboxed, move depth to **Deferred for depth**.
@@ -93,7 +85,6 @@ Follow this exact order **after** the Base Contract’s **Objective → Result
 - **Don’t** include IDE-specific chatter or internal rules unrelated to the task.
 
 ## Validation Checklist (self-check before returning)
-
 - [ ] All Required Sections present and ordered.  
 - [ ] Diagram compiles (basic Mermaid syntax) and fits the problem.  
 - [ ] If API-based, **Auth** and **Key Headers/Params** are listed for each endpoint.  
@@ -104,7 +95,6 @@ Follow this exact order **after** the Base Contract’s **Objective → Result
 - [ ] Base **Output Contract** sections satisfied (Objective/Result/Use/Run/Competence/Collaboration/Assumptions/References).
 
 ## Universal Template (fill-in)
-
 ```markdown
 # <Title> — Working Notes (As of YYYY-MM-DDTHH:MMZ)
 
@@ -141,46 +131,37 @@ Follow this exact order **after** the Base Contract’s **Objective → Result
 ```
 
 ## Interfaces & Contracts
-
 ### If API-based
-
 | Step | Method | Path/URL | Auth | Key Headers/Params | Sample |
 |---|---|---|---|---|---|
 | <…> | <…> | <…> | <…> | <…> | below |
 
 ### If Data/Files
-
 | Source | Format | Schema/Columns | Size | Validation |
 |---|---|---|---|---|
 | <…> | <…> | <…> | <…> | <…> |
 
 ### If Systems/Hardware
-
 | Interface | Protocol | Timing/Voltage | Constraints | Notes |
 |---|---|---|---|---|
 | <…> | <…> | <…> | <…> | <…> |
 
 ## Repro: End-to-End Procedure
-
 ```bash
 # commands / curl examples (redacted where necessary)
 ```
-
 ```python
 # minimal client library example (language appropriate)
 ```
-
 > Expected output: <snippet/checks>
 
 ## What Works (Evidence)
-
 - ✅ <short statement>  
   - **Time**: <YYYY-MM-DDTHH:MMZ>  
   - **Evidence**: file/line/log or request id/status  
   - **Verify at**: <where>
 
 ## What Doesn’t (Evidence & Hypotheses)
-
 - ❌ <short failure> at `<component/endpoint/file>`  
   - **Time**: <YYYY-MM-DDTHH:MMZ>  
   - **Evidence**: <snippet/id/status>  
@@ -188,46 +169,38 @@ Follow this exact order **after** the Base Contract’s **Objective → Result
   - **Next probe**: <short>
 
 ## Risks, Limits, Assumptions
-
 <bullets: limits, security boundaries, retries/backoff, idempotency, SLOs>
 
 ## Next Steps
-
 | Owner | Task | Exit Criteria | Target Date (UTC) |
 |---|---|---|---|
 | <name> | <action> | <measurable outcome> | <YYYY-MM-DD> |
 
 ## References
-
 <links/titles>
 
 ## Competence Hooks
-
-- _Why this works_: <≤3 bullets>
-- _Common pitfalls_: <≤3 bullets>
-- _Next skill unlock_: <1 line>
-- _Teach-back_: <1 line>
+- *Why this works*: <≤3 bullets>
+- *Common pitfalls*: <≤3 bullets>
+- *Next skill unlock*: <1 line>
+- *Teach-back*: <1 line>
 
 ## Collaboration Hooks
-
 - Reviewers: <names/roles>
 - Sign-off checklist: <≤5 checks>
 
 ## Assumptions & Limits
-
 <bullets>
 
 ## Deferred for depth
-
 <park deeper material here to respect timeboxing>
 ```
 
 ---
 
 **Notes for Implementers:**  
-
-- Respect Base _Do-Not_ (no filler, no invented facts, no censorship).  
+- Respect Base *Do-Not* (no filler, no invented facts, no censorship).  
 - Prefer clarity over completeness when timeboxed; capture unknowns explicitly.
 - Apply historical comment management rules (see `.cursor/rules/historical_comment_management.mdc`)
 - Apply realistic time estimation rules (see `.cursor/rules/realistic_time_estimation.mdc`)
-- Apply Playwright test investigation rules (see `.cursor/rules/playwright_test_investigation.mdc`)
+- Apply Playwright test investigation rules (see `.cursor/rules/playwright_test_investigation.mdc`)

.cursor/rules/meta_bug_diagnosis.mdc

@@ -82,7 +82,6 @@ common investigation pitfalls.
 ### **Safe Diagnosis Commands**
 
 ✅ **Safe to use during diagnosis:**
-
 - `npm run lint-fix` - Syntax and style checking
 - `npm run type-check` - TypeScript validation (if available)
 - `git status` - Version control status
@@ -91,7 +90,6 @@ common investigation pitfalls.
 - `grep_search` - Text pattern searching
 
 ❌ **Never use during diagnosis:**
-
 - `npm run build:web` - Blocks chat
 - `npm run build:electron` - Blocks chat  
 - `npm run build:capacitor` - Blocks chat

.cursor/rules/meta_core_always_on.mdc

@@ -1,7 +1,6 @@
 ---
-alwaysApply: true
+alwaysApply: false
 ---
-
 # Meta-Rule: Core Always-On Rules
 
 **Author**: Matthew Raymer
@@ -36,7 +35,6 @@ that are essential for all AI interactions.
 **This meta-rule enforces current workflow mode constraints for all interactions:**
 
 ### **Current Workflow State**
-
 ```json
 {
   "workflowState": {
@@ -63,31 +61,26 @@ that are essential for all AI interactions.
 ### **Mode-Specific Enforcement**
 
 **Diagnosis Mode (read_only):**
-
 - ❌ **Forbidden**: File modification, code creation, build commands, git commits
 - ✅ **Allowed**: File reading, code analysis, investigation, documentation
 - **Response**: Guide user toward investigation and analysis, not implementation
 
 **Fixing Mode (implementation):**
-
 - ✅ **Allowed**: File modification, code creation, build commands, testing, git commits
 - ❌ **Forbidden**: None (full implementation mode)
 - **Response**: Proceed with implementation and testing
 
 **Planning Mode (design_only):**
-
 - ❌ **Forbidden**: Implementation, coding, building, deployment
 - ✅ **Allowed**: Analysis, design, estimation, documentation, architecture
 - **Response**: Focus on planning and design, not implementation
 
 **Research Mode (investigation):**
-
 - ❌ **Forbidden**: File modification, implementation, deployment
 - ✅ **Allowed**: Investigation, analysis, research, documentation
 - **Response**: Focus on investigation and analysis
 
 **Documentation Mode (writing_only):**
-
 - ❌ **Forbidden**: Implementation, coding, building, deployment
 - ✅ **Allowed**: Writing, editing, formatting, structuring, reviewing
 - **Response**: Focus on documentation creation and improvement
@@ -300,9 +293,6 @@ or context. They form the foundation for all AI assistant behavior.
 **See also**:
 
 - `.cursor/rules/meta_feature_planning.mdc` for workflow-specific rules
-- `.cursor/rules/meta_bug_diagnosis.mdc` for investigation workflows
-- `.cursor/rules/meta_bug_fixing.mdc` for fix implementation
-- `.cursor/rules/meta_feature_implementation.mdc` for feature development
 
 **Status**: Active core always-on meta-rule
 **Priority**: Critical (applies to every prompt)

.cursor/rules/meta_documentation.mdc

@@ -51,7 +51,6 @@ providing technical descriptions.
 ## When to Use
 
 **Use this meta-rule when**:
-
 - Writing new documentation
 - Updating existing documentation
 - Creating technical guides
@@ -108,7 +107,6 @@ providing technical descriptions.
 ### **Document Structure**
 
 **Mandatory Sections**:
-
 - **Overview**: Clear purpose and scope with educational context
 - **Why This Matters**: Business value and user benefit explanation
 - **Core Concepts**: Fundamental understanding before implementation
@@ -118,7 +116,6 @@ providing technical descriptions.
 - **Next Steps**: Where to go from here
 
 **Optional Sections**:
-
 - **Background**: Historical context and evolution
 - **Alternatives**: Other approaches and trade-offs
 - **Advanced Topics**: Deep dive into complex scenarios
@@ -127,7 +124,6 @@ providing technical descriptions.
 ### **Writing Style**
 
 **Educational Approach**:
-
 - **Conversational tone**: Write as if explaining to a colleague
 - **Progressive disclosure**: Start simple, add complexity gradually
 - **Active voice**: "You can do this" not "This can be done"
@@ -135,7 +131,6 @@ providing technical descriptions.
 - **Analogies**: Use familiar concepts to explain complex ideas
 
 **Technical Accuracy**:
-
 - **Precise language**: Use exact technical terms consistently
 - **Code examples**: Working, tested code snippets
 - **Version information**: Specify applicable versions and platforms
@@ -144,7 +139,6 @@ providing technical descriptions.
 ### **Content Quality Standards**
 
 **Educational Value**:
-
 - [ ] **Concept clarity**: Reader understands the fundamental idea
 - [ ] **Context relevance**: Reader knows when to apply the knowledge
 - [ ] **Practical application**: Reader can implement the solution
@@ -152,7 +146,6 @@ providing technical descriptions.
 - [ ] **Next steps**: Reader knows where to continue learning
 
 **Technical Accuracy**:
-
 - [ ] **Fact verification**: All technical details are correct
 - [ ] **Code validation**: Examples compile and run correctly
 - [ ] **Version compatibility**: Platform and version requirements clear
@@ -190,7 +183,6 @@ providing technical descriptions.
 ### **Review Checklist**
 
 **Educational Quality**:
-
 - [ ] **Clear learning objective**: What will the reader learn?
 - [ ] **Appropriate complexity**: Matches target audience knowledge
 - [ ] **Progressive disclosure**: Information builds logically
@@ -198,7 +190,6 @@ providing technical descriptions.
 - [ ] **Common questions**: Anticipates and answers reader questions
 
 **Technical Quality**:
-
 - [ ] **Accuracy**: All technical details verified
 - [ ] **Completeness**: Covers all necessary information
 - [ ] **Consistency**: Terminology and formatting consistent

.cursor/rules/playwright-test-investigation.mdc

@@ -9,31 +9,26 @@ alwaysApply: false
 **Status**: 🎯 **ACTIVE** - Playwright test debugging guidelines
 
 ## Objective
-
 Provide systematic approach for investigating Playwright test failures with focus on UI element conflicts, timing issues, and selector ambiguity.
 
 ## Context & Scope
-
 - **Audience**: Developers debugging Playwright test failures
 - **In scope**: Test failure analysis, selector conflicts, UI state investigation, timing issues
 - **Out of scope**: Test writing best practices, CI/CD configuration
 
 ## Artifacts & Links
-
 - Test results: `test-results/` directory
 - Error context: `error-context.md` files with page snapshots
 - Trace files: `trace.zip` files for failed tests
 - HTML reports: Interactive test reports with screenshots
 
 ## Environment & Preconditions
-
 - OS/Runtime: Linux/Windows/macOS with Node.js
 - Versions: Playwright test framework, browser drivers
 - Services: Local test server (localhost:8080), test data setup
 - Auth mode: None required for test investigation
 
 ## Architecture / Process Overview
-
 Playwright test investigation follows a systematic diagnostic workflow that leverages built-in debugging tools and error context analysis.
 
 ```mermaid
@@ -62,7 +57,6 @@ flowchart TD
 ## Interfaces & Contracts
 
 ### Test Results Structure
-
 | Component | Format | Content | Validation |
 |---|---|---|---|
 | Error Context | Markdown | Page snapshot in YAML | Verify DOM state matches test expectations |
@@ -71,7 +65,6 @@ flowchart TD
 | JSON Results | JSON | Machine-readable results | Parse for automated analysis |
 
 ### Investigation Commands
-
 | Step | Command | Expected Output | Notes |
 |---|---|---|---|
 | Locate failed tests | `find test-results -name "*test-name*"` | Test result directories | Use exact test name patterns |
@@ -81,7 +74,6 @@ flowchart TD
 ## Repro: End-to-End Investigation Procedure
 
 ### 1. Locate Failed Test Results
-
 ```bash
 # Find all results for a specific test
 find test-results -name "*test-name*" -type d
@@ -91,7 +83,6 @@ find test-results -name "error-context.md" | head -5
 ```
 
 ### 2. Analyze Error Context
-
 ```bash
 # Read error context for specific test
 cat test-results/test-name-test-description-browser/error-context.md
@@ -101,7 +92,6 @@ grep -A 10 -B 5 "button.*Yes\|button.*No" test-results/*/error-context.md
 ```
 
 ### 3. Check Trace Files
-
 ```bash
 # List available trace files
 find test-results -name "*.zip" | grep trace
@@ -111,7 +101,6 @@ npx playwright show-trace test-results/test-name/trace.zip
 ```
 
 ### 4. Investigate Selector Issues
-
 ```typescript
 // Check for multiple elements with same text
 await page.locator('button:has-text("Yes")').count(); // Should be 1
@@ -121,7 +110,6 @@ await page.locator('div[role="alert"]:has-text("Register") button:has-text("Yes"
 ```
 
 ## What Works (Evidence)
-
 - ✅ **Error context files** provide page snapshots showing exact DOM state at failure  
   - **Time**: 2025-08-21T14:22Z  
   - **Evidence**: `test-results/60-new-activity-New-offers-for-another-user-chromium/error-context.md` shows both alerts visible  
@@ -138,7 +126,6 @@ await page.locator('div[role="alert"]:has-text("Register") button:has-text("Yes"
   - **Verify at**: Error context markdown files
 
 ## What Doesn't (Evidence & Hypotheses)
-
 - ❌ **Generic selectors** fail with multiple similar elements at `test-playwright/testUtils.ts:161`  
   - **Time**: 2025-08-21T14:22Z  
   - **Evidence**: `button:has-text("Yes")` matches both "Yes" and "Yes, Export Data"  
@@ -152,14 +139,12 @@ await page.locator('div[role="alert"]:has-text("Register") button:has-text("Yes"
   - **Next probe**: Implement alert queuing or prevent overlapping alerts
 
 ## Risks, Limits, Assumptions
-
 - **Trace file size**: Large trace files may impact storage and analysis time
 - **Browser compatibility**: Trace viewer requires specific browser support
 - **Test isolation**: Shared state between tests may affect investigation results
 - **Timing sensitivity**: Tests may pass/fail based on system performance
 
 ## Next Steps
-
 | Owner | Task | Exit Criteria | Target Date (UTC) |
 |---|---|---|---|
 | Development Team | Fix test selectors for multiple alerts | All tests pass consistently | 2025-08-22 |
@@ -167,25 +152,21 @@ await page.locator('div[role="alert"]:has-text("Register") button:has-text("Yes"
 | Development Team | Add test IDs to alert buttons | Unique selectors for all UI elements | 2025-08-28 |
 
 ## References
-
 - [Playwright Trace Viewer Documentation](https://playwright.dev/docs/trace-viewer)
 - [Playwright Test Results](https://playwright.dev/docs/test-reporters)
 - [Test Investigation Workflow](./research_diagnostic.mdc)
 
 ## Competence Hooks
-
 - **Why this works**: Systematic investigation leverages Playwright's built-in debugging tools to identify root causes
 - **Common pitfalls**: Generic selectors fail with multiple similar elements; timing issues create race conditions; alert stacking causes UI conflicts
 - **Next skill unlock**: Implement unique test IDs and handle alert dismissal order in test flows
 - **Teach-back**: "How would you investigate a Playwright test failure using error context, trace files, and page snapshots?"
 
 ## Collaboration Hooks
-
 - **Reviewers**: QA team, test automation engineers
 - **Sign-off checklist**: Error context analyzed, trace files reviewed, root cause identified, fix implemented and tested
 
 ## Assumptions & Limits
-
 - Test results directory structure follows Playwright conventions
 - Trace files are enabled in configuration (`trace: "retain-on-failure"`)
 - Error context files contain valid YAML page snapshots
@@ -197,7 +178,6 @@ await page.locator('div[role="alert"]:has-text("Register") button:has-text("Yes"
 **Priority**: High  
 **Maintainer**: Development team  
 **Next Review**: 2025-09-21
-
 # Playwright Test Investigation — Harbor Pilot Directive
 
 **Author**: Matthew Raymer  
@@ -205,31 +185,26 @@ await page.locator('div[role="alert"]:has-text("Register") button:has-text("Yes"
 **Status**: 🎯 **ACTIVE** - Playwright test debugging guidelines
 
 ## Objective
-
 Provide systematic approach for investigating Playwright test failures with focus on UI element conflicts, timing issues, and selector ambiguity.
 
 ## Context & Scope
-
 - **Audience**: Developers debugging Playwright test failures
 - **In scope**: Test failure analysis, selector conflicts, UI state investigation, timing issues
 - **Out of scope**: Test writing best practices, CI/CD configuration
 
 ## Artifacts & Links
-
 - Test results: `test-results/` directory
 - Error context: `error-context.md` files with page snapshots
 - Trace files: `trace.zip` files for failed tests
 - HTML reports: Interactive test reports with screenshots
 
 ## Environment & Preconditions
-
 - OS/Runtime: Linux/Windows/macOS with Node.js
 - Versions: Playwright test framework, browser drivers
 - Services: Local test server (localhost:8080), test data setup
 - Auth mode: None required for test investigation
 
 ## Architecture / Process Overview
-
 Playwright test investigation follows a systematic diagnostic workflow that leverages built-in debugging tools and error context analysis.
 
 ```mermaid
@@ -258,7 +233,6 @@ flowchart TD
 ## Interfaces & Contracts
 
 ### Test Results Structure
-
 | Component | Format | Content | Validation |
 |---|---|---|---|
 | Error Context | Markdown | Page snapshot in YAML | Verify DOM state matches test expectations |
@@ -267,7 +241,6 @@ flowchart TD
 | JSON Results | JSON | Machine-readable results | Parse for automated analysis |
 
 ### Investigation Commands
-
 | Step | Command | Expected Output | Notes |
 |---|---|---|---|
 | Locate failed tests | `find test-results -name "*test-name*"` | Test result directories | Use exact test name patterns |
@@ -277,7 +250,6 @@ flowchart TD
 ## Repro: End-to-End Investigation Procedure
 
 ### 1. Locate Failed Test Results
-
 ```bash
 # Find all results for a specific test
 find test-results -name "*test-name*" -type d
@@ -287,7 +259,6 @@ find test-results -name "error-context.md" | head -5
 ```
 
 ### 2. Analyze Error Context
-
 ```bash
 # Read error context for specific test
 cat test-results/test-name-test-description-browser/error-context.md
@@ -297,7 +268,6 @@ grep -A 10 -B 5 "button.*Yes\|button.*No" test-results/*/error-context.md
 ```
 
 ### 3. Check Trace Files
-
 ```bash
 # List available trace files
 find test-results -name "*.zip" | grep trace
@@ -307,7 +277,6 @@ npx playwright show-trace test-results/test-name/trace.zip
 ```
 
 ### 4. Investigate Selector Issues
-
 ```typescript
 // Check for multiple elements with same text
 await page.locator('button:has-text("Yes")').count(); // Should be 1
@@ -317,7 +286,6 @@ await page.locator('div[role="alert"]:has-text("Register") button:has-text("Yes"
 ```
 
 ## What Works (Evidence)
-
 - ✅ **Error context files** provide page snapshots showing exact DOM state at failure  
   - **Time**: 2025-08-21T14:22Z  
   - **Evidence**: `test-results/60-new-activity-New-offers-for-another-user-chromium/error-context.md` shows both alerts visible  
@@ -334,7 +302,6 @@ await page.locator('div[role="alert"]:has-text("Register") button:has-text("Yes"
   - **Verify at**: Error context markdown files
 
 ## What Doesn't (Evidence & Hypotheses)
-
 - ❌ **Generic selectors** fail with multiple similar elements at `test-playwright/testUtils.ts:161`  
   - **Time**: 2025-08-21T14:22Z  
   - **Evidence**: `button:has-text("Yes")` matches both "Yes" and "Yes, Export Data"  
@@ -348,14 +315,12 @@ await page.locator('div[role="alert"]:has-text("Register") button:has-text("Yes"
   - **Next probe**: Implement alert queuing or prevent overlapping alerts
 
 ## Risks, Limits, Assumptions
-
 - **Trace file size**: Large trace files may impact storage and analysis time
 - **Browser compatibility**: Trace viewer requires specific browser support
 - **Test isolation**: Shared state between tests may affect investigation results
 - **Timing sensitivity**: Tests may pass/fail based on system performance
 
 ## Next Steps
-
 | Owner | Task | Exit Criteria | Target Date (UTC) |
 |---|---|---|---|
 | Development Team | Fix test selectors for multiple alerts | All tests pass consistently | 2025-08-22 |
@@ -363,25 +328,21 @@ await page.locator('div[role="alert"]:has-text("Register") button:has-text("Yes"
 | Development Team | Add test IDs to alert buttons | Unique selectors for all UI elements | 2025-08-28 |
 
 ## References
-
 - [Playwright Trace Viewer Documentation](https://playwright.dev/docs/trace-viewer)
 - [Playwright Test Results](https://playwright.dev/docs/test-reporters)
 - [Test Investigation Workflow](./research_diagnostic.mdc)
 
 ## Competence Hooks
-
 - **Why this works**: Systematic investigation leverages Playwright's built-in debugging tools to identify root causes
 - **Common pitfalls**: Generic selectors fail with multiple similar elements; timing issues create race conditions; alert stacking causes UI conflicts
 - **Next skill unlock**: Implement unique test IDs and handle alert dismissal order in test flows
 - **Teach-back**: "How would you investigate a Playwright test failure using error context, trace files, and page snapshots?"
 
 ## Collaboration Hooks
-
 - **Reviewers**: QA team, test automation engineers
 - **Sign-off checklist**: Error context analyzed, trace files reviewed, root cause identified, fix implemented and tested
 
 ## Assumptions & Limits
-
 - Test results directory structure follows Playwright conventions
 - Trace files are enabled in configuration (`trace: "retain-on-failure"`)
 - Error context files contain valid YAML page snapshots

.cursor/rules/workflow/commit_messages.mdc

@@ -73,7 +73,7 @@
 
 ### Avoid
 
-- Vague: _improved, enhanced, better_
+- Vague: *improved, enhanced, better*
 
 - Trivialities: tiny docs, one-liners, pure lint cleanups (separate,
 

.cursor/rules/workflow/version_control.mdc

@@ -5,7 +5,7 @@
 **Status**: 🎯 **ACTIVE** - Version control guidelines
 
 ## Core Principles
-
+### 0) let the developer control git
 ### 1) Version-Control Ownership
 
 - **MUST NOT** run `git add`, `git commit`, or any write action.

.husky/pre-commit

@@ -18,16 +18,17 @@ npm run lint-fix || {
     exit 1
 }
 
-# Build Architecture Guard - DISABLED
-# echo "🏗️  Running Build Architecture Guard..."
-# bash ./scripts/build-arch-guard.sh --staged || {
-#     echo
-#     echo "❌ Build Architecture Guard failed. Please fix the issues and try again."
-#     echo "💡 To bypass this check for emergency commits, use:"
-#     echo "   git commit --no-verify"
-#     echo
-#     exit 1
-# }
+# Then run Build Architecture Guard
+
+#echo "🏗️  Running Build Architecture Guard..."
+#bash ./scripts/build-arch-guard.sh --staged || {
+#    echo
+#    echo "❌ Build Architecture Guard failed. Please fix the issues and try again."
+#    echo "💡 To bypass this check for emergency commits, use:"
+#    echo "   git commit --no-verify"
+#    echo
+#    exit 1
+#}
 
 echo "✅ All pre-commit checks passed!"
 

.husky/pre-push

@@ -5,28 +5,23 @@
 #
 . "$(dirname -- "$0")/_/husky.sh"
 
-echo "🔍 Pre-push checks..."
+echo "🔍 Running Build Architecture Guard (pre-push)..."
 
-# Build Architecture Guard - DISABLED
-# echo "🔍 Running Build Architecture Guard (pre-push)..."
-# 
-# # Get the remote branch we're pushing to
-# REMOTE_BRANCH="origin/$(git rev-parse --abbrev-ref HEAD)"
-# 
-# # Check if remote branch exists
-# if git show-ref --verify --quiet "refs/remotes/$REMOTE_BRANCH"; then
-#     RANGE="$REMOTE_BRANCH...HEAD"
-# else
-#     # If remote branch doesn't exist, check last commit
-#     RANGE="HEAD~1..HEAD"
-# fi
-# 
-# bash ./scripts/build-arch-guard.sh --range "$RANGE" || {
-#     echo
-#     echo "💡 To bypass this check for emergency pushes, use:"
-#     echo "   git push --no-verify"
-#     echo
-#     exit 1
-# }
+# Get the remote branch we're pushing to
+REMOTE_BRANCH="origin/$(git rev-parse --abbrev-ref HEAD)"
 
-echo "✅ Pre-push checks passed!"
+# Check if remote branch exists
+if git show-ref --verify --quiet "refs/remotes/$REMOTE_BRANCH"; then
+    RANGE="$REMOTE_BRANCH...HEAD"
+else
+    # If remote branch doesn't exist, check last commit
+    RANGE="HEAD~1..HEAD"
+fi
+
+#bash ./scripts/build-arch-guard.sh --range "$RANGE" || {
+#    echo
+#    echo "💡 To bypass this check for emergency pushes, use:"
+#    echo "   git push --no-verify"
+#    echo
+#    exit 1
+#}

.markdownlint.json

@@ -1,56 +1,27 @@
 {
-  "MD013": false,
-  "MD033": false,
-  "MD041": false,
-  "MD024": {
-    "siblings_only": true
-  },
-  "MD029": {
-    "style": "ordered"
-  },
-  "MD007": {
-    "indent": 2
-  },
-  "MD012": {
-    "maximum": 1
+  "MD013": {
+    "line_length": 80,
+    "code_blocks": false,
+    "tables": false,
+    "headings": false
   },
+  "MD012": true,
   "MD022": true,
-  "MD025": true,
-  "MD026": {
-    "punctuation": ".,;:!"
-  },
-  "MD030": {
-    "ul_single": 1,
-    "ol_single": 1,
-    "ul_multi": 1,
-    "ol_multi": 1
-  },
   "MD031": true,
   "MD032": true,
-  "MD034": true,
-  "MD035": {
-    "style": "---"
-  },
-  "MD036": false,
-  "MD037": true,
-  "MD038": true,
-  "MD039": true,
-  "MD040": true,
-  "MD042": true,
-  "MD043": false,
-  "MD044": false,
-  "MD045": true,
-  "MD046": {
-    "style": "fenced"
-  },
   "MD047": true,
-  "MD048": {
-    "style": "backtick"
-  },
-  "MD049": {
-    "style": "underscore"
-  },
-  "MD050": {
-    "style": "asterisk"
-  }
+  "MD009": true,
+  "MD010": true,
+  "MD004": { "style": "dash" },
+  "MD029": { "style": "ordered" },
+  "MD041": false,
+  "MD025": false,
+  "MD024": false,
+  "MD036": false,
+  "MD003": false,
+  "MD040": false,
+  "MD055": false,
+  "MD056": false,
+  "MD034": false,
+  "MD023": false
 }

BUILDING.md

@@ -93,7 +93,6 @@ The Build Architecture Guard protects your build system by enforcing documentati
 #### Protected File Patterns
 
 The guard monitors these sensitive paths:
-
 - `vite.config.*` - Build configuration
 - `scripts/**` - Build and utility scripts
 - `electron/**` - Desktop application code
@@ -133,7 +132,6 @@ npm run guard:setup
 #### Troubleshooting
 
 If you encounter `mapfile: command not found` errors:
-
 ```bash
 # Ensure script is executable
 chmod +x scripts/build-arch-guard.sh
@@ -272,7 +270,6 @@ Start the development server using `npm run build:web:dev` or `npm run build:web
 3. To test the production build locally, use `npm run build:web:serve` (builds then serves)
 
 **Why Use `serve`?**
-
 - **Production Testing**: Test your optimized production build locally before deployment
 - **SPA Routing Validation**: Verify deep linking and navigation work correctly (handles routes like `/discover`, `/account`)
 - **Performance Testing**: Test the minified and optimized build locally
@@ -338,18 +335,15 @@ All web build commands use the `./scripts/build-web.sh` script, which provides:
 The `serve` functionality provides a local HTTP server for testing production builds:
 
 **What It Does:**
-
 1. **Builds** the application using Vite
 2. **Serves** the built files from the `dist/` directory
 3. **Handles SPA Routing** - serves `index.html` for all routes (fixes 404s on `/discover`, `/account`, etc.)
 
 **Server Options:**
-
 - **Primary**: `npx serve -s dist -l 8080` (recommended - full SPA support)
 - **Fallback**: Python HTTP server (limited SPA routing support)
 
 **Use Cases:**
-
 - Testing production builds before deployment
 - Validating SPA routing behavior
 - Performance testing of optimized builds
@@ -371,8 +365,8 @@ current version to test DB migrations.
 - Put the commit hash in the changelog (which will help you remember to bump the
   version in the step later).
 
-- Tag with the new version,
-[online](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/releases) or
+- Tag with the new version, 
+[online](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/releases) or 
 `git tag 1.0.2 && git push origin 1.0.2`.
 
 - For test, build the app:
@@ -1191,14 +1185,14 @@ If you need to build manually or want to understand the individual steps:
 - Choose Product -> Archive
   - This will trigger a build and take time, needing user's "login" keychain
     password (user's login password), repeatedly.
-  - If it fails with `building for 'iOS', but linking in dylib
+  - If it fails with `building for 'iOS', but linking in dylib 
     (.../.pkgx/zlib.net/v1.3.0/lib/libz.1.3.dylib) built for 'macOS'` then run
     XCode outside that terminal (ie. not with `npx cap open ios`).
   - Click Distribute -> App Store Connect
 - In AppStoreConnect, add the build to the distribution. You may have to remove
   the current build with the "-" when you hover over it, then "Add Build" with the
   new build.
-  - May have to go to App Review, click Submission, then hover over the build
+  - May have to go to App Review, click Submission, then hover over the build 
     and click "-".
   - It can take 15 minutes for the build to show up in the list of builds.
   - You'll probably have to "Manage" something about encryption, disallowed in France.
@@ -1263,13 +1257,11 @@ npm run assets:validate
 ##### What Gets Validated
 
 **Source Assets (Required):**
-
 - `resources/icon.png` - App icon source
 - `resources/splash.png` - Splash screen source  
 - `resources/splash_dark.png` - Dark mode splash source
 
 **Android Resources (Generated):**
-
 - `android/app/src/main/res/drawable/splash.png` - Splash screen drawable
 - `android/app/src/main/res/mipmap-*/ic_launcher.png` - App icons for all densities
 - `android/app/src/main/res/mipmap-*/ic_launcher_round.png` - Round app icons for all densities
@@ -2714,7 +2706,6 @@ configuration files in the repository.
 ### 2025-08-21 - Cursor Rules Refactoring and Build System Updates
 
 #### Package Dependencies Updated
-
 - **Added**: `markdownlint-cli2` v0.18.1 - Modern markdown linting with improved performance
 - **Added**: `@commitlint/cli` v18.6.1 - Conventional commit message validation
 - **Added**: `@commitlint/config-conventional` v18.6.2 - Conventional commit standards
@@ -2722,33 +2713,28 @@ configuration files in the repository.
 - **Updated**: `lint-staged` v15.2.2 - Pre-commit linting automation
 
 #### Build Script Improvements
-
 - **Markdown Linting**: Replaced custom markdown scripts with `markdownlint-cli2`
   - **Before**: `./scripts/fix-markdown.sh` and `./scripts/validate-markdown.sh`
   - **After**: `markdownlint-cli2 --fix` and `markdownlint-cli2`
   - **Benefits**: Faster execution, better error reporting, modern markdown standards
 
 #### Lint-Staged Configuration Enhanced
-
 - **Added**: Markdown file linting to pre-commit hooks
   - **Pattern**: `*.{md,markdown,mdc}` files now automatically formatted
   - **Command**: `markdownlint-cli2 --fix` runs before each commit
   - **Coverage**: All markdown files including `.mdc` cursor rules
 
 #### Commit Message Standards
-
 - **Added**: Conventional commit validation via commitlint
 - **Configuration**: Extends `@commitlint/config-conventional`
 - **Enforcement**: Ensures consistent commit message format across the project
 
 #### Node.js Version Requirements
-
 - **Updated**: Minimum Node.js version requirements for new dependencies
 - **markdownlint-cli2**: Requires Node.js >=20
 - **Various utilities**: Require Node.js >=18 for modern ES features
 
 #### Build Process Impact
-
 - **No Breaking Changes**: All existing build commands continue to work
 - **Improved Quality**: Better markdown formatting and commit message standards
 - **Enhanced Automation**: More comprehensive pre-commit validation
@@ -2759,7 +2745,6 @@ configuration files in the repository.
 ### 2025-08-21 - Commitlint Configuration Refinement
 
 #### Commit Message Validation Improvements
-
 - **Modified**: Commitlint configuration moved from `package.json` to dedicated `commitlint.config.js`
 - **Enhanced**: Strict validation rules downgraded from errors to warnings
   - **Before**: `subject-case` and `subject-full-stop` rules caused red error messages
@@ -2767,18 +2752,16 @@ configuration files in the repository.
 - **Benefit**: Eliminates confusing red error messages while maintaining commit quality guidance
 
 #### Configuration Structure
-
 - **File**: `commitlint.config.js` - Dedicated commitlint configuration
 - **Extends**: `@commitlint/config-conventional` - Standard conventional commit rules
-- **Custom Rules**:
+- **Custom Rules**: 
   - `subject-case: [1, 'never', ['sentence-case', 'start-case', 'pascal-case', 'upper-case']]`
   - `subject-full-stop: [1, 'never', '.']`
-- **Levels**:
+- **Levels**: 
   - `0` = Disabled, `1` = Warning, `2` = Error
   - Current: Problematic rules set to warning level (1)
 
 #### User Experience Impact
-
 - **Before**: Red error messages on every push with strict commit rules
 - **After**: Yellow warning messages that provide guidance without disruption
 - **Workflow**: Commits and pushes continue to work while maintaining quality standards
@@ -2789,7 +2772,6 @@ configuration files in the repository.
 ### 2025-08-26 - Capacitor Plugin Additions
 
 #### New Capacitor Plugins Added
-
 - **Added**: `@capacitor/clipboard` v6.0.2 - Clipboard functionality for mobile platforms
   - **Purpose**: Enable copy/paste operations on mobile devices
   - **Platforms**: iOS and Android
@@ -2803,27 +2785,23 @@ configuration files in the repository.
   - **Integration**: Automatically included in mobile builds
 
 #### Android Build System Updates
-
 - **Modified**: `android/capacitor.settings.gradle` - Added new plugin project includes
   - **Added**: `:capacitor-clipboard` project directory mapping
   - **Added**: `:capacitor-status-bar` project directory mapping
   - **Impact**: New plugins now properly integrated into Android build process
 
 #### Package Dependencies
-
 - **Updated**: `package.json` - Added new Capacitor plugin dependencies
 - **Updated**: `package-lock.json` - Locked dependency versions for consistency
 - **Version**: All new plugins use Capacitor 6.x compatible versions
 
 #### Build Process Impact
-
 - **No Breaking Changes**: Existing build commands continue to work unchanged
 - **Enhanced Mobile Features**: New clipboard and status bar capabilities available
 - **Automatic Integration**: Plugins automatically included in mobile builds
 - **Platform Support**: Both iOS and Android builds now include new functionality
 
 #### Testing Requirements
-
 - **Mobile Builds**: Verify new plugins integrate correctly in iOS and Android builds
 - **Functionality**: Test clipboard operations and status bar management on devices
 - **Fallback**: Ensure graceful degradation when plugins are unavailable

CODE_QUALITY_DEEP_ANALYSIS.md

@@ -0,0 +1,852 @@
+# TimeSafari Code Quality: Comprehensive Deep Analysis
+
+**Author**: Matthew Raymer  
+**Date**: Tue Sep 16 05:22:10 AM UTC 2025  
+**Status**: 🎯 **COMPREHENSIVE ANALYSIS** - Complete code quality assessment with actionable recommendations
+
+## Executive Summary
+
+The TimeSafari codebase demonstrates **exceptional code quality** with mature patterns, minimal technical debt, and excellent separation of concerns. This comprehensive analysis covers **291 source files** totaling **104,527 lines** of code, including detailed examination of **94 Vue components and views**.
+
+**Key Quality Metrics:**
+- **Technical Debt**: Extremely low (6 TODO/FIXME comments across entire codebase)
+- **Database Migration**: 99.5% complete (1 remaining legacy import)
+- **File Complexity**: High variance (largest file: 2,215 lines)
+- **Type Safety**: Mixed patterns (41 "as any" assertions in Vue files, 62 total)
+- **Error Handling**: Comprehensive (367 catch blocks with good coverage)
+- **Architecture**: Consistent Vue 3 Composition API with TypeScript
+
+## Vue Components & Views Analysis (94 Files)
+
+### Component Analysis (40 Components)
+
+#### Component Size Distribution
+```
+Large Components (>500 lines): 5 components (12.5%)
+├── ImageMethodDialog.vue (947 lines) 🔴 CRITICAL
+├── GiftedDialog.vue (670 lines) ⚠️ HIGH PRIORITY  
+├── PhotoDialog.vue (669 lines) ⚠️ HIGH PRIORITY
+├── PushNotificationPermission.vue (660 lines) ⚠️ HIGH PRIORITY
+└── MembersList.vue (550 lines) ⚠️ MODERATE PRIORITY
+
+Medium Components (200-500 lines): 12 components (30%)
+├── GiftDetailsStep.vue (450 lines)
+├── EntityGrid.vue (348 lines)
+├── ActivityListItem.vue (334 lines)
+├── OfferDialog.vue (327 lines)
+├── OnboardingDialog.vue (314 lines)
+├── EntitySelectionStep.vue (313 lines)
+├── GiftedPrompts.vue (293 lines)
+├── ChoiceButtonDialog.vue (250 lines)
+├── DataExportSection.vue (251 lines)
+├── AmountInput.vue (224 lines)
+├── HiddenDidDialog.vue (220 lines)
+└── FeedFilters.vue (218 lines)
+
+Small Components (<200 lines): 23 components (57.5%)
+├── ContactListItem.vue (217 lines)
+├── EntitySummaryButton.vue (202 lines)
+├── IdentitySection.vue (186 lines)
+├── ContactInputForm.vue (173 lines)
+├── SpecialEntityCard.vue (156 lines)
+├── RegistrationNotice.vue (154 lines)
+├── ContactNameDialog.vue (154 lines)
+├── PersonCard.vue (153 lines)
+├── UserNameDialog.vue (147 lines)
+├── InfiniteScroll.vue (132 lines)
+├── LocationSearchSection.vue (124 lines)
+├── UsageLimitsSection.vue (123 lines)
+├── QuickNav.vue (118 lines)
+├── ProjectCard.vue (104 lines)
+├── ContactListHeader.vue (101 lines)
+├── TopMessage.vue (98 lines)
+├── InviteDialog.vue (95 lines)
+├── ImageViewer.vue (94 lines)
+├── EntityIcon.vue (86 lines)
+├── ShowAllCard.vue (66 lines)
+├── ContactBulkActions.vue (53 lines)
+├── ProjectIcon.vue (47 lines)
+└── LargeIdenticonModal.vue (44 lines)
+```
+
+#### Critical Component Analysis
+
+**1. `ImageMethodDialog.vue` (947 lines) 🔴 CRITICAL REFACTORING NEEDED**
+
+**Issues Identified:**
+- **Excessive Single Responsibility**: Handles camera preview, file upload, URL input, cropping, diagnostics, and error handling
+- **Complex State Management**: 20+ reactive properties with interdependencies
+- **Mixed Concerns**: Camera API, file handling, UI state, and business logic intertwined
+- **Template Complexity**: ~300 lines of template with deeply nested conditions
+
+**Refactoring Strategy:**
+```typescript
+// Current monolithic structure
+ImageMethodDialog.vue (947 lines) {
+  CameraPreview: ~200 lines
+  FileUpload: ~150 lines  
+  URLInput: ~100 lines
+  CroppingInterface: ~200 lines
+  DiagnosticsPanel: ~150 lines
+  ErrorHandling: ~100 lines
+  StateManagement: ~47 lines
+}
+
+// Proposed component decomposition
+ImageMethodDialog.vue (coordinator, ~200 lines)
+├── CameraPreviewComponent.vue (~250 lines)
+├── FileUploadComponent.vue (~150 lines)
+├── URLInputComponent.vue (~100 lines)
+├── ImageCropperComponent.vue (~200 lines)
+├── DiagnosticsPanelComponent.vue (~150 lines)
+└── ImageUploadErrorHandler.vue (~100 lines)
+```
+
+**2. `GiftedDialog.vue` (670 lines) ⚠️ HIGH PRIORITY**
+
+**Assessment**: **GOOD** - Already partially refactored with step components extracted.
+
+**3. `PhotoDialog.vue` (669 lines) ⚠️ HIGH PRIORITY**
+
+**Issues**: Similar to ImageMethodDialog with significant code duplication.
+
+**4. `PushNotificationPermission.vue` (660 lines) ⚠️ HIGH PRIORITY**
+
+**Issues**: Complex permission logic with platform-specific code mixed together.
+
+### View Analysis (54 Views)
+
+#### View Size Distribution
+```
+Large Views (>1000 lines): 9 views (16.7%)
+├── AccountViewView.vue (2,215 lines) 🔴 CRITICAL
+├── HomeView.vue (1,852 lines) ⚠️ HIGH PRIORITY
+├── ProjectViewView.vue (1,479 lines) ⚠️ HIGH PRIORITY
+├── DatabaseMigration.vue (1,438 lines) ⚠️ HIGH PRIORITY
+├── ContactsView.vue (1,382 lines) ⚠️ HIGH PRIORITY
+├── TestView.vue (1,259 lines) ⚠️ MODERATE PRIORITY
+├── ClaimView.vue (1,225 lines) ⚠️ MODERATE PRIORITY
+├── NewEditProjectView.vue (957 lines) ⚠️ MODERATE PRIORITY
+└── ContactQRScanShowView.vue (929 lines) ⚠️ MODERATE PRIORITY
+
+Medium Views (500-1000 lines): 8 views (14.8%)
+├── ConfirmGiftView.vue (898 lines)
+├── DiscoverView.vue (888 lines)
+├── DIDView.vue (848 lines)
+├── GiftedDetailsView.vue (840 lines)
+├── OfferDetailsView.vue (781 lines)
+├── HelpView.vue (780 lines)
+├── ProjectsView.vue (742 lines)
+└── ContactQRScanFullView.vue (701 lines)
+
+Small Views (<500 lines): 37 views (68.5%)
+├── OnboardMeetingSetupView.vue (687 lines)
+├── ContactImportView.vue (568 lines)
+├── HelpNotificationsView.vue (566 lines)
+├── OnboardMeetingListView.vue (507 lines)
+├── InviteOneView.vue (475 lines)
+├── QuickActionBvcEndView.vue (442 lines)
+├── ContactAmountsView.vue (416 lines)
+├── SearchAreaView.vue (384 lines)
+├── SharedPhotoView.vue (379 lines)
+├── ContactGiftingView.vue (373 lines)
+├── ContactEditView.vue (345 lines)
+├── IdentitySwitcherView.vue (324 lines)
+├── UserProfileView.vue (323 lines)
+├── NewActivityView.vue (323 lines)
+├── QuickActionBvcBeginView.vue (303 lines)
+├── SeedBackupView.vue (292 lines)
+├── InviteOneAcceptView.vue (292 lines)
+├── ClaimCertificateView.vue (279 lines)
+├── StartView.vue (271 lines)
+├── ImportAccountView.vue (265 lines)
+├── ClaimAddRawView.vue (249 lines)
+├── OnboardMeetingMembersView.vue (247 lines)
+├── DeepLinkErrorView.vue (239 lines)
+├── ClaimReportCertificateView.vue (236 lines)
+├── DeepLinkRedirectView.vue (219 lines)
+├── ImportDerivedAccountView.vue (207 lines)
+├── ShareMyContactInfoView.vue (196 lines)
+├── RecentOffersToUserProjectsView.vue (176 lines)
+├── RecentOffersToUserView.vue (166 lines)
+├── NewEditAccountView.vue (142 lines)
+├── StatisticsView.vue (133 lines)
+├── HelpOnboardingView.vue (118 lines)
+├── LogView.vue (104 lines)
+├── NewIdentifierView.vue (97 lines)
+├── HelpNotificationTypesView.vue (73 lines)
+├── ConfirmContactView.vue (57 lines)
+└── QuickActionBvcView.vue (54 lines)
+```
+
+#### Critical View Analysis
+
+**1. `AccountViewView.vue` (2,215 lines) 🔴 CRITICAL REFACTORING NEEDED**
+
+**Issues Identified:**
+- **Monolithic Architecture**: Handles 7 distinct concerns in single file
+- **Template Complexity**: ~750 lines of template with deeply nested conditions
+- **Method Proliferation**: 50+ methods handling disparate concerns
+- **State Management**: 25+ reactive properties without clear organization
+
+**Refactoring Strategy:**
+```typescript
+// Current monolithic structure
+AccountViewView.vue (2,215 lines) {
+  ProfileSection: ~400 lines
+  SettingsSection: ~300 lines  
+  NotificationSection: ~200 lines
+  ServerConfigSection: ~250 lines
+  ExportImportSection: ~300 lines
+  LimitsSection: ~150 lines
+  MapSection: ~200 lines
+  StateManagement: ~415 lines
+}
+
+// Proposed component extraction
+AccountViewView.vue (coordinator, ~400 lines)
+├── ProfileManagementSection.vue (~300 lines)
+├── ServerConfigurationSection.vue (~250 lines)
+├── NotificationSettingsSection.vue (~200 lines)
+├── DataExportImportSection.vue (~300 lines)
+├── UsageLimitsDisplay.vue (~150 lines)
+├── LocationProfileSection.vue (~200 lines)
+└── AccountViewStateManager.ts (~200 lines)
+```
+
+**2. `HomeView.vue` (1,852 lines) ⚠️ HIGH PRIORITY**
+
+**Issues Identified:**
+- **Multiple Concerns**: Activity feed, projects, contacts, notifications in one file
+- **Complex State Management**: 20+ reactive properties with interdependencies
+- **Mixed Lifecycle Logic**: Mount, update, and destroy logic intertwined
+
+**3. `ProjectViewView.vue` (1,479 lines) ⚠️ HIGH PRIORITY**
+
+**Issues Identified:**
+- **Project Management Complexity**: Handles project details, members, offers, and activities
+- **Mixed Concerns**: Project data, member management, and activity feed in single view
+
+### Vue Component Quality Patterns
+
+#### Excellent Patterns Found:
+
+**1. EntityIcon.vue (86 lines) ✅ EXCELLENT**
+```typescript
+// Clean, focused responsibility
+@Component({ name: "EntityIcon" })
+export default class EntityIcon extends Vue {
+  @Prop() contact?: Contact;
+  @Prop({ default: "" }) entityId!: string;
+  @Prop({ default: 0 }) iconSize!: number;
+  
+  generateIcon(): string {
+    // Clear priority order: profile image → avatar → fallback
+    const imageUrl = this.contact?.profileImageUrl || this.profileImageUrl;
+    if (imageUrl) return `<img src="${imageUrl}" ... />`;
+    
+    const identifier = this.contact?.did || this.entityId;
+    if (!identifier) return `<img src="${blankSquareSvg}" ... />`;
+    
+    return createAvatar(avataaars, { seed: identifier, size: this.iconSize }).toString();
+  }
+}
+```
+
+**2. QuickNav.vue (118 lines) ✅ EXCELLENT**
+```typescript
+// Simple, focused navigation component
+@Component({ name: "QuickNav" })
+export default class QuickNav extends Vue {
+  @Prop selected = "";
+  
+  // Clean template with consistent patterns
+  // Proper accessibility attributes
+  // Responsive design with safe area handling
+}
+```
+
+**3. Small Focused Views ✅ EXCELLENT**
+```typescript
+// QuickActionBvcView.vue (54 lines) - Perfect size
+// ConfirmContactView.vue (57 lines) - Focused responsibility
+// HelpNotificationTypesView.vue (73 lines) - Clear purpose
+// LogView.vue (104 lines) - Simple utility view
+```
+
+#### Problematic Patterns Found:
+
+**1. Excessive Props in Dialog Components**
+```typescript
+// GiftedDialog.vue - Too many props
+@Prop() fromProjectId = "";
+@Prop() toProjectId = "";
+@Prop() isFromProjectView = false;
+@Prop() hideShowAll = false;
+@Prop({ default: "person" }) giverEntityType = "person";
+@Prop({ default: "person" }) recipientEntityType = "person";
+// ... 10+ more props
+```
+
+**2. Complex State Machines**
+```typescript
+// ImageMethodDialog.vue - Complex state management
+cameraState: "off" | "initializing" | "active" | "error" | "retrying" | "stopped" = "off";
+showCameraPreview = false;
+isRetrying = false;
+showDiagnostics = false;
+// ... 15+ more state properties
+```
+
+**3. Excessive Reactive Properties**
+```typescript
+// AccountViewView.vue - Too many reactive properties
+downloadUrl: string = "";
+loadingLimits: boolean = false;
+loadingProfile: boolean = true;
+showAdvanced: boolean = false;
+showB64Copy: boolean = false;
+showContactGives: boolean = false;
+showDidCopy: boolean = false;
+showDerCopy: boolean = false;
+showGeneralAdvanced: boolean = false;
+showLargeIdenticonId?: string;
+showLargeIdenticonUrl?: string;
+showPubCopy: boolean = false;
+showShortcutBvc: boolean = false;
+warnIfProdServer: boolean = false;
+warnIfTestServer: boolean = false;
+zoom: number = 2;
+isMapReady: boolean = false;
+// ... 10+ more properties
+```
+
+## File Size and Complexity Analysis (All Files)
+
+### Problematic Large Files
+
+#### 1. `AccountViewView.vue` (2,215 lines) 🔴 **CRITICAL**
+**Issues Identified:**
+- **Excessive Single File Responsibility**: Handles profile, settings, notifications, server configuration, export/import, limits checking
+- **Template Complexity**: ~750 lines of template with deeply nested conditions
+- **Method Proliferation**: 50+ methods handling disparate concerns
+- **State Management**: 25+ reactive properties without clear organization
+
+#### 2. `PlatformServiceMixin.ts` (2,091 lines) ⚠️ **HIGH PRIORITY**
+**Issues Identified:**
+- **God Object Pattern**: Single file handling 80+ methods across multiple concerns
+- **Mixed Abstraction Levels**: Low-level SQL utilities mixed with high-level business logic
+- **Method Length Variance**: Some methods 100+ lines, others single-line wrappers
+
+**Refactoring Strategy:**
+```typescript
+// Current monolithic mixin
+PlatformServiceMixin.ts (2,091 lines)
+
+// Proposed separation of concerns
+├── CoreDatabaseMixin.ts          // $db, $exec, $query, $first (200 lines)
+├── SettingsManagementMixin.ts    // $settings, $saveSettings (400 lines)
+├── ContactManagementMixin.ts     // $contacts, $insertContact (300 lines)
+├── EntityOperationsMixin.ts      // $insertEntity, $updateEntity (400 lines)
+├── CachingMixin.ts              // Cache management (150 lines)
+├── ActiveIdentityMixin.ts       // Active DID management (200 lines)
+├── UtilityMixin.ts              // Mapping, JSON parsing (200 lines)
+└── LoggingMixin.ts              // $log, $logError (100 lines)
+```
+
+#### 3. `HomeView.vue` (1,852 lines) ⚠️ **MODERATE PRIORITY**
+**Issues Identified:**
+- **Multiple Concerns**: Activity feed, projects, contacts, notifications in one file
+- **Complex State Management**: 20+ reactive properties with interdependencies
+- **Mixed Lifecycle Logic**: Mount, update, and destroy logic intertwined
+
+### File Size Distribution Analysis
+```
+Files > 1000 lines: 9 files (4.6% of codebase)
+Files 500-1000 lines: 23 files (11.7% of codebase)  
+Files 200-500 lines: 45 files (22.8% of codebase)
+Files < 200 lines: 120 files (60.9% of codebase)
+```
+
+**Assessment**: Good distribution with most files reasonably sized, but critical outliers need attention.
+
+## Type Safety Analysis
+
+### Type Assertion Patterns
+
+#### "as any" Usage (62 total instances) ⚠️
+
+**Vue Components & Views (41 instances):**
+```typescript
+// ImageMethodDialog.vue:504
+const activeIdentity = await (this as any).$getActiveIdentity();
+
+// GiftedDialog.vue:228  
+const activeIdentity = await (this as any).$getActiveIdentity();
+
+// AccountViewView.vue: Multiple instances for:
+// - PlatformServiceMixin method access
+// - Vue refs with complex typing
+// - External library integration (Leaflet)
+```
+
+**Other Files (21 instances):**
+- **Vue Component References** (23 instances): `(this.$refs.dialog as any)`
+- **Platform Detection** (12 instances): `(navigator as any).standalone`
+- **External Library Integration** (15 instances): Leaflet, Axios extensions
+- **Legacy Code Compatibility** (8 instances): Temporary migration code
+- **Event Handler Workarounds** (4 instances): Vue event typing issues
+
+**Example Problematic Pattern:**
+```typescript
+// src/views/AccountViewView.vue:934
+const iconDefault = L.Icon.Default.prototype as unknown as Record<string, unknown>;
+
+// Better approach:
+interface LeafletIconPrototype {
+  _getIconUrl?: unknown;
+}
+const iconDefault = L.Icon.Default.prototype as LeafletIconPrototype;
+```
+
+#### "unknown" Type Usage (755 instances)
+**Analysis**: Generally good practice showing defensive programming, but some areas could benefit from more specific typing.
+
+### Recommended Type Safety Improvements
+
+1. **Create Interface Extensions**:
+```typescript
+// src/types/platform-service-mixin.ts
+interface VueWithPlatformServiceMixin extends Vue {
+  $getActiveIdentity(): Promise<{ activeDid: string }>;
+  $saveSettings(changes: Partial<Settings>): Promise<boolean>;
+  // ... other methods
+}
+
+// src/types/external.ts
+declare global {
+  interface Navigator {
+    standalone?: boolean;
+  }
+}
+
+interface VueRefWithOpen {
+  open: (callback: (result?: unknown) => void) => void;
+}
+```
+
+2. **Component Ref Typing**:
+```typescript
+// Instead of: (this.$refs.dialog as any).open()
+// Use: (this.$refs.dialog as VueRefWithOpen).open()
+```
+
+## Error Handling Consistency Analysis
+
+### Error Handling Patterns (367 catch blocks)
+
+#### Pattern Distribution:
+1. **Structured Logging** (85%): Uses logger.error with context
+2. **User Notification** (78%): Shows user-friendly error messages  
+3. **Graceful Degradation** (92%): Provides fallback behavior
+4. **Error Propagation** (45%): Re-throws when appropriate
+
+#### Excellent Pattern Example:
+```typescript
+// src/views/AccountViewView.vue:1617
+try {
+  const response = await this.axios.delete(url, { headers });
+  if (response.status === 204) {
+    this.profileImageUrl = "";
+    this.notify.success("Image deleted successfully.");
+  }
+} catch (error) {
+  if (isApiError(error) && error.response?.status === 404) {
+    // Graceful handling - image already gone
+    this.profileImageUrl = "";
+  } else {
+    this.notify.error("Failed to delete image", TIMEOUTS.STANDARD);
+  }
+}
+```
+
+#### Areas for Improvement:
+1. **Inconsistent Error Typing**: Some catch(error: any), others catch(error: unknown)
+2. **Missing Error Boundaries**: No Vue error boundary components
+3. **Silent Failures**: 15% of catch blocks don't notify users
+
+## Code Duplication Analysis
+
+### Significant Duplication Patterns
+
+#### 1. **Toggle Component Pattern** (12 occurrences)
+```html
+<!-- Repeated across multiple files -->
+<div class="relative ml-2 cursor-pointer" @click="toggleMethod()">
+  <input v-model="property" type="checkbox" class="sr-only" />
+  <div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
+  <div class="dot absolute left-1 top-1 bg-slate-400 w-6 h-6 rounded-full transition"></div>
+</div>
+```
+
+**Solution**: Create `ToggleSwitch.vue` component with props for value, label, and change handler.
+
+#### 2. **API Error Handling Pattern** (25 occurrences)
+```typescript
+try {
+  const response = await this.axios.post(url, data, { headers });
+  if (response.status === 200) {
+    this.notify.success("Operation successful");
+  }
+} catch (error) {
+  if (isApiError(error)) {
+    this.notify.error(`Failed: ${error.message}`);
+  }
+}
+```
+
+**Solution**: Create `ApiRequestMixin.ts` with standardized request/response handling.
+
+#### 3. **Settings Update Pattern** (40+ occurrences)
+```typescript
+async methodName() {
+  await this.$saveSettings({ property: this.newValue });
+  this.property = this.newValue;
+}
+```
+
+**Solution**: Enhanced PlatformServiceMixin already provides `$saveSettings()` - migrate remaining manual patterns.
+
+## Dependency and Coupling Analysis
+
+### Import Dependency Patterns
+
+#### Legacy Database Coupling (EXCELLENT)
+- **Status**: 99.5% resolved (1 remaining databaseUtil import)
+- **Remaining**: `src/views/DeepLinkErrorView.vue:import { logConsoleAndDb }`
+- **Resolution**: Replace with PlatformServiceMixin `$logAndConsole()`
+
+#### Circular Dependency Status (EXCELLENT)
+- **Status**: 100% resolved, no active circular dependencies
+- **Previous Issues**: All resolved through PlatformServiceMixin architecture
+
+#### Component Coupling Analysis
+```typescript
+// High coupling components (>10 imports)
+AccountViewView.vue: 15 imports (understandable given scope)
+HomeView.vue: 12 imports 
+ProjectViewView.vue: 11 imports
+
+// Well-isolated components (<5 imports)  
+QuickActionViews: 3-4 imports each
+Component utilities: 2-3 imports each
+```
+
+**Assessment**: Reasonable coupling levels with clear architectural boundaries.
+
+## Console Logging Analysis (129 instances)
+
+### Logging Pattern Distribution:
+1. **console.log**: 89 instances (69%)
+2. **console.warn**: 24 instances (19%)  
+3. **console.error**: 16 instances (12%)
+
+### Vue Components & Views Logging (3 instances):
+- **Components**: 1 console.* call
+- **Views**: 2 console.* calls
+
+### Inconsistent Logging Approach:
+```typescript
+// Mixed patterns found:
+console.log("Direct console logging");           // 89 instances
+logger.debug("Structured logging");              // Preferred pattern
+this.$logAndConsole("Mixin logging");           // PlatformServiceMixin
+```
+
+### Recommended Standardization:
+1. **Migration Strategy**: Replace all console.* with logger.* calls
+2. **Structured Context**: Add consistent metadata to log entries
+3. **Log Levels**: Standardize debug/info/warn/error usage
+
+## Technical Debt Analysis (6 total)
+
+### Components (1 TODO):
+```typescript
+// PushNotificationPermission.vue
+// TODO: secretDB functionality needs to be migrated to PlatformServiceMixin
+```
+
+### Views (2 TODOs):
+```typescript
+// AccountViewView.vue
+// TODO: Implement this for SQLite
+// TODO: implement this for SQLite
+```
+
+### Other Files (3 TODOs):
+```typescript
+// src/db/tables/accounts.ts
+// TODO: When finished with migration, move these fields to Account and move identity and mnemonic here.
+
+// src/util.d.ts
+// TODO: , inspect: inspect
+
+// src/libs/crypto/vc/passkeyHelpers.ts
+// TODO: If it's after February 2025 when you read this then consider whether it still makes sense
+```
+
+**Assessment**: **EXCELLENT** - Only 6 TODO comments across 291 files.
+
+## Performance Anti-Patterns
+
+### Identified Issues:
+
+#### 1. **Excessive Reactive Properties**
+```typescript
+// AccountViewView.vue has 25+ reactive properties
+// Many could be computed or moved to component state
+```
+
+#### 2. **Inline Method Calls in Templates**
+```html
+<!-- Anti-pattern: -->
+<span>{{ readableDate(timeStr) }}</span>
+
+<!-- Better: -->
+<span>{{ readableTime }}</span>
+<!-- With computed property -->
+```
+
+#### 3. **Missing Key Attributes in Lists**
+```html
+<!-- Several v-for loops missing :key attributes -->
+<li v-for="item in items">
+```
+
+#### 4. **Complex Template Logic**
+```html
+<!-- AccountViewView.vue - Complex nested conditions -->
+<div v-if="!activeDid" id="noticeBeforeShare" class="bg-amber-200...">
+  <p class="mb-4">
+    <b>Note:</b> Before you can share with others or take any action, you need an identifier.
+  </p>
+  <router-link :to="{ name: 'new-identifier' }" class="inline-block...">
+    Create An Identifier
+  </router-link>
+</div>
+
+<!-- Identity Details -->
+<IdentitySection
+  :given-name="givenName"
+  :profile-image-url="profileImageUrl"
+  :active-did="activeDid"
+  :is-registered="isRegistered"
+  :show-large-identicon-id="showLargeIdenticonId"
+  :show-large-identicon-url="showLargeIdenticonUrl"
+  :show-did-copy="showDidCopy"
+  @edit-name="onEditName"
+  @show-qr-code="onShowQrCode"
+  @add-image="onAddImage"
+  @delete-image="onDeleteImage"
+  @show-large-identicon-id="onShowLargeIdenticonId"
+  @show-large-identicon-url="onShowLargeIdenticonUrl"
+/>
+```
+
+## Specific Actionable Recommendations
+
+### Priority 1: Critical File Refactoring
+
+1. **Split AccountViewView.vue**:
+   - **Timeline**: 2-3 sprints
+   - **Strategy**: Extract 6 major sections into focused components
+   - **Risk**: Medium (requires careful state management coordination)
+   - **Benefit**: Massive maintainability improvement, easier testing
+
+2. **Decompose ImageMethodDialog.vue**:
+   - **Timeline**: 2-3 sprints
+   - **Strategy**: Extract 6 focused components (camera, file upload, cropping, etc.)
+   - **Risk**: Medium (complex camera state management)
+   - **Benefit**: Massive maintainability improvement
+
+3. **Decompose PlatformServiceMixin.ts**:
+   - **Timeline**: 1-2 sprints  
+   - **Strategy**: Create focused mixins by concern area
+   - **Risk**: Low (well-defined interfaces already exist)
+   - **Benefit**: Better code organization, reduced cognitive load
+
+### Priority 2: Component Extraction
+
+1. **HomeView.vue** → 4 focused sections
+   - **Timeline**: 1-2 sprints
+   - **Risk**: Low (clear separation of concerns)
+   - **Benefit**: Better code organization
+
+2. **ProjectViewView.vue** → 4 focused sections
+   - **Timeline**: 1-2 sprints
+   - **Risk**: Low (well-defined boundaries)
+   - **Benefit**: Improved maintainability
+
+### Priority 3: Shared Component Creation
+
+1. **CameraPreviewComponent.vue**
+   - Extract from ImageMethodDialog.vue and PhotoDialog.vue
+   - **Benefit**: Eliminate code duplication
+
+2. **FileUploadComponent.vue**
+   - Extract from ImageMethodDialog.vue and PhotoDialog.vue
+   - **Benefit**: Consistent file handling
+
+3. **ToggleSwitch.vue**
+   - Replace 12 duplicate toggle patterns
+   - **Benefit**: Consistent UI components
+
+4. **DiagnosticsPanelComponent.vue**
+   - Extract from ImageMethodDialog.vue
+   - **Benefit**: Reusable debugging component
+
+### Priority 4: Type Safety Enhancement
+
+1. **Eliminate "as any" Assertions**:
+   - **Timeline**: 1 sprint
+   - **Strategy**: Create proper interface extensions
+   - **Risk**: Low
+   - **Benefit**: Better compile-time error detection
+
+2. **Standardize Error Typing**:
+   - **Timeline**: 0.5 sprint
+   - **Strategy**: Use consistent `catch (error: unknown)` pattern
+   - **Risk**: None
+   - **Benefit**: Better error handling consistency
+
+### Priority 5: State Management Optimization
+
+1. **Create Composables for Complex State**:
+```typescript
+// src/composables/useCameraState.ts
+export function useCameraState() {
+  const cameraState = ref<CameraState>("off");
+  const showPreview = ref(false);
+  const isRetrying = ref(false);
+  
+  const startCamera = async () => { /* ... */ };
+  const stopCamera = () => { /* ... */ };
+  
+  return { cameraState, showPreview, isRetrying, startCamera, stopCamera };
+}
+```
+
+2. **Group Related Reactive Properties**:
+```typescript
+// Instead of:
+showB64Copy: boolean = false;
+showDidCopy: boolean = false;
+showDerCopy: boolean = false;
+showPubCopy: boolean = false;
+
+// Use:
+copyStates = {
+  b64: false,
+  did: false,
+  der: false,
+  pub: false
+};
+```
+
+### Priority 6: Code Standardization
+
+1. **Logging Standardization**:
+   - **Timeline**: 1 sprint
+   - **Strategy**: Replace all console.* with logger.*
+   - **Risk**: None
+   - **Benefit**: Consistent logging, better debugging
+
+2. **Template Optimization**:
+   - Add missing `:key` attributes
+   - Convert inline method calls to computed properties
+   - Implement virtual scrolling for large lists
+
+## Quality Metrics Summary
+
+### Vue Component Quality Distribution:
+| Size Category | Count | Percentage | Quality Assessment |
+|---------------|-------|------------|-------------------|
+| Large (>500 lines) | 5 | 12.5% | 🔴 Needs Refactoring |
+| Medium (200-500 lines) | 12 | 30% | 🟡 Good with Minor Issues |
+| Small (<200 lines) | 23 | 57.5% | 🟢 Excellent |
+
+### Vue View Quality Distribution:
+| Size Category | Count | Percentage | Quality Assessment |
+|---------------|-------|------------|-------------------|
+| Large (>1000 lines) | 9 | 16.7% | 🔴 Needs Refactoring |
+| Medium (500-1000 lines) | 8 | 14.8% | 🟡 Good with Minor Issues |
+| Small (<500 lines) | 37 | 68.5% | 🟢 Excellent |
+
+### Overall Quality Metrics:
+| Metric | Components | Views | Overall Assessment |
+|--------|------------|-------|-------------------|
+| Technical Debt | 1 TODO | 2 TODOs | 🟢 Excellent |
+| Type Safety | 6 "as any" | 35 "as any" | 🟡 Good |
+| Console Logging | 1 instance | 2 instances | 🟢 Excellent |
+| Architecture Consistency | 100% | 100% | 🟢 Excellent |
+| Component Reuse | High | High | 🟢 Excellent |
+
+### Before vs. Target State:
+| Metric | Current | Target | Status |
+|--------|---------|---------|---------|
+| Files >1000 lines | 9 files | 3 files | 🟡 Needs Work |
+| "as any" assertions | 62 | 15 | 🟡 Moderate |
+| Console.* calls | 129 | 0 | 🔴 Needs Work |
+| Component reuse | 40% | 75% | 🟡 Moderate |
+| Error consistency | 85% | 95% | 🟢 Good |
+| Type coverage | 88% | 95% | 🟢 Good |
+
+## Risk Assessment
+
+### Low Risk Improvements (High Impact):
+- Logging standardization
+- Type assertion cleanup  
+- Missing key attributes
+- Component extraction from AccountViewView.vue
+- Shared component creation (ToggleSwitch, CameraPreview)
+
+### Medium Risk Improvements:
+- PlatformServiceMixin decomposition
+- State management optimization
+- ImageMethodDialog decomposition
+
+### High Risk Items:
+- None identified - project demonstrates excellent architectural discipline
+
+## Conclusion
+
+The TimeSafari codebase demonstrates **exceptional code quality** with:
+
+**Key Strengths:**
+- **Consistent Architecture**: 100% Vue 3 Composition API with TypeScript
+- **Minimal Technical Debt**: Only 6 TODO comments across 291 files
+- **Excellent Small Components**: 68.5% of views and 57.5% of components are well-sized
+- **Strong Type Safety**: Minimal "as any" usage, mostly justified
+- **Clean Logging**: Minimal console.* usage, structured logging preferred
+- **Excellent Database Migration**: 99.5% complete
+- **Comprehensive Error Handling**: 367 catch blocks with good coverage
+- **No Circular Dependencies**: 100% resolved
+
+**Primary Focus Areas:**
+1. **Decompose Large Files**: 5 components and 9 views need refactoring
+2. **Extract Shared Components**: Camera, file upload, and diagnostics components
+3. **Optimize State Management**: Group related properties and create composables
+4. **Improve Type Safety**: Create proper interface extensions for mixin methods
+5. **Logging Standardization**: Replace 129 console.* calls with structured logger.*
+
+**The component architecture is production-ready** with these improvements representing **strategic optimization** rather than critical fixes. The codebase demonstrates **mature Vue.js development practices** with excellent separation of concerns and consistent patterns.
+
+---
+
+**Investigation Methodology:**
+- Static analysis of 291 source files (197 general + 94 Vue components/views)
+- Pattern recognition across 104,527 lines of code
+- Manual review of large files and complexity patterns
+- Dependency analysis and coupling assessment
+- Performance anti-pattern identification
+- Architecture consistency evaluation

README-PR-TEMPLATE.md

@@ -66,17 +66,14 @@ test-image.tar  a1b2c3d4e5f6...
 ```
 
 ### Docs
-
 - [x] **BUILDING.md** updated (sections): Docker deployment
 - [x] Troubleshooting updated: Added Docker troubleshooting section
 
 ### Rollback
-
 - [x] Verified steps to restore previous behavior:
   1. `git revert HEAD`
   2. `docker rmi test-image`
   3. Restore previous BUILDING.md
-
 ```
 
 ---

README.md

@@ -11,7 +11,7 @@ See [ClickUp](https://sharing.clickup.com/9014278710/l/h/8cmnyhp-174/10573fec74e
 
 Quick start:
 
-- For setup, we recommend [pkgx](https://pkgx.dev), which installs what you need (either automatically or with the `dev` command). Core dependencies are typescript & npm; when building for other platforms, you'll need other things such as those in the pkgx.yaml & BUILDING.md files.
+* For setup, we recommend [pkgx](https://pkgx.dev), which installs what you need (either automatically or with the `dev` command). Core dependencies are typescript & npm; when building for other platforms, you'll need other things such as those in the pkgx.yaml & BUILDING.md files.
 
 ```bash
 npm install
@@ -68,16 +68,16 @@ TimeSafari supports configurable logging levels via the `VITE_LOG_LEVEL` environ
 
 ```bash
 # Show only errors
-VITE_LOG_LEVEL=error npm run dev
+VITE_LOG_LEVEL=error npm run build:web:dev
 
 # Show warnings and errors
-VITE_LOG_LEVEL=warn npm run dev
+VITE_LOG_LEVEL=warn npm run build:web:dev
 
 # Show info, warnings, and errors (default)
-VITE_LOG_LEVEL=info npm run dev
+VITE_LOG_LEVEL=info npm run build:web:dev
 
 # Show all log levels including debug
-VITE_LOG_LEVEL=debug npm run dev
+VITE_LOG_LEVEL=debug npm run build:web:dev
 ```
 
 ### Available Levels
@@ -90,7 +90,6 @@ VITE_LOG_LEVEL=debug npm run dev
 See [Logging Configuration Guide](doc/logging-configuration.md) for complete details.
 
 ### Quick Usage
-
 ```bash
 # Run the database clearing script
 ./scripts/clear-database.sh
@@ -103,19 +102,16 @@ npm run build:web:dev       # For Web
 ### What It Does
 
 #### **Electron (Desktop App)**
-
 - Automatically finds and clears the SQLite database files
 - Works on Linux, macOS, and Windows
 - Clears all data and forces fresh migrations on next startup
 
 #### **Web Browser**
-
 - Provides instructions for using custom browser data directories
 - Shows manual clearing via browser DevTools
 - Ensures reliable database clearing without browser complications
 
 ### Safety Features
-
 - ✅ **Interactive Script**: Guides you through the process
 - ✅ **Platform Detection**: Automatically detects your OS
 - ✅ **Clear Instructions**: Step-by-step guidance for each platform
@@ -124,7 +120,6 @@ npm run build:web:dev       # For Web
 ### Manual Commands (if needed)
 
 #### **Electron Database Location**
-
 ```bash
 # Linux
 rm -rf ~/.config/TimeSafari/*
@@ -137,7 +132,6 @@ rmdir /s /q %APPDATA%\TimeSafari
 ```
 
 #### **Web Browser (Custom Data Directory)**
-
 ```bash
 # Create isolated browser profile
 mkdir ~/timesafari-dev-data
@@ -150,7 +144,6 @@ URL generation across all environments. This prevents localhost URLs from
 appearing in shared links during development.
 
 ### Key Features
-
 - ✅ **Production URLs for Sharing**: All copy link buttons use production domain
 - ✅ **Environment-Specific Internal URLs**: Internal operations use appropriate
   environment URLs
@@ -234,7 +227,6 @@ npm run test:prerequisites
 - **Build failures**: Run `npm run check:dependencies` to diagnose environment issues
 
 **Required Versions**:
-
 - Node.js: 18+ (LTS recommended)
 - npm: 8+ (comes with Node.js)
 - Platform-specific tools: Android Studio, Xcode (for mobile builds)
@@ -254,26 +246,25 @@ To add a Font Awesome icon, add to `fontawesome.ts` and reference with
 
 ### Reference Material
 
-- Notifications can be type of `toast` (self-dismiss), `info`, `success`, `warning`, and `danger`.
+* Notifications can be type of `toast` (self-dismiss), `info`, `success`, `warning`, and `danger`.
   They are done via [notiwind](https://www.npmjs.com/package/notiwind) and set up in App.vue.
 
-- [Customize Vue configuration](https://cli.vuejs.org/config/).
+* [Customize Vue configuration](https://cli.vuejs.org/config/).
 
-- If you are deploying in a subdirectory, add it to `publicPath` in vue.config.js, eg: `publicPath: "/app/time-tracker/",`
+* If you are deploying in a subdirectory, add it to `publicPath` in vue.config.js, eg: `publicPath: "/app/time-tracker/",`
 
 ### Code Organization
 
 The project uses a centralized approach to type definitions and interfaces:
 
-- `src/interfaces/` - Contains all TypeScript interfaces and type definitions
-  - `deepLinks.ts` - Deep linking type system and Zod validation schemas
-  - `give.ts` - Give-related interfaces and type definitions
-  - `claims.ts` - Claim-related interfaces and verifiable credentials
-  - `common.ts` - Shared interfaces and utility types
-  - Other domain-specific interface files
+* `src/interfaces/` - Contains all TypeScript interfaces and type definitions
+  * `deepLinks.ts` - Deep linking type system and Zod validation schemas
+  * `give.ts` - Give-related interfaces and type definitions
+  * `claims.ts` - Claim-related interfaces and verifiable credentials
+  * `common.ts` - Shared interfaces and utility types
+  * Other domain-specific interface files
 
 Key principles:
-
 - All interfaces and types are defined in the interfaces folder
 - Zod schemas are used for runtime validation and type generation
 - Domain-specific interfaces are separated into their own files
@@ -284,11 +275,11 @@ Key principles:
 
 The application uses a platform-agnostic database layer with Vue mixins for service access:
 
-- `src/services/PlatformService.ts` - Database interface definition
-- `src/services/PlatformServiceFactory.ts` - Platform-specific service factory
-- `src/services/AbsurdSqlDatabaseService.ts` - SQLite implementation
-- `src/utils/PlatformServiceMixin.ts` - Vue mixin for database access with caching
-- `src/db/` - Legacy Dexie database (migration in progress)
+* `src/services/PlatformService.ts` - Database interface definition
+* `src/services/PlatformServiceFactory.ts` - Platform-specific service factory
+* `src/services/AbsurdSqlDatabaseService.ts` - SQLite implementation
+* `src/utils/PlatformServiceMixin.ts` - Vue mixin for database access with caching
+* `src/db/` - Legacy Dexie database (migration in progress)
 
 **Development Guidelines**:
 
@@ -314,6 +305,17 @@ timesafari/
 └── 📄 doc/README-BUILD-GUARD.md # Guard system documentation
 ```
 
+## Known Issues
+
+### Critical Vue Reactivity Bug
+A critical Vue reactivity bug was discovered during ActiveDid migration testing where component properties fail to trigger template updates correctly.
+
+**Impact**: The `newDirectOffersActivityNumber` element in HomeView.vue requires a watcher workaround to render correctly.
+
+**Status**: Workaround implemented, investigation ongoing.
+
+**Documentation**: See [Vue Reactivity Bug Report](doc/vue-reactivity-bug-report.md) for details.
+
 ## 🤝 Contributing
 
 1. **Follow the Build Architecture Guard** - Update BUILDING.md when modifying build files
@@ -325,11 +327,11 @@ timesafari/
 
 Gifts make the world go 'round!
 
-- [WebStorm by JetBrains](https://www.jetbrains.com/webstorm/) for the free open-source license
-- [Máximo Fernández](https://medium.com/@maxfarenas) for the 3D [code](https://github.com/maxfer03/vue-three-ns) and [explanatory post](https://medium.com/nicasource/building-an-interactive-web-portfolio-with-vue-three-js-part-three-implementing-three-js-452cb375ef80)
-- [Many tools & libraries](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/src/branch/master/package.json#L10) such as Nodejs.org, IntelliJ Idea, Veramo.io, Vuejs.org, threejs.org
-- [Bush 3D model](https://sketchfab.com/3d-models/lupine-plant-bf30f1110c174d4baedda0ed63778439)
-- [Forest floor image](https://www.goodfreephotos.com/albums/textures/leafy-autumn-forest-floor.jpg)
-- Time Safari logo assisted by [DALL-E in ChatGPT](https://chat.openai.com/g/g-2fkFE8rbu-dall-e)
-- [DiceBear](https://www.dicebear.com/licenses/) and [Avataaars](https://www.dicebear.com/styles/avataaars/#details) for human-looking identicons
-- Some gratitude prompts thanks to [Develop Good Habits](https://www.developgoodhabits.com/gratitude-journal-prompts/)
+* [WebStorm by JetBrains](https://www.jetbrains.com/webstorm/) for the free open-source license
+* [Máximo Fernández](https://medium.com/@maxfarenas) for the 3D [code](https://github.com/maxfer03/vue-three-ns) and [explanatory post](https://medium.com/nicasource/building-an-interactive-web-portfolio-with-vue-three-js-part-three-implementing-three-js-452cb375ef80)
+* [Many tools & libraries](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/src/branch/master/package.json#L10) such as Nodejs.org, IntelliJ Idea, Veramo.io, Vuejs.org, threejs.org
+* [Bush 3D model](https://sketchfab.com/3d-models/lupine-plant-bf30f1110c174d4baedda0ed63778439)
+* [Forest floor image](https://www.goodfreephotos.com/albums/textures/leafy-autumn-forest-floor.jpg)
+* Time Safari logo assisted by [DALL-E in ChatGPT](https://chat.openai.com/g/g-2fkFE8rbu-dall-e)
+* [DiceBear](https://www.dicebear.com/licenses/) and [Avataaars](https://www.dicebear.com/styles/avataaars/#details) for human-looking identicons
+* Some gratitude prompts thanks to [Develop Good Habits](https://www.developgoodhabits.com/gratitude-journal-prompts/)

TASK_storage.md

@@ -5,33 +5,33 @@
 
 We can't trust iOS IndexedDB to persist. I want to start delivering an app to people now, in preparation for presentations mid-June: Rotary on June 12 and Porcfest on June 17.
 
-- Apple WebKit puts a [7-day cap on IndexedDB](https://webkit.org/blog/10218/full-third-party-cookie-blocking-and-more/).
+* Apple WebKit puts a [7-day cap on IndexedDB](https://webkit.org/blog/10218/full-third-party-cookie-blocking-and-more/).
 
-  - The web standards expose a `persist` method to mark memory as persistent, and [supposedly WebView supports it](https://developer.mozilla.org/en-US/docs/Web/API/StorageManager/persisted), but too many other things indicate it's not reliable. I've talked with [ChatGPT](https://chatgpt.com/share/68322f40-84c8-8007-b213-855f7962989a) & Venice & Claude (in Cursor); [this answer from Perplexity](https://www.perplexity.ai/search/which-platforms-prompt-the-use-HUQLqy4qQD2cRbkmO4CgHg) says that most platforms don't prompt and Safari doesn't support it; I don't know if that means WebKit as well.
+  * The web standards expose a `persist` method to mark memory as persistent, and [supposedly WebView supports it](https://developer.mozilla.org/en-US/docs/Web/API/StorageManager/persisted), but too many other things indicate it's not reliable. I've talked with [ChatGPT](https://chatgpt.com/share/68322f40-84c8-8007-b213-855f7962989a) & Venice & Claude (in Cursor); [this answer from Perplexity](https://www.perplexity.ai/search/which-platforms-prompt-the-use-HUQLqy4qQD2cRbkmO4CgHg) says that most platforms don't prompt and Safari doesn't support it; I don't know if that means WebKit as well.
 
-- Capacitor says [not to trust it on iOS](https://capacitorjs.com/docs/v6/guides/storage).
+* Capacitor says [not to trust it on iOS](https://capacitorjs.com/docs/v6/guides/storage).
 
 Also, with sensitive data, the accounts info should be encrypted.
 
 # Options
 
-- There is a community [SQLite plugin for Capacitor](https://github.com/capacitor-community/sqlite) with encryption by [SQLCipher](https://github.com/sqlcipher/sqlcipher).
+* There is a community [SQLite plugin for Capacitor](https://github.com/capacitor-community/sqlite) with encryption by [SQLCipher](https://github.com/sqlcipher/sqlcipher).
 
-  - [This tutorial](https://jepiqueau.github.io/2023/09/05/Ionic7Vue-SQLite-CRUD-App.html#part-1---web---table-of-contents) shows how that plugin works for web as well as native.
+  * [This tutorial](https://jepiqueau.github.io/2023/09/05/Ionic7Vue-SQLite-CRUD-App.html#part-1---web---table-of-contents) shows how that plugin works for web as well as native.
 
-- Capacitor abstracts [user preferences in an API](https://capacitorjs.com/docs/apis/preferences), which uses different underlying libraries on iOS & Android. Unfortunately, it won't do any filtering or searching, and is only meant for small amounts of data. (It could be used for settings and for identifiers, but contacts will grow and image blobs won't work.)
+* Capacitor abstracts [user preferences in an API](https://capacitorjs.com/docs/apis/preferences), which uses different underlying libraries on iOS & Android. Unfortunately, it won't do any filtering or searching, and is only meant for small amounts of data. (It could be used for settings and for identifiers, but contacts will grow and image blobs won't work.)
 
-  - There are hints that Capacitor offers another custom storage API but all I could find was that Preferences API.
+  * There are hints that Capacitor offers another custom storage API but all I could find was that Preferences API.
 
-- [Ionic Storage](https://ionic.io/docs/secure-storage) is an enterprise solution, which also supports encryption.
+* [Ionic Storage](https://ionic.io/docs/secure-storage) is an enterprise solution, which also supports encryption.
 
-- Not an option yet: Dexie may support SQLite in [a future version](https://dexie.org/roadmap/dexie5.0).
+* Not an option yet: Dexie may support SQLite in [a future version](https://dexie.org/roadmap/dexie5.0).
 
 # Current Plan
 
-- Implement SQLite for Capacitor & web, with encryption. That will allow us to test quickly and keep the same interface for native & web, but we don't deal with migrations for current web users.
+* Implement SQLite for Capacitor & web, with encryption. That will allow us to test quickly and keep the same interface for native & web, but we don't deal with migrations for current web users.
 
-- After that is delivered, write a migration for current web users from IndexedDB to SQLite.
+* After that is delivered, write a migration for current web users from IndexedDB to SQLite.
 
 # Current method calls
 

android/app/build.gradle

@@ -31,8 +31,8 @@ android {
         applicationId "app.timesafari.app"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 40
-        versionName "1.0.7"
+        versionCode 41
+        versionName "1.0.8"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.

doc/GLOSSARY.md

@@ -1,21 +0,0 @@
-# Glossary
-
-**T (slot time)** — The local wall-clock time a notification should fire (e.g., 08:00).
-
-**T–lead** — The moment **`prefetchLeadMinutes`** before **T** when the system *attempts* a **single** background prefetch. T–lead **controls prefetch attempts, not arming**; locals are pre-armed earlier to guarantee closed-app delivery.
-
-**Rolling window** — Always keep **today's remaining** (and tomorrow if iOS pending caps allow) locals **armed** so the OS can deliver while the app is closed.
-
-**TTL (time-to-live)** — Maximum allowed payload age **at fire time**. If `T − fetchedAt > ttlSeconds`, we **skip** arming for that T.
-
-**Shared DB (default)** — The app and plugin open the **same SQLite file**; the app owns schema/migrations, the plugin performs short writes with WAL.
-
-**WAL (Write-Ahead Logging)** — SQLite journaling mode that permits concurrent reads during writes; recommended for foreground-read + background-write.
-
-**`PRAGMA user_version`** — An integer the app increments on each migration; the plugin **checks** (does not migrate) to ensure compatibility.
-
-**Exact alarm (Android)** — Minute-precise alarm via `AlarmManager.setExactAndAllowWhileIdle`, subject to policy and permission.
-
-**Windowed alarm (Android)** — Batched/inexact alarm via `setWindow(start,len)`; we target **±10 minutes** when exact alarms are unavailable.
-
-**Start-on-Login** — Electron feature that automatically launches the application when the user logs into their system, enabling background notification scheduling and delivery after system reboot.

doc/README-BUILD-GUARD.md

@@ -330,7 +330,6 @@ Track the effectiveness of your Build Architecture Guard:
 ## 📝 **Changelog**
 
 ### 2025-08-22 - Shell Compatibility Fix
-
 - **Fixed**: Replaced `mapfile` command with portable alternative for cross-shell compatibility
 - **Impact**: Resolves "mapfile: command not found" errors in pre-commit hooks
 - **Files**: `scripts/build-arch-guard.sh`

doc/README.md

@@ -1,11 +1,77 @@
-# TimeSafari — Native-First Notification System (Clean Pack) — 2025-09-07
+# TimeSafari Docs
 
-This pack contains a single-version **Native-First** documentation set with a clear definition of **T–lead** and aligned terminology.
+## Generating PDF from Markdown on OSx
 
-**Native-First =** OS-scheduled **background prefetch at T–lead** + **pre-armed one-shot local notifications**. Web-push is retired.
+This uses Pandoc and BasicTex (LaTeX) Installed through Homebrew.
 
-**Included files**
+### Set Up
 
-- `notification-system.md` (merged comprehensive guide)
-- `web-push-cleanup-guide.md` (cleanup instructions)
-- `GLOSSARY.md` (definitions incl. **T** and **T–lead**)
+```bash
+brew install pandoc
+
+brew install basictex
+
+# Setting up LaTex packages
+
+# First update tlmgr
+sudo tlmgr update --self
+
+# Then install LaTex packages
+sudo tlmgr install bbding
+sudo tlmgr install enumitem
+sudo tlmgr install environ
+sudo tlmgr install fancyhdr
+sudo tlmgr install framed
+sudo tlmgr install import
+sudo tlmgr install lastpage  # Enables Page X of Y
+sudo tlmgr install mdframed
+sudo tlmgr install multirow
+sudo tlmgr install needspace
+sudo tlmgr install ntheorem
+sudo tlmgr install tabu
+sudo tlmgr install tcolorbox
+sudo tlmgr install textpos
+sudo tlmgr install titlesec
+sudo tlmgr install titling  # Required for the fancy headers used
+sudo tlmgr install threeparttable
+sudo tlmgr install trimspaces
+sudo tlmgr install tocloft  # Required for \tableofcontents generation
+sudo tlmgr install varwidth
+sudo tlmgr install wrapfig
+
+# Install fonts
+sudo tlmgr install cmbright
+sudo tlmgr install collection-fontsrecommended # And set up fonts
+sudo tlmgr install fira
+sudo tlmgr install fontaxes
+sudo tlmgr install libertine # The main font the doc uses
+sudo tlmgr install opensans
+sudo tlmgr install sourceserifpro
+
+```
+
+#### References
+
+The following guide was adapted to this project except that we install with Brew and have a few more packages.
+
+Guide: <https://daniel.feldroy.com/posts/setting-up-latex-on-mac-os-x>
+
+### Usage
+
+Use the `pandoc` command to generate a PDF.
+
+```bash
+pandoc usage-guide.md -o usage-guide.pdf 
+```
+
+And you can open the PDF with the `open` command.
+
+```bash
+open usage-guide.pdf
+```
+
+Or use this one-liner
+
+```bash
+pandoc usage-guide.md -o usage-guide.pdf && open usage-guide.pdf
+```

doc/WORKER_ONLY_DATABASE_IMPLEMENTATION.md

@@ -117,25 +117,25 @@ async function getDatabaseService() {
 
 ## Files Modified
 
-1. **src/interfaces/worker-messages.ts** _(NEW)_
+1. **src/interfaces/worker-messages.ts** *(NEW)*
    - Type definitions for worker communication
    - Request and response message interfaces
 
-2. **src/registerSQLWorker.js** _(MAJOR REWRITE)_
+2. **src/registerSQLWorker.js** *(MAJOR REWRITE)*
    - Message-based operation handling
    - **Fixed circular dependency with lazy loading**
    - Proper error handling and response formatting
 
-3. **src/services/platforms/WebPlatformService.ts** _(MAJOR REWRITE)_
+3. **src/services/platforms/WebPlatformService.ts** *(MAJOR REWRITE)*
    - Worker-only database access
    - Message sending and response handling
    - Timeout and error management
 
-4. **src/main.web.ts** _(SIMPLIFIED)_
+4. **src/main.web.ts** *(SIMPLIFIED)*
    - Removed duplicate worker creation
    - Simplified initialization flow
 
-5. **WORKER_ONLY_DATABASE_IMPLEMENTATION.md** _(NEW)_
+5. **WORKER_ONLY_DATABASE_IMPLEMENTATION.md** *(NEW)*
    - Complete documentation of changes
 
 ## Benefits

doc/android-asset-validation.md

@@ -11,14 +11,12 @@ The Android Asset Validation System automatically detects and fixes missing Andr
 ## Problem Solved
 
 Previously, Android builds would fail with errors like:
-
 ```
 error: resource drawable/splash (aka app.timesafari.app:drawable/splash) not found.
 error: resource mipmap/ic_launcher (aka app.timesafari.app:mipmap/ic_launcher) not found.
 ```
 
 This happened when:
-
 - Source assets existed but weren't generated into Android resources
 - Android resource directories were missing
 - Asset generation tools weren't run before building
@@ -47,19 +45,16 @@ npm run build:android:studio
 ### What Gets Validated
 
 #### Source Assets (Required)
-
 - `resources/icon.png` - App icon source
 - `resources/splash.png` - Splash screen source  
 - `resources/splash_dark.png` - Dark mode splash source
 
 #### Android Resources (Generated)
-
 - `android/app/src/main/res/drawable/splash.png` - Splash screen drawable
 - `android/app/src/main/res/mipmap-*/ic_launcher.png` - App icons for all densities
 - `android/app/src/main/res/mipmap-*/ic_launcher_round.png` - Round app icons for all densities
 
 ### Density Levels Checked
-
 - `mipmap-mdpi` (1x)
 - `mipmap-hdpi` (1.5x)  
 - `mipmap-xhdpi` (2x)
@@ -69,7 +64,6 @@ npm run build:android:studio
 ## Usage
 
 ### Automatic Validation (Recommended)
-
 The validation runs automatically during all Android builds:
 
 ```bash
@@ -84,7 +78,6 @@ npm run build:android:debug
 ```
 
 ### Manual Validation
-
 Run validation only to check/fix assets:
 
 ```bash
@@ -96,7 +89,6 @@ npm run assets:validate:android
 ```
 
 ### Validation Only (No Regeneration)
-
 Check configuration without fixing:
 
 ```bash
@@ -106,7 +98,6 @@ npm run assets:validate
 ## Error Handling
 
 ### Missing Source Assets
-
 If source assets are missing, the build fails with clear error messages:
 
 ```
@@ -117,7 +108,6 @@ If source assets are missing, the build fails with clear error messages:
 ```
 
 ### Missing Generated Resources
-
 If generated resources are missing, they're automatically regenerated:
 
 ```
@@ -129,7 +119,6 @@ If generated resources are missing, they're automatically regenerated:
 ```
 
 ### Generation Failure
-
 If regeneration fails, helpful guidance is provided:
 
 ```
@@ -142,7 +131,6 @@ If regeneration fails, helpful guidance is provided:
 ## Integration Points
 
 ### Build Script Integration
-
 The validation is integrated into the main build process:
 
 ```bash
@@ -155,7 +143,6 @@ validate_android_assets || {
 ```
 
 ### NPM Scripts
-
 New npm scripts for asset management:
 
 ```json
@@ -169,20 +156,17 @@ New npm scripts for asset management:
 ## Benefits
 
 ### For Developers
-
 - **No More Build Failures**: Automatic detection and fixing of missing resources
 - **Faster Development**: No need to manually run asset generation tools
 - **Clear Error Messages**: Helpful guidance when issues occur
 - **Consistent Results**: Same validation on all development machines
 
 ### For CI/CD
-
 - **Reliable Builds**: Consistent asset validation across environments
 - **Early Detection**: Catches issues before they reach production
 - **Automated Fixes**: Self-healing builds when possible
 
 ### For Project Maintenance
-
 - **Reduced Support**: Fewer "build doesn't work" issues
 - **Documentation**: Clear requirements for required assets
 - **Standardization**: Consistent asset structure across the project
@@ -192,27 +176,21 @@ New npm scripts for asset management:
 ### Common Issues
 
 #### "No assets found in the asset path"
-
 This occurs when the `assets/` directory is empty. The validation system automatically copies source assets and regenerates them.
 
 #### "Failed to generate Android assets"
-
 Check that:
-
 - Source assets exist in `resources/`
 - `@capacitor/assets` is installed
 - You have write permissions to the Android directories
 
 #### "Asset generation completed but some resources are still missing"
-
 This indicates a problem with the asset generation tool. Try:
-
 1. Running `npm install` to ensure dependencies are up to date
 2. Manually running `npx @capacitor/assets generate`
 3. Checking the asset generation logs for specific errors
 
 ### Manual Recovery
-
 If automatic regeneration fails, you can manually create the missing resources:
 
 ```bash
@@ -235,14 +213,12 @@ rm assets/icon.png assets/splash.png assets/splash_dark.png
 ## Future Enhancements
 
 ### Planned Improvements
-
 - **iOS Asset Validation**: Extend validation to iOS assets
 - **Asset Quality Checks**: Validate image dimensions and formats
 - **Performance Optimization**: Cache validation results
 - **CI/CD Integration**: Add validation to GitHub Actions
 
 ### Configuration Options
-
 - **Custom Asset Paths**: Support for different asset directory structures
 - **Validation Rules**: Configurable validation requirements
 - **Skip Options**: Ability to skip validation for specific scenarios

doc/android-emulator-deployment-guide.md

@@ -0,0 +1,655 @@
+# Android Emulator Deployment Guide (No Android Studio)
+
+**Author**: Matthew Raymer  
+**Date**: 2025-01-27  
+**Status**: 🎯 **ACTIVE** - Complete guide for deploying TimeSafari to Android emulator using command-line tools
+
+## Overview
+
+This guide provides comprehensive instructions for building and deploying TimeSafari to Android emulators using only command-line tools, without requiring Android Studio. It leverages the existing build system and adds emulator-specific deployment workflows.
+
+## Prerequisites
+
+### Required Tools
+
+1. **Android SDK Command Line Tools**
+   ```bash
+   # Install via package manager (Arch Linux)
+   sudo pacman -S android-sdk-cmdline-tools-latest
+   
+   # Or download from Google
+   # https://developer.android.com/studio/command-line
+   ```
+
+2. **Android SDK Platform Tools**
+   ```bash
+   # Install via package manager
+   sudo pacman -S android-sdk-platform-tools
+   
+   # Or via Android SDK Manager
+   sdkmanager "platform-tools"
+   ```
+
+3. **Android SDK Build Tools**
+   ```bash
+   sdkmanager "build-tools;34.0.0"
+   ```
+
+4. **Android Platform**
+   ```bash
+   sdkmanager "platforms;android-34"
+   ```
+
+5. **Android Emulator**
+   ```bash
+   sdkmanager "emulator"
+   ```
+
+6. **System Images**
+   ```bash
+   # For API 34 (Android 14)
+   sdkmanager "system-images;android-34;google_apis;x86_64"
+   
+   # For API 33 (Android 13) - alternative
+   sdkmanager "system-images;android-33;google_apis;x86_64"
+   ```
+
+### Environment Setup
+
+```bash
+# Add to ~/.bashrc or ~/.zshrc
+export ANDROID_HOME=$HOME/Android/Sdk
+export ANDROID_AVD_HOME=$HOME/.android/avd  # Important for AVD location
+export PATH=$PATH:$ANDROID_HOME/emulator
+export PATH=$PATH:$ANDROID_HOME/platform-tools
+export PATH=$PATH:$ANDROID_HOME/cmdline-tools/latest/bin
+export PATH=$PATH:$ANDROID_HOME/build-tools/34.0.0
+
+# Reload shell
+source ~/.bashrc
+```
+
+### Verify Installation
+
+```bash
+# Check all tools are available
+adb version
+emulator -version
+avdmanager list
+```
+
+## Resource-Aware Emulator Setup
+
+### ⚡ **Quick Start Recommendation**
+
+**For best results, always start with resource analysis:**
+
+```bash
+# 1. Check your system capabilities
+./scripts/avd-resource-checker.sh
+
+# 2. Use the generated optimal startup script
+/tmp/start-avd-TimeSafari_Emulator.sh
+
+# 3. Deploy your app
+npm run build:android:dev
+adb install -r android/app/build/outputs/apk/debug/app-debug.apk
+```
+
+This prevents system lockups and ensures optimal performance.
+
+### AVD Resource Checker Script
+
+**New Feature**: TimeSafari includes an intelligent resource checker that automatically detects your system capabilities and recommends optimal AVD configurations.
+
+```bash
+# Check system resources and get recommendations
+./scripts/avd-resource-checker.sh
+
+# Check resources for specific AVD
+./scripts/avd-resource-checker.sh TimeSafari_Emulator
+
+# Test AVD startup performance
+./scripts/avd-resource-checker.sh TimeSafari_Emulator --test
+
+# Create optimized AVD with recommended settings
+./scripts/avd-resource-checker.sh TimeSafari_Emulator --create
+```
+
+**What the script analyzes:**
+- **System Memory**: Total and available RAM
+- **CPU Cores**: Available processing power
+- **GPU Capabilities**: NVIDIA, AMD, Intel, or software rendering
+- **Hardware Acceleration**: Optimal graphics settings
+
+**What it generates:**
+- **Optimal configuration**: Memory, cores, and GPU settings
+- **Startup command**: Ready-to-use emulator command
+- **Startup script**: Saved to `/tmp/start-avd-{name}.sh` for reuse
+
+## Emulator Management
+
+### Create Android Virtual Device (AVD)
+
+```bash
+# List available system images
+avdmanager list target
+
+# Create AVD for API 34
+avdmanager create avd \
+  --name "TimeSafari_Emulator" \
+  --package "system-images;android-34;google_apis;x86_64" \
+  --device "pixel_7"
+
+# List created AVDs
+avdmanager list avd
+```
+
+### Start Emulator
+
+```bash
+# Start emulator with hardware acceleration (recommended)
+emulator -avd TimeSafari_Emulator -gpu host -no-audio &
+
+# Start with reduced resources (if system has limited RAM)
+emulator -avd TimeSafari_Emulator \
+  -no-audio \
+  -memory 2048 \
+  -cores 2 \
+  -gpu swiftshader_indirect &
+
+# Start with minimal resources (safest for low-end systems)
+emulator -avd TimeSafari_Emulator \
+  -no-audio \
+  -memory 1536 \
+  -cores 1 \
+  -gpu swiftshader_indirect &
+
+# Check if emulator is running
+adb devices
+```
+
+### Resource Management
+
+**Important**: Android emulators can consume significant system resources. Choose the appropriate configuration based on your system:
+
+- **High-end systems** (16GB+ RAM, dedicated GPU): Use `-gpu host`
+- **Mid-range systems** (8-16GB RAM): Use `-memory 2048 -cores 2`
+- **Low-end systems** (4-8GB RAM): Use `-memory 1536 -cores 1 -gpu swiftshader_indirect`
+
+### Emulator Control
+
+```bash
+# Stop emulator
+adb emu kill
+
+# Restart emulator
+adb reboot
+
+# Check emulator status
+adb get-state
+```
+
+## Build and Deploy Workflow
+
+### Method 1: Using Existing Build Scripts
+
+The TimeSafari project already has comprehensive Android build scripts that can be adapted for emulator deployment:
+
+```bash
+# Development build with auto-run
+npm run build:android:dev:run
+
+# Test build with auto-run  
+npm run build:android:test:run
+
+# Production build with auto-run
+npm run build:android:prod:run
+```
+
+### Method 2: Custom Emulator Deployment Script
+
+Create a new script specifically for emulator deployment:
+
+```bash
+# Create emulator deployment script
+cat > scripts/deploy-android-emulator.sh << 'EOF'
+#!/bin/bash
+# deploy-android-emulator.sh
+# Author: Matthew Raymer
+# Date: 2025-01-27
+# Description: Deploy TimeSafari to Android emulator without Android Studio
+
+set -e
+
+# Source common utilities
+source "$(dirname "$0")/common.sh"
+
+# Default values
+BUILD_MODE="development"
+AVD_NAME="TimeSafari_Emulator"
+START_EMULATOR=true
+CLEAN_BUILD=true
+
+# Parse command line arguments
+while [[ $# -gt 0 ]]; do
+    case $1 in
+        --dev|--development)
+            BUILD_MODE="development"
+            shift
+            ;;
+        --test)
+            BUILD_MODE="test"
+            shift
+            ;;
+        --prod|--production)
+            BUILD_MODE="production"
+            shift
+            ;;
+        --avd)
+            AVD_NAME="$2"
+            shift 2
+            ;;
+        --no-start-emulator)
+            START_EMULATOR=false
+            shift
+            ;;
+        --no-clean)
+            CLEAN_BUILD=false
+            shift
+            ;;
+        -h|--help)
+            echo "Usage: $0 [options]"
+            echo "Options:"
+            echo "  --dev, --development    Build for development"
+            echo "  --test                  Build for testing"
+            echo "  --prod, --production    Build for production"
+            echo "  --avd NAME              Use specific AVD name"
+            echo "  --no-start-emulator     Don't start emulator"
+            echo "  --no-clean              Skip clean build"
+            echo "  -h, --help             Show this help"
+            exit 0
+            ;;
+        *)
+            log_error "Unknown option: $1"
+            exit 1
+            ;;
+    esac
+done
+
+# Function to check if emulator is running
+check_emulator_running() {
+    if adb devices | grep -q "emulator.*device"; then
+        return 0
+    else
+        return 1
+    fi
+}
+
+# Function to start emulator
+start_emulator() {
+    log_info "Starting Android emulator: $AVD_NAME"
+    
+    # Check if AVD exists
+    if ! avdmanager list avd | grep -q "$AVD_NAME"; then
+        log_error "AVD '$AVD_NAME' not found. Please create it first."
+        log_info "Create AVD with: avdmanager create avd --name $AVD_NAME --package system-images;android-34;google_apis;x86_64"
+        exit 1
+    fi
+    
+    # Start emulator in background
+    emulator -avd "$AVD_NAME" -no-audio -no-snapshot &
+    EMULATOR_PID=$!
+    
+    # Wait for emulator to boot
+    log_info "Waiting for emulator to boot..."
+    adb wait-for-device
+    
+    # Wait for boot to complete
+    log_info "Waiting for boot to complete..."
+    while [ "$(adb shell getprop sys.boot_completed)" != "1" ]; do
+        sleep 2
+    done
+    
+    log_success "Emulator is ready!"
+}
+
+# Function to build and deploy
+build_and_deploy() {
+    log_info "Building TimeSafari for $BUILD_MODE mode..."
+    
+    # Clean build if requested
+    if [ "$CLEAN_BUILD" = true ]; then
+        log_info "Cleaning previous build..."
+        npm run clean:android
+    fi
+    
+    # Build based on mode
+    case $BUILD_MODE in
+        "development")
+            npm run build:android:dev
+            ;;
+        "test")
+            npm run build:android:test
+            ;;
+        "production")
+            npm run build:android:prod
+            ;;
+    esac
+    
+    # Deploy to emulator
+    log_info "Deploying to emulator..."
+    adb install -r android/app/build/outputs/apk/debug/app-debug.apk
+    
+    # Launch app
+    log_info "Launching TimeSafari..."
+    adb shell am start -n app.timesafari/.MainActivity
+    
+    log_success "TimeSafari deployed and launched successfully!"
+}
+
+# Main execution
+main() {
+    log_info "TimeSafari Android Emulator Deployment"
+    log_info "Build Mode: $BUILD_MODE"
+    log_info "AVD Name: $AVD_NAME"
+    
+    # Start emulator if requested and not running
+    if [ "$START_EMULATOR" = true ]; then
+        if ! check_emulator_running; then
+            start_emulator
+        else
+            log_info "Emulator already running"
+        fi
+    fi
+    
+    # Build and deploy
+    build_and_deploy
+    
+    log_success "Deployment completed successfully!"
+}
+
+# Run main function
+main "$@"
+EOF
+
+# Make script executable
+chmod +x scripts/deploy-android-emulator.sh
+```
+
+### Method 3: Direct Command Line Deployment
+
+For quick deployments without scripts:
+
+```bash
+# 1. Ensure emulator is running
+adb devices
+
+# 2. Build the app
+npm run build:android:dev
+
+# 3. Install APK
+adb install -r android/app/build/outputs/apk/debug/app-debug.apk
+
+# 4. Launch app
+adb shell am start -n app.timesafari/.MainActivity
+
+# 5. View logs
+adb logcat | grep -E "(TimeSafari|Capacitor|MainActivity)"
+```
+
+## Advanced Deployment Options
+
+### Custom API Server Configuration
+
+For development with custom API endpoints:
+
+```bash
+# Build with custom API IP
+npm run build:android:dev:custom
+
+# Or modify capacitor.config.ts for specific IP
+# Then build normally
+npm run build:android:dev
+```
+
+### Debug vs Release Builds
+
+```bash
+# Debug build (default)
+npm run build:android:debug
+
+# Release build
+npm run build:android:release
+
+# Install specific build
+adb install -r android/app/build/outputs/apk/release/app-release.apk
+```
+
+### Asset Management
+
+```bash
+# Validate Android assets
+npm run assets:validate:android
+
+# Generate assets only
+npm run build:android:assets
+
+# Clean assets
+npm run assets:clean
+```
+
+## Troubleshooting
+
+### Common Issues
+
+1. **Emulator Not Starting / AVD Not Found**
+   ```bash
+   # Check available AVDs
+   avdmanager list avd
+   
+   # If AVD exists but emulator can't find it, check AVD location
+   echo $ANDROID_AVD_HOME
+   ls -la ~/.android/avd/
+   
+   # Fix AVD path issue (common on Arch Linux)
+   export ANDROID_AVD_HOME=/home/$USER/.config/.android/avd
+   
+   # Or create symlinks if AVDs are in different location
+   mkdir -p ~/.android/avd
+   ln -s /home/$USER/.config/.android/avd/* ~/.android/avd/
+   
+   # Create new AVD if needed
+   avdmanager create avd --name "TimeSafari_Emulator" --package "system-images;android-34;google_apis;x86_64"
+   
+   # Check emulator logs
+   emulator -avd TimeSafari_Emulator -verbose
+   ```
+
+2. **System Lockup / High Resource Usage**
+   ```bash
+   # Kill any stuck emulator processes
+   pkill -f emulator
+   
+   # Check system resources
+   free -h
+   nvidia-smi  # if using NVIDIA GPU
+   
+   # Start with minimal resources
+   emulator -avd TimeSafari_Emulator \
+     -no-audio \
+     -memory 1536 \
+     -cores 1 \
+     -gpu swiftshader_indirect &
+   
+   # Monitor resource usage
+   htop
+   
+   # If still having issues, try software rendering only
+   emulator -avd TimeSafari_Emulator \
+     -no-audio \
+     -no-snapshot \
+     -memory 1024 \
+     -cores 1 \
+     -gpu off &
+   ```
+
+3. **ADB Device Not Found**
+   ```bash
+   # Restart ADB server
+   adb kill-server
+   adb start-server
+   
+   # Check devices
+   adb devices
+   
+   # Check emulator status
+   adb get-state
+   ```
+
+3. **Build Failures**
+   ```bash
+   # Clean everything
+   npm run clean:android
+   
+   # Rebuild
+   npm run build:android:dev
+   
+   # Check Gradle logs
+   cd android && ./gradlew clean --stacktrace
+   ```
+
+4. **Installation Failures**
+   ```bash
+   # Uninstall existing app
+   adb uninstall app.timesafari
+   
+   # Reinstall
+   adb install android/app/build/outputs/apk/debug/app-debug.apk
+   
+   # Check package info
+   adb shell pm list packages | grep timesafari
+   ```
+
+### Performance Optimization
+
+1. **Emulator Performance**
+   ```bash
+   # Start with hardware acceleration
+   emulator -avd TimeSafari_Emulator -gpu host
+   
+   # Use snapshot for faster startup
+   emulator -avd TimeSafari_Emulator -snapshot default
+   
+   # Allocate more RAM
+   emulator -avd TimeSafari_Emulator -memory 4096
+   ```
+
+2. **Build Performance**
+   ```bash
+   # Use Gradle daemon
+   echo "org.gradle.daemon=true" >> android/gradle.properties
+   
+   # Increase heap size
+   echo "org.gradle.jvmargs=-Xmx4g" >> android/gradle.properties
+   
+   # Enable parallel builds
+   echo "org.gradle.parallel=true" >> android/gradle.properties
+   ```
+
+## Integration with Existing Build System
+
+### NPM Scripts Integration
+
+Add emulator-specific scripts to `package.json`:
+
+```json
+{
+  "scripts": {
+    "emulator:check": "./scripts/avd-resource-checker.sh",
+    "emulator:check:test": "./scripts/avd-resource-checker.sh TimeSafari_Emulator --test",
+    "emulator:check:create": "./scripts/avd-resource-checker.sh TimeSafari_Emulator --create",
+    "emulator:start": "emulator -avd TimeSafari_Emulator -no-audio &",
+    "emulator:start:optimized": "/tmp/start-avd-TimeSafari_Emulator.sh",
+    "emulator:stop": "adb emu kill",
+    "emulator:deploy": "./scripts/deploy-android-emulator.sh",
+    "emulator:deploy:dev": "./scripts/deploy-android-emulator.sh --dev",
+    "emulator:deploy:test": "./scripts/deploy-android-emulator.sh --test",
+    "emulator:deploy:prod": "./scripts/deploy-android-emulator.sh --prod",
+    "emulator:logs": "adb logcat | grep -E '(TimeSafari|Capacitor|MainActivity)'",
+    "emulator:shell": "adb shell"
+  }
+}
+```
+
+### CI/CD Integration
+
+For automated testing and deployment:
+
+```bash
+# GitHub Actions example
+- name: Start Android Emulator
+  run: |
+    emulator -avd TimeSafari_Emulator -no-audio -no-snapshot &
+    adb wait-for-device
+    adb shell getprop sys.boot_completed
+
+- name: Build and Deploy
+  run: |
+    npm run build:android:test
+    adb install -r android/app/build/outputs/apk/debug/app-debug.apk
+    adb shell am start -n app.timesafari/.MainActivity
+
+- name: Run Tests
+  run: |
+    npm run test:android
+```
+
+## Best Practices
+
+### Development Workflow
+
+1. **Start emulator once per session**
+   ```bash
+   emulator -avd TimeSafari_Emulator -no-audio &
+   ```
+
+2. **Use incremental builds**
+   ```bash
+   # For rapid iteration
+   npm run build:android:sync
+   adb install -r android/app/build/outputs/apk/debug/app-debug.apk
+   ```
+
+3. **Monitor logs continuously**
+   ```bash
+   adb logcat | grep -E "(TimeSafari|Capacitor|MainActivity)" --color=always
+   ```
+
+### Performance Tips
+
+1. **Use snapshots for faster startup**
+2. **Enable hardware acceleration**
+3. **Allocate sufficient RAM (4GB+)**
+4. **Use SSD storage for AVDs**
+5. **Close unnecessary applications**
+
+### Security Considerations
+
+1. **Use debug builds for development only**
+2. **Never commit debug keystores**
+3. **Use release builds for testing**
+4. **Validate API endpoints in production builds**
+
+## Conclusion
+
+This guide provides a complete solution for deploying TimeSafari to Android emulators without Android Studio. The approach leverages the existing build system while adding emulator-specific deployment capabilities.
+
+The key benefits:
+- ✅ **No Android Studio required**
+- ✅ **Command-line only workflow**
+- ✅ **Integration with existing build scripts**
+- ✅ **Automated deployment options**
+- ✅ **Comprehensive troubleshooting guide**
+
+For questions or issues, refer to the troubleshooting section or check the existing build documentation in `BUILDING.md`.

doc/architecture-decisions.md

@@ -122,4 +122,4 @@ export default class HomeView extends Vue {
 
 ---
 
-_This decision was made based on the current codebase architecture and team expertise. The mixin approach provides the best balance of performance, developer experience, and architectural consistency for the TimeSafari application._
+*This decision was made based on the current codebase architecture and team expertise. The mixin approach provides the best balance of performance, developer experience, and architectural consistency for the TimeSafari application.*

doc/error-diagnostics-log.md

@@ -92,5 +92,5 @@ Multiple stack traces showing Vue router navigation and component mounting cycle
 3. Address API/server issues in separate debugging session
 
 ---
-_Log Entry by: Migration Assistant_  
-_Session: ProjectsView.vue Triple Migration Pattern_
+*Log Entry by: Migration Assistant*  
+*Session: ProjectsView.vue Triple Migration Pattern*

doc/meta_rule_usage_guide.md

@@ -32,7 +32,6 @@ you apply 1-3 meta-rules that automatically include everything you need.
 ### **Step 1: Always Start with Core Always-On**
 
 **Every single interaction** starts with:
-
 ```
 meta_core_always_on.mdc
 ```
@@ -66,14 +65,12 @@ meta_core_always_on + meta_research + meta_bug_diagnosis
 **Important**: Meta-rules represent **workflow phases**, not a rigid sequence. You can:
 
 ### **Jump Between Phases Freely**
-
 - **Start with diagnosis** if you already know the problem
 - **Go back to research** if your fix reveals new issues  
 - **Switch to planning** mid-implementation if scope changes
 - **Document at any phase** - not just at the end
 
 ### **Mode Switching by Invoking Meta-Rules**
-
 Each meta-rule invocation **automatically switches your workflow mode**:
 
 ```
@@ -83,13 +80,11 @@ Planning Mode → Invoke @meta_feature_implementation → Implementation Mode
 ```
 
 ### **Phase Constraints, Not Sequence Constraints**
-
 - **Within each phase**: Clear constraints on what you can/cannot do
 - **Between phases**: Complete freedom to move as needed
 - **No forced order**: Choose the phase that matches your current need
 
 ### **Example of Flexible Workflow**
-
 ```
 1. Start with @meta_research (investigation mode)
 2. Jump to @meta_bug_diagnosis (diagnosis mode) 
@@ -108,19 +103,16 @@ Planning Mode → Invoke @meta_feature_implementation → Implementation Mode
 **Scenario**: User reports that the contact list isn't loading properly
 
 **Initial Meta-Rule Selection**:
-
 ```
 meta_core_always_on + meta_research + meta_bug_diagnosis
 ```
 
 **What This Gives You**:
-
 - **Core Always-On**: Human competence focus, time standards, context
 - **Research**: Systematic investigation methodology, evidence collection
 - **Bug Diagnosis**: Defect analysis framework, root cause identification
 
 **Flexible Workflow**:
-
 1. Apply core always-on for foundation
 2. Use research meta-rule for systematic investigation
 3. Switch to bug diagnosis when you have enough evidence
@@ -133,19 +125,16 @@ meta_core_always_on + meta_research + meta_bug_diagnosis
 **Scenario**: Building a new contact search feature
 
 **Meta-Rule Selection**:
-
 ```
 meta_core_always_on + meta_feature_planning + meta_feature_implementation
 ```
 
 **What This Gives You**:
-
 - **Core Always-On**: Foundation principles and context
 - **Feature Planning**: Requirements analysis, architecture planning
 - **Feature Implementation**: Development workflow, testing strategy
 
 **Iterative Workflow**:
-
 1. Start with core always-on
 2. Use feature planning for design and requirements
 3. Switch to feature implementation for coding and testing
@@ -158,18 +147,15 @@ meta_core_always_on + meta_feature_planning + meta_feature_implementation
 **Scenario**: Writing a migration guide for the new database system
 
 **Meta-Rule Selection**:
-
 ```
 meta_core_always_on + meta_documentation
 ```
 
 **What This Gives You**:
-
 - **Core Always-On**: Foundation and context
 - **Documentation**: Educational focus, templates, quality standards
 
 **Parallel Workflow**:
-
 1. Apply core always-on for foundation
 2. Use documentation meta-rule for educational content creation
 3. **Can research** while documenting if you need more information
@@ -212,35 +198,27 @@ Each meta-rule includes success criteria. Use these to validate your work:
 ## Common Meta-Rule Combinations
 
 ### **Research + Diagnosis**
-
 ```
 meta_core_always_on + meta_research + meta_bug_diagnosis
 ```
-
 **Use for**: Complex bug investigations requiring systematic analysis
 
 ### **Planning + Implementation**
-
 ```
 meta_core_always_on + meta_feature_planning + meta_feature_implementation
 ```
-
 **Use for**: End-to-end feature development from concept to deployment
 
 ### **Research + Planning**
-
 ```
 meta_core_always_on + meta_research + meta_feature_planning
 ```
-
 **Use for**: Feasibility research and solution design
 
 ### **Documentation + Context**
-
 ```
 meta_core_always_on + meta_documentation + [context-specific]
 ```
-
 **Use for**: Creating comprehensive, educational documentation
 
 ## Best Practices

doc/notification-system.md

@@ -1,231 +0,0 @@
-# TimeSafari — Native-First Notification System
-
-**Status:** Ready for implementation  
-**Date:** 2025-09-07  
-**Author:** Matthew Raymer
-
----
-
-## Executive Summary
-
-Ship a **single, Native-First** notification system: OS-scheduled **background prefetch at T–lead** + **pre-armed** local notifications. Web-push is retired.
-
-### What we deliver
-
-- **Closed-app delivery:** Pre-armed locals fire even if the app is closed.
-- **Freshness:** One prefetch attempt per slot at **T–lead**; ETag/TTL controls; skip when stale.
-- **Android precision:** Exact alarms with permission; windowed fallback (±10m) otherwise.
-- **Resilience:** Re-arm after reboot/time-change (Android receivers; iOS on next wake/silent push).
-- **Cross-platform:** Same TS API (iOS/Android/Electron). Electron is best-effort while running.
-
-### Success signals
-
-- High delivery reliability, minute-precision on Android with permission.
-- Prefetch budget hit rate at **T–lead**; zero stale deliveries beyond TTL.
-
----
-
-## Strategic Plan
-
-### Goal
-
-Deliver 1..M daily notifications with **OS background prefetch at T–lead** and **rolling-window safety** so messages display with fresh content even when the app is closed.
-
-### Tenets
-
-- **Reliability first:** OS delivers once scheduled; no JS at delivery time.
-- **Freshness with guardrails:** Prefetch at **T–lead**; enforce **TTL-at-fire**; ETag-aware.
-- **Single system:** One TS API; native adapters swap under the hood.
-- **Platform honesty:** Android exactness via permission; iOS best-effort budget.
-
-### Architecture (high level)
-
-App (Vue/TS) → Orchestrator (policy) → Native Adapters:
-
-- **SchedulerNative** — AlarmManager (Android) / UNUserNotificationCenter (iOS)  
-- **BackgroundPrefetchNative** — WorkManager (Android) / BGTaskScheduler (+ silent push) (iOS)  
-- **DataStore** — SQLite
-
-**Storage (single shared DB):** The app and the native plugin will use **the same SQLite database file**. The app owns schema/migrations; the plugin opens the same file with WAL enabled and performs short, serialized writes. This keeps one source of truth for payloads, delivery logs, and config.
-
-### SQLite Ownership & Concurrency
-
-* **One DB file:** The plugin opens the **same path** the app uses (no second DB).
-* **Migrations owned by app:** The app executes schema migrations and bumps `PRAGMA user_version`. The plugin **never** migrates; it **asserts** the expected version.
-* **WAL mode:** Open DB with `journal_mode=WAL`, `synchronous=NORMAL`, `busy_timeout=5000`, `foreign_keys=ON`. WAL allows foreground reads while a background job commits quickly.
-* **Single-writer discipline:** Background jobs write in **short transactions** (UPSERT per slot), then return.
-* **Encryption (optional):** If using SQLCipher, the **same key** is used by both app and plugin. Do not mix encrypted and unencrypted openings.
-
-### Scheduling & T–lead
-
-- **Arm** a rolling window (today + tomorrow within iOS cap).  
-- **Attempt** a single **online-first** fetch per slot at **T–lead = T − prefetchLeadMinutes**.  
-- If prefetch is skipped, the armed local **still fires** using cached content.
-
-### Policies
-
-- **TTL-at-fire:** If (T − fetchedAt) > `ttlSeconds` → **skip** arming.  
-- **Android exactness:** Request `SCHEDULE_EXACT_ALARM`; fallback **±10m** window.  
-- **Reboot/time change:** Android receivers re-arm next 24h; iOS on next wake/silent push.  
-- **No delivery-time mutation:** iOS locals cannot be mutated by NSE; render before scheduling.
-
----
-
-## Implementation Guide
-
-### 1) Interfaces (TS stable)
-
-- **SchedulerNative**: `scheduleExact({slotId, whenMs, title, body, extra})`, `scheduleWindow(..., windowLenMs)`, `cancelBySlot`, `rescheduleAll`, `capabilities()`
-- **BackgroundPrefetchNative**: `schedulePrefetch(slotId, atMs)`, `cancelPrefetch(slotId)`
-- **DataStore**: SQLite adapters (notif_contents, notif_deliveries, notif_config)
-- **Public API**: `configure`, `requestPermissions`, `runFullPipelineNow`, `reschedule`, `getState`
-
-### DB Path & Adapter Configuration
-
-* **Configure option:** `dbPath: string` (absolute path or platform alias) is passed from JS to the plugin during `configure()`.
-* **Shared tables:**
-
-  * `notif_contents(slot_id, payload_json, fetched_at, etag, …)`
-  * `notif_deliveries(slot_id, fire_at, delivered_at, status, error_code, …)`
-  * `notif_config(k, v)`
-* **Open settings:**
-
-  * `journal_mode=WAL`
-  * `synchronous=NORMAL`
-  * `busy_timeout=5000`
-  * `foreign_keys=ON`
-
-**Type (TS) extension**
-
-```ts
-export type ConfigureOptions = {
-  // …existing fields…
-  dbPath: string;                 // shared DB file the plugin will open
-  storage: 'shared';              // canonical value; plugin-owned DB is not used
-};
-```
-
-**Plugin side (pseudo)**
-
-```kotlin
-// Android open
-val db = SQLiteDatabase.openDatabase(dbPath, null, SQLiteDatabase.OPEN_READWRITE)
-db.execSQL("PRAGMA journal_mode=WAL")
-db.execSQL("PRAGMA synchronous=NORMAL")
-db.execSQL("PRAGMA foreign_keys=ON")
-db.execSQL("PRAGMA busy_timeout=5000")
-// Verify schema version
-val uv = rawQuery("PRAGMA user_version").use { it.moveToFirst(); it.getInt(0) }
-require(uv >= MIN_EXPECTED_VERSION) { "Schema version too old" }
-```
-
-```swift
-// iOS open (FMDB / SQLite3)
-// Set WAL via PRAGMA after open; check user_version the same way.
-```
-
-### 2) Templating & Arming
-
-- Render `title/body` **before** scheduling; pass via **SchedulerNative**.
-- Route all arming through **SchedulerNative** to centralize Android exact/window semantics.
-
-### 3) T–lead (single attempt)
-
-**T–lead governs prefetch, not arming.** We **arm** one-shot locals as part of the rolling window so closed-app delivery is guaranteed. At **T–lead = T − prefetchLeadMinutes**, the **native background job** attempts **one** 12s ETag-aware fetch. If fresh content arrives and will not violate **TTL-at-fire**, we (re)arm the upcoming slot; if the OS skips the wake, the pre-armed local still fires with cached content.
-
-- Compute T–lead = `whenMs - prefetchLeadMinutes*60_000`.
-- `BackgroundPrefetchNative.schedulePrefetch(slotId, atMs=T–lead)`.
-- On wake: **ETag** fetch (timeout **12s**), persist, optionally cancel & re-arm if within TTL.
-- Never fetch at delivery time.
-
-### 4) TTL-at-fire
-
-**TTL-at-fire:** Before arming for time **T**, compute `T − fetchedAt`. If that exceeds `ttlSeconds`, **do not arm** (skip). This prevents posting stale notifications when the app has been closed for a long time.
-
-`if (whenMs - fetchedAt) > ttlSeconds*1000 → skip`
-
-### 5) Android specifics
-
-- Request `SCHEDULE_EXACT_ALARM`; deep-link if denied; fallback to `setWindow(start,len)` (±10m).
-- Receivers: `BOOT_COMPLETED`, `TIMEZONE_CHANGED`, `TIME_SET` → recompute & re-arm for next 24h and schedule T–lead prefetch.
-
-### 6) iOS specifics
-
-- `BGTaskScheduler` for T–lead prefetch (best-effort). Optional silent push nudge.
-- Locals: `UNCalendarNotificationTrigger` (one-shots); no NSE mutation for locals.
-
-### 7) Network & Timeouts
-
-- Content fetch: **12s** timeout; single attempt at T–lead; ETag/304 respected.
-- ACK/Error: **8s** timeout, fire-and-forget.
-
-### 8) Electron
-
-- Notifications while app is running; recommend **Start-on-Login**. No true background scheduling when fully closed.
-
-### 9) Telemetry
-
-- Record `scheduled|shown|error`; ACK deliveries (8s timeout); include slot/times/TZ/app version.
-
----
-
-## Capability Matrix
-
-| Capability | Android (Native) | iOS (Native) | Electron | Web |
-|---|---|---|---|---|
-| Multi-daily locals (closed app) | ✅ | ✅ | ✅ (app running) | — |
-| Prefetch at T–lead (app closed) | ✅ WorkManager | ⚠️ BGTask (best-effort) | ✅ (app running) | — |
-| Re-arm after reboot/time-change | ✅ Receivers | ⚠️ On next wake/silent push | ✅ Start-on-Login | — |
-| Minute-precision alarms | ✅ with exact permission | ❌ not guaranteed | ✅ timer best-effort | — |
-| Delivery-time mutation for locals | ❌ | ❌ | — | — |
-| ETag/TTL enforcement | ✅ | ✅ | ✅ | — |
-| Rolling-window safety | ✅ | ✅ | ✅ | — |
-
----
-
-## Acceptance Criteria
-
-### Core
-
-- **Closed-app delivery:** Armed locals fire at T with last rendered content. No delivery-time network.
-- **T–lead prefetch:** Single background attempt at **T–lead**; if skipped, delivery still occurs from cache.
-- **TTL-at-fire:** No armed local violates TTL at T.
-
-### Android
-
-- **Exact permission path:** With `SCHEDULE_EXACT_ALARM` → within ±1m; else **±10m** window.
-- **Reboot recovery:** After reboot, receivers re-arm next 24h and schedule T–lead prefetch.
-- **TZ/DST change:** Recompute & re-arm; future slots align to new wall-clock.
-
-### iOS
-
-- **BGTask budget respected:** Prefetch often runs but may be skipped; delivery still occurs via rolling window.
-- **Force-quit caveat:** No background execution after user terminate; delivery still occurs if pre-armed.
-
-### Electron
-
-- **Running-app rule:** Delivery only while app runs; with Start-on-Login, after reboot the orchestrator re-arms and subsequent slots deliver.
-
-### Network
-
-- Content fetch timeout **12s**; ACK/Error **8s**; no retries inside lead; ETag honored.
-
-### Observability
-
-- Log/telemetry for `scheduled|shown|error`; ACK payload includes slot, times, device TZ, app version.
-
-### DB Sharing
-
-* **Shared DB visibility:** A background prefetch writes `notif_contents`; the foreground UI **immediately** reads the same row.
-* **WAL overlap:** With the app reading while the plugin commits, no user-visible blocking occurs.
-* **Version safety:** If `user_version` is behind, the plugin emits an error and does not write (protects against partial installs).
-
----
-
-## Web-Push Cleanup
-
-Web-push functionality has been retired due to unreliability. All web-push related code paths and documentation sections should be removed or marked as deprecated. See `web-push-cleanup-guide.md` for detailed cleanup steps.
-
----
-
-_This document consolidates the Native-First notification system strategy, implementation details, capabilities, and acceptance criteria into a single comprehensive reference._

doc/seed-phrase-reminder-implementation.md

@@ -0,0 +1,181 @@
+# Seed Phrase Backup Reminder Implementation
+
+## Overview
+
+This implementation adds a modal dialog that reminds users to back up their seed phrase if they haven't done so yet. The reminder appears after specific user actions and includes a 24-hour cooldown to avoid being too intrusive.
+
+## Features
+
+- **Modal Dialog**: Uses the existing notification group modal system from `App.vue`
+- **Smart Timing**: Only shows when `hasBackedUpSeed = false`
+- **24-Hour Cooldown**: Uses localStorage to prevent showing more than once per day
+- **Action-Based Triggers**: Shows after specific user actions
+- **User Choice**: "Backup Identifier Seed" or "Remind me Later" options
+
+## Implementation Details
+
+### Core Utility (`src/utils/seedPhraseReminder.ts`)
+
+The main utility provides:
+
+- `shouldShowSeedReminder(hasBackedUpSeed)`: Checks if reminder should be shown
+- `markSeedReminderShown()`: Updates localStorage timestamp
+- `createSeedReminderNotification()`: Creates the modal configuration
+- `showSeedPhraseReminder(hasBackedUpSeed, notifyFunction)`: Main function to show reminder
+
+### Trigger Points
+
+The reminder is shown after these user actions:
+
+**Note**: The reminder is triggered by **claim creation** actions, not claim confirmations. This focuses on when users are actively creating new content rather than just confirming existing claims.
+
+1. **Profile Saving** (`AccountViewView.vue`)
+   - After clicking "Save Profile" button
+   - Only when profile save is successful
+
+2. **Claim Creation** (Multiple views)
+   - `ClaimAddRawView.vue`: After submitting raw claims
+   - `GiftedDialog.vue`: After creating gifts/claims
+   - `GiftedDetailsView.vue`: After recording gifts/claims
+   - `OfferDialog.vue`: After creating offers
+
+3. **QR Code Views Exit**
+   - `ContactQRScanFullView.vue`: When exiting via back button
+   - `ContactQRScanShowView.vue`: When exiting via back button
+
+### Modal Configuration
+
+```typescript
+{
+  group: "modal",
+  type: "confirm",
+  title: "Backup Your Identifier Seed?",
+  text: "It looks like you haven't backed up your identifier seed yet. It's important to back it up as soon as possible to secure your identity.",
+  yesText: "Backup Identifier Seed",
+  noText: "Remind me Later",
+  onYes: () => navigate to /seed-backup,
+  onNo: () => mark as shown for 24 hours,
+  onCancel: () => mark as shown for 24 hours
+}
+```
+
+**Important**: The modal is configured with `timeout: -1` to ensure it stays open until the user explicitly interacts with one of the buttons. This prevents the dialog from closing automatically.
+
+### Cooldown Mechanism
+
+- **Storage Key**: `seedPhraseReminderLastShown`
+- **Cooldown Period**: 24 hours (24 * 60 * 60 * 1000 milliseconds)
+- **Implementation**: localStorage with timestamp comparison
+- **Fallback**: Shows reminder if timestamp is invalid or missing
+
+## User Experience
+
+### When Reminder Appears
+
+- User has not backed up their seed phrase (`hasBackedUpSeed = false`)
+- At least 24 hours have passed since last reminder
+- User performs one of the trigger actions
+- **1-second delay** after the success message to allow users to see the confirmation
+
+### User Options
+
+1. **"Backup Identifier Seed"**: Navigates to `/seed-backup` page
+2. **"Remind me Later"**: Dismisses and won't show again for 24 hours
+3. **Cancel/Close**: Same behavior as "Remind me Later"
+
+### Frequency Control
+
+- **First Time**: Always shows if user hasn't backed up
+- **Subsequent**: Only shows after 24-hour cooldown
+- **Automatic Reset**: When user completes seed backup (`hasBackedUpSeed = true`)
+
+## Technical Implementation
+
+### Error Handling
+
+- Graceful fallback if localStorage operations fail
+- Logging of errors for debugging
+- Non-blocking implementation (doesn't affect main functionality)
+
+### Integration Points
+
+- **Platform Service**: Uses `$accountSettings()` to check backup status
+- **Notification System**: Integrates with existing `$notify` system
+- **Router**: Uses `window.location.href` for navigation
+
+### Performance Considerations
+
+- Minimal localStorage operations
+- No blocking operations
+- Efficient timestamp comparisons
+- **Timing Behavior**: 1-second delay before showing reminder to improve user experience flow
+
+## Testing
+
+### Manual Testing Scenarios
+
+1. **First Time User**
+   - Create new account
+   - Perform trigger action (save profile, create claim, exit QR view)
+   - Verify reminder appears
+
+2. **Repeat User (Within 24h)**
+   - Perform trigger action
+   - Verify reminder does NOT appear
+
+3. **Repeat User (After 24h)**
+   - Wait 24+ hours
+   - Perform trigger action
+   - Verify reminder appears again
+
+4. **User Who Has Backed Up**
+   - Complete seed backup
+   - Perform trigger action
+   - Verify reminder does NOT appear
+
+5. **QR Code View Exit**
+   - Navigate to QR code view (full or show)
+   - Exit via back button
+   - Verify reminder appears (if conditions are met)
+
+### Browser Testing
+
+- Test localStorage functionality
+- Verify timestamp handling
+- Check navigation to seed backup page
+
+## Future Enhancements
+
+### Potential Improvements
+
+1. **Customizable Cooldown**: Allow users to set reminder frequency
+2. **Progressive Urgency**: Increase reminder frequency over time
+3. **Analytics**: Track reminder effectiveness and user response
+4. **A/B Testing**: Test different reminder messages and timing
+
+### Configuration Options
+
+- Reminder frequency settings
+- Custom reminder messages
+- Different trigger conditions
+- Integration with other notification systems
+
+## Maintenance
+
+### Monitoring
+
+- Check localStorage usage in browser dev tools
+- Monitor user feedback about reminder frequency
+- Track navigation success to seed backup page
+
+### Updates
+
+- Modify reminder text in `createSeedReminderNotification()`
+- Adjust cooldown period in `REMINDER_COOLDOWN_MS` constant
+- Add new trigger points as needed
+
+## Conclusion
+
+This implementation provides a non-intrusive way to remind users about seed phrase backup while respecting their preferences and avoiding notification fatigue. The 24-hour cooldown ensures users aren't overwhelmed while maintaining the importance of the security reminder.
+
+The feature is fully integrated with the existing codebase architecture and follows established patterns for notifications, error handling, and user interaction.

doc/web-push-cleanup-guide.md

@@ -1,551 +0,0 @@
-# TimeSafari Web-Push Cleanup Guide
-
-**Status:** 🚀 Native-First Implementation  
-**Date:** 2025-01-27T14:30Z (UTC)  
-**Author:** Matthew Raymer  
-**Scope:** Web-push code cleanup and deprecation  
-**Goal:** Remove or quarantine all web-push code paths and mark as deprecated.
-
----
-
-## Executive Summary
-
-This document provides a comprehensive cleanup guide for removing web-push code
-paths from TimeSafari. Web-push has been retired for unreliability, and the
-system now focuses on native mobile reliability with Electron best-effort support.
-
----
-
-## Cleanup Strategy
-
-### Phase 1: Identify Web-Push Code Paths
-
-#### Service Worker Files
-
-- [ ] `sw_scripts/notification-click.js` - Mark as deprecated
-- [ ] `sw_scripts/` directory - Review for web-push dependencies
-- [ ] Service worker registration code - Remove or quarantine
-
-#### Web-Specific Code
-
-- [ ] Web push notification handlers
-- [ ] Service worker event listeners
-- [ ] Web notification API usage
-- [ ] Push subscription management
-
-#### Configuration Files
-
-- [ ] VitePWA plugin configuration
-- [ ] Service worker build configuration
-- [ ] Web push manifest files
-
-### Phase 2: Mark as Deprecated
-
-#### Code Comments
-
-```javascript
-// DEPRECATED: Web-push notification handling
-// This code is kept for reference but not used in production
-// Replaced by Native-First notification system
-```
-
-#### Documentation Updates
-
-- [ ] Mark web-push sections as deprecated
-- [ ] Add deprecation notices
-- [ ] Update README files
-- [ ] Update API documentation
-
-### Phase 3: Remove or Quarantine
-
-#### Complete Removal
-
-- [ ] Web push subscription code
-- [ ] Service worker notification handlers
-- [ ] Web-specific notification APIs
-- [ ] Push message handling
-
-#### Quarantine (Keep for Reference)
-
-- [ ] Service worker registration code
-- [ ] Web push configuration
-- [ ] Historical web-push tests
-
----
-
-## Detailed Cleanup Tasks
-
-### 1. Service Worker Cleanup
-
-#### Files to Deprecate
-
-**`sw_scripts/notification-click.js`**
-
-```javascript
-// DEPRECATED: Service worker notification handling
-// This code is kept for reference but not used in production
-// Replaced by Native-First notification system
-
-// Original web-push notification click handler
-self.addEventListener('notificationclick', (event) => {
-  // DEPRECATED: Web-push only
-  event.notification.close();
-
-  const slotId = event.notification.data?.slotId;
-  const route = slotId ? '/#/daily' : '/#/notifications';
-
-  event.waitUntil(
-    clients.openWindow(route).catch(() => {
-      return clients.openWindow('/');
-    })
-  );
-});
-```
-
-**Service Worker Registration**
-
-```javascript
-// DEPRECATED: Service worker registration
-// This code is kept for reference but not used in production
-// Replaced by Native-First notification system
-
-if ('serviceWorker' in navigator && process.env.VITE_PLATFORM === 'web') {
-  // DEPRECATED: Web-push only
-  navigator.serviceWorker.register('/sw.js')
-    .then(registration => {
-      console.log('Service Worker registered:', registration);
-    })
-    .catch(error => {
-      console.error('Service Worker registration failed:', error);
-    });
-}
-```
-
-### 2. Web Push API Cleanup
-
-#### Push Subscription Management
-
-```javascript
-// DEPRECATED: Web push subscription management
-// This code is kept for reference but not used in production
-// Replaced by Native-First notification system
-
-class WebPushManager {
-  // DEPRECATED: Web-push only
-  async subscribeToPush() {
-    // Implementation kept for reference
-  }
-
-  // DEPRECATED: Web-push only
-  async unsubscribeFromPush() {
-    // Implementation kept for reference
-  }
-}
-```
-
-#### Push Message Handling
-
-```javascript
-// DEPRECATED: Push message handling
-// This code is kept for reference but not used in production
-// Replaced by Native-First notification system
-
-self.addEventListener('push', (event) => {
-  // DEPRECATED: Web-push only
-  const data = event.data ? event.data.json() : {};
-
-  const options = {
-    body: data.body,
-    icon: '/icon-192x192.png',
-    badge: '/badge-72x72.png',
-    data: data
-  };
-
-  event.waitUntil(
-    self.registration.showNotification(data.title, options)
-  );
-});
-```
-
-### 3. Configuration Cleanup
-
-#### VitePWA Plugin Configuration
-
-```javascript
-// DEPRECATED: VitePWA plugin configuration
-// This configuration is kept for reference but not used in production
-// Replaced by Native-First notification system
-
-import { VitePWA } from 'vite-plugin-pwa'
-
-export default defineConfig({
-  plugins: [
-    VitePWA({
-      // DEPRECATED: Web-push only
-      registerType: 'autoUpdate',
-      workbox: {
-        globPatterns: ['**/*.{js,css,html,ico,png,svg}']
-      },
-      includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'masked-icon.svg'],
-      manifest: {
-        name: 'TimeSafari',
-        short_name: 'TimeSafari',
-        description: 'TimeSafari App',
-        theme_color: '#ffffff',
-        icons: [
-          {
-            src: 'pwa-192x192.png',
-            sizes: '192x192',
-            type: 'image/png'
-          }
-        ]
-      }
-    })
-  ]
-})
-```
-
-#### Service Worker Build Configuration
-
-```javascript
-// DEPRECATED: Service worker build configuration
-// This configuration is kept for reference but not used in production
-// Replaced by Native-First notification system
-
-export default defineConfig({
-  build: {
-    rollupOptions: {
-      input: {
-        // DEPRECATED: Web-push only
-        sw: 'sw_scripts/notification-click.js'
-      }
-    }
-  }
-})
-```
-
-### 4. Test Cleanup
-
-#### Web Push Tests
-
-```javascript
-// DEPRECATED: Web push tests
-// These tests are kept for reference but not used in production
-// Replaced by Native-First notification system
-
-describe('Web Push Notifications (DEPRECATED)', () => {
-  // DEPRECATED: Web-push only
-  it('should handle push notifications', async () => {
-    // Test implementation kept for reference
-  });
-
-  // DEPRECATED: Web-push only
-  it('should handle notification clicks', async () => {
-    // Test implementation kept for reference
-  });
-});
-```
-
-#### Service Worker Tests
-
-```javascript
-// DEPRECATED: Service worker tests
-// These tests are kept for reference but not used in production
-// Replaced by Native-First notification system
-
-describe('Service Worker (DEPRECATED)', () => {
-  // DEPRECATED: Web-push only
-  it('should register service worker', async () => {
-    // Test implementation kept for reference
-  });
-
-  // DEPRECATED: Web-push only
-  it('should handle push events', async () => {
-    // Test implementation kept for reference
-  });
-});
-```
-
-### 5. Documentation Cleanup
-
-#### README Updates
-
-```markdown
-# TimeSafari Native-First Notification System
-
-## Web-Push Status: DEPRECATED
-
-Web-push has been retired for unreliability. The system now focuses on native mobile reliability with Electron best-effort support.
-
-### Deprecated Features
-- ❌ Web push notifications
-- ❌ Service worker notification handling
-- ❌ Web notification API
-
-### Active Features
-- ✅ Native mobile notifications (Android/iOS)
-- ✅ Electron notifications (best-effort)
-- ✅ OS-scheduled background prefetch
-- ✅ Rolling window safety
-```
-
-#### API Documentation Updates
-
-```markdown
-## Notification API (Native-First)
-
-### Deprecated Methods
-- `subscribeToPush()` - DEPRECATED: Web-push only
-- `unsubscribeFromPush()` - DEPRECATED: Web-push only
-- `handlePushMessage()` - DEPRECATED: Web-push only
-
-### Active Methods
-- `scheduleExact()` - Native exact scheduling
-- `scheduleWindow()` - Native windowed scheduling
-- `schedulePrefetch()` - Native background prefetch
-```
-
----
-
-## File-by-File Cleanup Checklist
-
-### Service Worker Files
-
-- [ ] `sw_scripts/notification-click.js` - Mark as deprecated
-- [ ] `sw_scripts/` directory - Review for web-push dependencies
-- [ ] Service worker build configuration - Remove or quarantine
-
-### Web-Specific Code
-
-- [ ] `src/main.web.ts` - Remove service worker registration
-- [ ] `src/services/webPush.ts` - Mark as deprecated
-- [ ] `src/utils/serviceWorker.ts` - Mark as deprecated
-- [ ] Web notification API usage - Remove or quarantine
-
-### Configuration Files
-
-- [ ] `vite.config.web.mts` - Remove VitePWA plugin
-- [ ] `package.json` - Remove web-push dependencies
-- [ ] `public/manifest.json` - Mark as deprecated
-- [ ] Service worker build scripts - Remove or quarantine
-
-### Test Files
-
-- [ ] `test-playwright/web-push.spec.ts` - Mark as deprecated
-- [ ] `test/services/webPush.test.ts` - Mark as deprecated
-- [ ] Service worker tests - Mark as deprecated
-
-### Documentation Files
-
-- [ ] `README.md` - Update to reflect native-first approach
-- [ ] `doc/web-push.md` - Mark as deprecated
-- [ ] API documentation - Remove web-push references
-
----
-
-## Dependencies to Remove
-
-### NPM Packages
-
-```json
-{
-  "dependencies": {
-    // DEPRECATED: Web-push only
-    "web-push": "^7.4.0",
-    "vite-plugin-pwa": "^0.17.0"
-  },
-  "devDependencies": {
-    // DEPRECATED: Web-push only
-    "workbox-webpack-plugin": "^6.5.0"
-  }
-}
-```
-
-### Build Scripts
-
-```json
-{
-  "scripts": {
-    // DEPRECATED: Web-push only
-    "build:sw": "workbox generateSW",
-    "test:sw": "jest --testPathPattern=serviceWorker"
-  }
-}
-```
-
----
-
-## Migration Guide
-
-### From Web-Push to Native-First
-
-#### Step 1: Remove Web-Push Dependencies
-
-```bash
-# Remove web-push packages
-npm uninstall web-push vite-plugin-pwa workbox-webpack-plugin
-
-# Remove service worker files
-rm -rf sw_scripts/
-rm -f public/sw.js
-rm -f public/workbox-*.js
-```
-
-#### Step 2: Update Configuration
-
-```javascript
-// Remove VitePWA plugin from vite.config.web.mts
-export default defineConfig({
-  plugins: [
-    // Remove VitePWA plugin
-    // VitePWA({ ... })
-  ]
-})
-```
-
-#### Step 3: Update Service Registration
-
-```javascript
-// Remove service worker registration from main.web.ts
-// if ('serviceWorker' in navigator) {
-//   navigator.serviceWorker.register('/sw.js')
-// }
-```
-
-#### Step 4: Update Tests
-
-```javascript
-// Remove web-push tests
-// describe('Web Push Notifications', () => { ... })
-```
-
----
-
-## Verification Checklist
-
-### Code Removal Verification
-
-- [ ] No web-push imports remain
-- [ ] No service worker registration code
-- [ ] No push subscription management
-- [ ] No web notification API usage
-- [ ] No VitePWA plugin configuration
-
-### Documentation Verification
-
-- [ ] All web-push references marked as deprecated
-- [ ] README updated to reflect native-first approach
-- [ ] API documentation updated
-- [ ] Test documentation updated
-
-### Build Verification
-
-- [ ] Web build succeeds without service worker
-- [ ] No service worker files generated
-- [ ] No web-push dependencies in bundle
-- [ ] Native builds work correctly
-
-### Test Verification
-
-- [ ] Web-push tests are marked as deprecated
-- [ ] Native notification tests pass
-- [ ] No web-push test failures
-- [ ] Test suite runs successfully
-
----
-
-## Rollback Plan
-
-### Emergency Rollback
-
-If native-first implementation fails, web-push code can be restored:
-
-#### 1. **Restore Dependencies**
-
-```bash
-npm install web-push vite-plugin-pwa workbox-webpack-plugin
-```
-
-#### 2. **Restore Service Worker Files**
-
-```bash
-git checkout HEAD~1 -- sw_scripts/
-git checkout HEAD~1 -- public/sw.js
-```
-
-#### 3. **Restore Configuration**
-
-```bash
-git checkout HEAD~1 -- vite.config.web.mts
-git checkout HEAD~1 -- package.json
-```
-
-#### 4. **Restore Tests**
-
-```bash
-git checkout HEAD~1 -- test-playwright/web-push.spec.ts
-git checkout HEAD~1 -- test/services/webPush.test.ts
-```
-
-### Rollback Verification
-
-- [ ] Web-push functionality restored
-- [ ] Service worker registration works
-- [ ] Push notifications work
-- [ ] Tests pass
-
----
-
-## Post-Cleanup Tasks
-
-### Code Review
-
-- [ ] Review all changes for completeness
-- [ ] Verify no web-push code remains
-- [ ] Check for orphaned references
-- [ ] Validate native-first implementation
-
-### Testing
-
-- [ ] Run full test suite
-- [ ] Verify native notifications work
-- [ ] Check Electron functionality
-- [ ] Validate mobile builds
-
-### Documentation
-
-- [ ] Update all documentation
-- [ ] Remove web-push references
-- [ ] Update API documentation
-- [ ] Update user guides
-
----
-
-## Success Criteria
-
-### Complete Web-Push Removal
-
-- [ ] All web-push code marked as deprecated
-- [ ] Service worker files quarantined
-- [ ] Dependencies removed
-- [ ] Configuration updated
-
-### Native-First Implementation
-
-- [ ] Native notifications work on Android
-- [ ] Native notifications work on iOS
-- [ ] Electron notifications work
-- [ ] Background prefetch works
-
-### Documentation Updated
-
-- [ ] All docs reflect native-first approach
-- [ ] Web-push marked as deprecated
-- [ ] Migration guide provided
-- [ ] Rollback plan documented
-
----
-
-_This cleanup guide provides comprehensive instructions for removing web-push
-code paths from TimeSafari. Web-push has been retired for unreliability, and the
-system now focuses on native mobile reliability with Electron best-effort support._

doc/z-index-guide.md

@@ -5,15 +5,12 @@
 **Status**: 🎯 **ACTIVE** - Z-index layering standards
 
 ## Objective
-
 Establish consistent z-index values across the TimeSafari application to ensure proper layering of UI elements.
 
 ## Result
-
 This document defines the z-index hierarchy for all UI components.
 
 ## Use/Run
-
 Reference these values when implementing new components or modifying existing ones to maintain consistent layering.
 
 ## Z-Index Hierarchy
@@ -54,7 +51,7 @@ Reference these values when implementing new components or modifying existing on
 ## Collaboration Hooks
 
 - **Reviewers**: Frontend team, UI/UX designers
-- **Sign-off checklist**:
+- **Sign-off checklist**: 
   - [ ] All new components follow z-index guidelines
   - [ ] Existing components updated to use defined values
   - [ ] Cross-browser testing completed

index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no, interactive-widget=overlays-content" />
     
     <!-- CORS headers removed to allow images from any domain -->
     
@@ -13,4 +13,4 @@
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
-</html>
+</html>

ios/App/App.xcodeproj/project.pbxproj

@@ -403,7 +403,7 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 40;
+				CURRENT_PROJECT_VERSION = 41;
 				DEVELOPMENT_TEAM = GM3FS5JQPH;
 				ENABLE_APP_SANDBOX = NO;
 				ENABLE_USER_SCRIPT_SANDBOXING = NO;
@@ -413,7 +413,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.0.7;
+				MARKETING_VERSION = 1.0.8;
 				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
 				PRODUCT_BUNDLE_IDENTIFIER = app.timesafari;
 				PRODUCT_NAME = "$(TARGET_NAME)";
@@ -430,7 +430,7 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 40;
+				CURRENT_PROJECT_VERSION = 41;
 				DEVELOPMENT_TEAM = GM3FS5JQPH;
 				ENABLE_APP_SANDBOX = NO;
 				ENABLE_USER_SCRIPT_SANDBOXING = NO;
@@ -440,7 +440,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.0.7;
+				MARKETING_VERSION = 1.0.8;
 				PRODUCT_BUNDLE_IDENTIFIER = app.timesafari;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "timesafari",
-  "version": "1.1.0-beta",
+  "version": "1.1.1-beta",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "timesafari",
-      "version": "1.1.0-beta",
+      "version": "1.1.1-beta",
       "dependencies": {
         "@capacitor-community/electron": "^5.0.1",
         "@capacitor-community/sqlite": "6.0.2",
@@ -27,6 +27,7 @@
         "@ethersproject/hdnode": "^5.7.0",
         "@ethersproject/wallet": "^5.8.0",
         "@fortawesome/fontawesome-svg-core": "^6.5.1",
+        "@fortawesome/free-regular-svg-icons": "^6.7.2",
         "@fortawesome/free-solid-svg-icons": "^6.5.1",
         "@fortawesome/vue-fontawesome": "^3.0.6",
         "@jlongster/sql.js": "^1.6.7",
@@ -90,6 +91,7 @@
         "vue": "3.5.13",
         "vue-axios": "^3.5.2",
         "vue-facing-decorator": "3.0.4",
+        "vue-markdown-render": "^2.2.1",
         "vue-picture-cropper": "^0.7.0",
         "vue-qrcode-reader": "^5.5.3",
         "vue-router": "^4.5.0",
@@ -106,6 +108,7 @@
         "@types/js-yaml": "^4.0.9",
         "@types/leaflet": "^1.9.8",
         "@types/luxon": "^3.4.2",
+        "@types/markdown-it": "^14.1.2",
         "@types/node": "^20.14.11",
         "@types/node-fetch": "^2.6.12",
         "@types/ramda": "^0.29.11",
@@ -6786,6 +6789,17 @@
         "node": ">=6"
       }
     },
+    "node_modules/@fortawesome/free-regular-svg-icons": {
+      "version": "6.7.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.7.2.tgz",
+      "integrity": "sha512-7Z/ur0gvCMW8G93dXIQOkQqHo2M5HLhYrRVC0//fakJXxcF1VmMPsxnG6Ee8qEylA8b8Q3peQXWMNZ62lYF28g==",
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.7.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@fortawesome/free-solid-svg-icons": {
       "version": "6.7.2",
       "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.7.2.tgz",
@@ -10147,6 +10161,12 @@
         "@types/geojson": "*"
       }
     },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "dev": true
+    },
     "node_modules/@types/luxon": {
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/@types/luxon/-/luxon-3.7.1.tgz",
@@ -10154,6 +10174,22 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "dev": true,
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "dev": true
+    },
     "node_modules/@types/minimist": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.5.tgz",
@@ -32883,6 +32919,61 @@
         "vue": "^3.0.0"
       }
     },
+    "node_modules/vue-markdown-render": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/vue-markdown-render/-/vue-markdown-render-2.2.1.tgz",
+      "integrity": "sha512-XkYnC0PMdbs6Vy6j/gZXSvCuOS0787Se5COwXlepRqiqPiunyCIeTPQAO2XnB4Yl04EOHXwLx5y6IuszMWSgyQ==",
+      "dependencies": {
+        "markdown-it": "^13.0.2"
+      },
+      "peerDependencies": {
+        "vue": "^3.3.4"
+      }
+    },
+    "node_modules/vue-markdown-render/node_modules/entities": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
+      "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/vue-markdown-render/node_modules/linkify-it": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
+      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "node_modules/vue-markdown-render/node_modules/markdown-it": {
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.2.tgz",
+      "integrity": "sha512-FtwnEuuK+2yVU7goGn/MJ0WBZMM9ZPgU9spqlFs7/A/pDIUNSOQZhUgOqYCficIuR2QaFnrt8LHqBWsbTAoI5w==",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "~3.0.1",
+        "linkify-it": "^4.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.js"
+      }
+    },
+    "node_modules/vue-markdown-render/node_modules/mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
+    },
+    "node_modules/vue-markdown-render/node_modules/uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    },
     "node_modules/vue-picture-cropper": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/vue-picture-cropper/-/vue-picture-cropper-0.7.0.tgz",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "timesafari",
-  "version": "1.1.0-beta",
+  "version": "1.1.1-beta",
   "description": "Time Safari Application",
   "author": {
     "name": "Time Safari Team"
@@ -106,7 +106,7 @@
     "guard": "bash ./scripts/build-arch-guard.sh",
     "guard:test": "bash ./scripts/build-arch-guard.sh --staged",
     "guard:setup": "npm run prepare && echo '✅ Build Architecture Guard is now active!'",
-    "clean:android": "./scripts/clean-android.sh",
+    "clean:android": "./scripts/uninstall-android.sh",
     "clean:ios": "rm -rf ios/App/build ios/App/Pods ios/App/output ios/App/App/public ios/DerivedData ios/capacitor-cordova-ios-plugins ios/App/App/capacitor.config.json ios/App/App/config.xml || true",
     "clean:electron": "./scripts/build-electron.sh --clean",
     "clean:all": "npm run clean:ios && npm run clean:android && npm run clean:electron",
@@ -156,6 +156,7 @@
     "@ethersproject/hdnode": "^5.7.0",
     "@ethersproject/wallet": "^5.8.0",
     "@fortawesome/fontawesome-svg-core": "^6.5.1",
+    "@fortawesome/free-regular-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/vue-fontawesome": "^3.0.6",
     "@jlongster/sql.js": "^1.6.7",
@@ -219,6 +220,7 @@
     "vue": "3.5.13",
     "vue-axios": "^3.5.2",
     "vue-facing-decorator": "3.0.4",
+    "vue-markdown-render": "^2.2.1",
     "vue-picture-cropper": "^0.7.0",
     "vue-qrcode-reader": "^5.5.3",
     "vue-router": "^4.5.0",
@@ -235,6 +237,7 @@
     "@types/js-yaml": "^4.0.9",
     "@types/leaflet": "^1.9.8",
     "@types/luxon": "^3.4.2",
+    "@types/markdown-it": "^14.1.2",
     "@types/node": "^20.14.11",
     "@types/node-fetch": "^2.6.12",
     "@types/ramda": "^0.29.11",

playwright.config-local.ts

@@ -21,7 +21,7 @@ export default defineConfig({
   /* Retry on CI only */
   retries: process.env.CI ? 2 : 0,
   /* Opt out of parallel tests on CI. */
-  workers: 1,
+  workers: 4,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: [
     ['list'],

public/manifest.webmanifest

@@ -0,0 +1,46 @@
+{
+  "icons": [
+    {
+      "src": "../icons/icon-48.webp",
+      "type": "image/png",
+      "sizes": "48x48",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "../icons/icon-72.webp",
+      "type": "image/png",
+      "sizes": "72x72",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "../icons/icon-96.webp",
+      "type": "image/png",
+      "sizes": "96x96",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "../icons/icon-128.webp",
+      "type": "image/png",
+      "sizes": "128x128",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "../icons/icon-192.webp",
+      "type": "image/png",
+      "sizes": "192x192",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "../icons/icon-256.webp",
+      "type": "image/png",
+      "sizes": "256x256",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "../icons/icon-512.webp",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "any maskable"
+    }
+  ]
+}

scripts/avd-resource-checker.sh

@@ -0,0 +1,389 @@
+#!/bin/bash
+# avd-resource-checker.sh
+# Author: Matthew Raymer
+# Date: 2025-01-27
+# Description: Check system resources and recommend optimal AVD configuration
+
+set -e
+
+# Source common utilities
+source "$(dirname "$0")/common.sh"
+
+# Colors for output
+RED_COLOR='\033[0;31m'
+GREEN_COLOR='\033[0;32m'
+YELLOW_COLOR='\033[1;33m'
+BLUE_COLOR='\033[0;34m'
+NC_COLOR='\033[0m' # No Color
+
+# Function to print colored output
+print_status() {
+    local color=$1
+    local message=$2
+    echo -e "${color}${message}${NC_COLOR}"
+}
+
+# Function to get system memory in MB
+get_system_memory() {
+    if command -v free >/dev/null 2>&1; then
+        free -m | awk 'NR==2{print $2}'
+    else
+        echo "0"
+    fi
+}
+
+# Function to get available memory in MB
+get_available_memory() {
+    if command -v free >/dev/null 2>&1; then
+        free -m | awk 'NR==2{print $7}'
+    else
+        echo "0"
+    fi
+}
+
+# Function to get CPU core count
+get_cpu_cores() {
+    if command -v nproc >/dev/null 2>&1; then
+        nproc
+    elif [ -f /proc/cpuinfo ]; then
+        grep -c ^processor /proc/cpuinfo
+    else
+        echo "1"
+    fi
+}
+
+# Function to check GPU capabilities
+check_gpu_capabilities() {
+    local gpu_type="unknown"
+    local gpu_memory="0"
+    
+    # Check for NVIDIA GPU
+    if command -v nvidia-smi >/dev/null 2>&1; then
+        gpu_type="nvidia"
+        gpu_memory=$(nvidia-smi --query-gpu=memory.total --format=csv,noheader,nounits 2>/dev/null | head -1 || echo "0")
+        print_status $GREEN_COLOR "✓ NVIDIA GPU detected (${gpu_memory}MB VRAM)"
+        return 0
+    fi
+    
+    # Check for AMD GPU
+    if command -v rocm-smi >/dev/null 2>&1; then
+        gpu_type="amd"
+        print_status $GREEN_COLOR "✓ AMD GPU detected"
+        return 0
+    fi
+    
+    # Check for Intel GPU
+    if lspci 2>/dev/null | grep -i "vga.*intel" >/dev/null; then
+        gpu_type="intel"
+        print_status $YELLOW_COLOR "✓ Intel integrated GPU detected"
+        return 1
+    fi
+    
+    # Check for generic GPU
+    if lspci 2>/dev/null | grep -i "vga" >/dev/null; then
+        gpu_type="generic"
+        print_status $YELLOW_COLOR "✓ Generic GPU detected"
+        return 1
+    fi
+    
+    print_status $RED_COLOR "✗ No GPU detected"
+    return 2
+}
+
+# Function to check if hardware acceleration is available
+check_hardware_acceleration() {
+    local gpu_capable=$1
+    
+    if [ $gpu_capable -eq 0 ]; then
+        print_status $GREEN_COLOR "✓ Hardware acceleration recommended"
+        return 0
+    elif [ $gpu_capable -eq 1 ]; then
+        print_status $YELLOW_COLOR "⚠ Limited hardware acceleration"
+        return 1
+    else
+        print_status $RED_COLOR "✗ No hardware acceleration available"
+        return 2
+    fi
+}
+
+# Function to recommend AVD configuration
+recommend_avd_config() {
+    local total_memory=$1
+    local available_memory=$2
+    local cpu_cores=$3
+    local gpu_capable=$4
+    
+    print_status $BLUE_COLOR "\n=== AVD Configuration Recommendation ==="
+    
+    # Calculate recommended memory (leave 2GB for system)
+    local system_reserve=2048
+    local recommended_memory=$((available_memory - system_reserve))
+    
+    # Cap memory at reasonable limits
+    if [ $recommended_memory -gt 4096 ]; then
+        recommended_memory=4096
+    elif [ $recommended_memory -lt 1024 ]; then
+        recommended_memory=1024
+    fi
+    
+    # Calculate recommended cores (leave 2 cores for system)
+    local recommended_cores=$((cpu_cores - 2))
+    if [ $recommended_cores -lt 1 ]; then
+        recommended_cores=1
+    elif [ $recommended_cores -gt 4 ]; then
+        recommended_cores=4
+    fi
+    
+    # Determine GPU setting
+    local gpu_setting=""
+    case $gpu_capable in
+        0) gpu_setting="-gpu host" ;;
+        1) gpu_setting="-gpu swiftshader_indirect" ;;
+        2) gpu_setting="-gpu swiftshader_indirect" ;;
+    esac
+    
+    # Generate recommendation
+    print_status $GREEN_COLOR "Recommended AVD Configuration:"
+    echo "  Memory: ${recommended_memory}MB"
+    echo "  Cores: ${recommended_cores}"
+    echo "  GPU: ${gpu_setting}"
+    
+    # Get AVD name from function parameter (passed from main)
+    local avd_name=$5
+    local command="emulator -avd ${avd_name} -no-audio -memory ${recommended_memory} -cores ${recommended_cores} ${gpu_setting} &"
+    
+    print_status $BLUE_COLOR "\nGenerated Command:"
+    echo "  ${command}"
+    
+    # Save to file for easy execution
+    local script_file="/tmp/start-avd-${avd_name}.sh"
+    cat > "$script_file" << EOF
+#!/bin/bash
+# Auto-generated AVD startup script
+# Generated by avd-resource-checker.sh on $(date)
+
+echo "Starting AVD: ${avd_name}"
+echo "Memory: ${recommended_memory}MB"
+echo "Cores: ${recommended_cores}"
+echo "GPU: ${gpu_setting}"
+
+${command}
+
+echo "AVD started in background"
+echo "Check status with: adb devices"
+echo "View logs with: adb logcat"
+EOF
+    
+    chmod +x "$script_file"
+    print_status $GREEN_COLOR "\n✓ Startup script saved to: ${script_file}"
+    
+    return 0
+}
+
+# Function to test AVD startup
+test_avd_startup() {
+    local avd_name=$1
+    local test_duration=${2:-30}
+    
+    print_status $BLUE_COLOR "\n=== Testing AVD Startup ==="
+    
+    # Check if AVD exists
+    if ! avdmanager list avd | grep -q "$avd_name"; then
+        print_status $RED_COLOR "✗ AVD '$avd_name' not found"
+        return 1
+    fi
+    
+    print_status $YELLOW_COLOR "Testing AVD startup for ${test_duration} seconds..."
+    
+    # Start emulator in test mode
+    emulator -avd "$avd_name" -no-audio -no-window -no-snapshot -memory 1024 -cores 1 -gpu swiftshader_indirect &
+    local emulator_pid=$!
+    
+    # Wait for boot
+    local boot_time=0
+    local max_wait=$test_duration
+    
+    while [ $boot_time -lt $max_wait ]; do
+        if adb devices | grep -q "emulator.*device"; then
+            print_status $GREEN_COLOR "✓ AVD booted successfully in ${boot_time} seconds"
+            break
+        fi
+        sleep 2
+        boot_time=$((boot_time + 2))
+    done
+    
+    # Cleanup
+    kill $emulator_pid 2>/dev/null || true
+    adb emu kill 2>/dev/null || true
+    
+    if [ $boot_time -ge $max_wait ]; then
+        print_status $RED_COLOR "✗ AVD failed to boot within ${test_duration} seconds"
+        return 1
+    fi
+    
+    return 0
+}
+
+# Function to list available AVDs
+list_available_avds() {
+    print_status $BLUE_COLOR "\n=== Available AVDs ==="
+    
+    if ! command -v avdmanager >/dev/null 2>&1; then
+        print_status $RED_COLOR "✗ avdmanager not found. Please install Android SDK command line tools."
+        return 1
+    fi
+    
+    local avd_list=$(avdmanager list avd 2>/dev/null)
+    if [ -z "$avd_list" ]; then
+        print_status $YELLOW_COLOR "⚠ No AVDs found. Create one with:"
+        echo "  avdmanager create avd --name TimeSafari_Emulator --package system-images;android-34;google_apis;x86_64"
+        return 1
+    fi
+    
+    echo "$avd_list"
+    return 0
+}
+
+# Function to create optimized AVD
+create_optimized_avd() {
+    local avd_name=$1
+    local memory=$2
+    local cores=$3
+    
+    print_status $BLUE_COLOR "\n=== Creating Optimized AVD ==="
+    
+    # Check if system image is available
+    local system_image="system-images;android-34;google_apis;x86_64"
+    if ! sdkmanager --list | grep -q "$system_image"; then
+        print_status $YELLOW_COLOR "Installing system image: $system_image"
+        sdkmanager "$system_image"
+    fi
+    
+    # Create AVD
+    print_status $YELLOW_COLOR "Creating AVD: $avd_name"
+    avdmanager create avd \
+        --name "$avd_name" \
+        --package "$system_image" \
+        --device "pixel_7" \
+        --force
+    
+    # Configure AVD
+    local avd_config_file="$HOME/.android/avd/${avd_name}.avd/config.ini"
+    if [ -f "$avd_config_file" ]; then
+        print_status $YELLOW_COLOR "Configuring AVD settings..."
+        
+        # Set memory
+        sed -i "s/vm.heapSize=.*/vm.heapSize=${memory}/" "$avd_config_file"
+        
+        # Set cores
+        sed -i "s/hw.cpu.ncore=.*/hw.cpu.ncore=${cores}/" "$avd_config_file"
+        
+        # Disable unnecessary features
+        echo "hw.audioInput=no" >> "$avd_config_file"
+        echo "hw.audioOutput=no" >> "$avd_config_file"
+        echo "hw.camera.back=none" >> "$avd_config_file"
+        echo "hw.camera.front=none" >> "$avd_config_file"
+        echo "hw.gps=no" >> "$avd_config_file"
+        echo "hw.sensors.orientation=no" >> "$avd_config_file"
+        echo "hw.sensors.proximity=no" >> "$avd_config_file"
+        
+        print_status $GREEN_COLOR "✓ AVD configured successfully"
+    fi
+    
+    return 0
+}
+
+# Main function
+main() {
+    print_status $BLUE_COLOR "=== TimeSafari AVD Resource Checker ==="
+    print_status $BLUE_COLOR "Checking system resources and recommending optimal AVD configuration\n"
+    
+    # Get system information
+    local total_memory=$(get_system_memory)
+    local available_memory=$(get_available_memory)
+    local cpu_cores=$(get_cpu_cores)
+    
+    print_status $BLUE_COLOR "=== System Information ==="
+    echo "Total Memory: ${total_memory}MB"
+    echo "Available Memory: ${available_memory}MB"
+    echo "CPU Cores: ${cpu_cores}"
+    
+    # Check GPU capabilities
+    print_status $BLUE_COLOR "\n=== GPU Analysis ==="
+    check_gpu_capabilities
+    local gpu_capable=$?
+    
+    # Check hardware acceleration
+    check_hardware_acceleration $gpu_capable
+    local hw_accel=$?
+    
+    # List available AVDs
+    list_available_avds
+    
+    # Get AVD name from user or use default
+    local avd_name="TimeSafari_Emulator"
+    if [ $# -gt 0 ]; then
+        avd_name="$1"
+    fi
+    
+    # Recommend configuration
+    recommend_avd_config $total_memory $available_memory $cpu_cores $gpu_capable "$avd_name"
+    
+    # Test AVD if requested
+    if [ "$2" = "--test" ]; then
+        test_avd_startup "$avd_name"
+    fi
+    
+    # Create optimized AVD if requested
+    if [ "$2" = "--create" ]; then
+        local recommended_memory=$((available_memory - 2048))
+        if [ $recommended_memory -gt 4096 ]; then
+            recommended_memory=4096
+        elif [ $recommended_memory -lt 1024 ]; then
+            recommended_memory=1024
+        fi
+        
+        local recommended_cores=$((cpu_cores - 2))
+        if [ $recommended_cores -lt 1 ]; then
+            recommended_cores=1
+        elif [ $recommended_cores -gt 4 ]; then
+            recommended_cores=4
+        fi
+        
+        create_optimized_avd "$avd_name" $recommended_memory $recommended_cores
+    fi
+    
+    print_status $GREEN_COLOR "\n=== Resource Check Complete ==="
+    print_status $YELLOW_COLOR "Tip: Use the generated startup script for consistent AVD launches"
+}
+
+# Show help
+show_help() {
+    echo "Usage: $0 [AVD_NAME] [OPTIONS]"
+    echo ""
+    echo "Options:"
+    echo "  --test     Test AVD startup (30 second test)"
+    echo "  --create   Create optimized AVD with recommended settings"
+    echo "  --help     Show this help message"
+    echo ""
+    echo "Examples:"
+    echo "  $0                                    # Check resources and recommend config"
+    echo "  $0 TimeSafari_Emulator               # Check resources for specific AVD"
+    echo "  $0 TimeSafari_Emulator --test         # Test AVD startup"
+    echo "  $0 TimeSafari_Emulator --create       # Create optimized AVD"
+    echo ""
+    echo "The script will:"
+    echo "  - Analyze system resources (RAM, CPU, GPU)"
+    echo "  - Recommend optimal AVD configuration"
+    echo "  - Generate startup command and script"
+    echo "  - Optionally test or create AVD"
+}
+
+# Parse command line arguments
+if [ "$1" = "--help" ] || [ "$1" = "-h" ]; then
+    show_help
+    exit 0
+fi
+
+# Run main function
+main "$@"

scripts/build-android.sh

@@ -22,6 +22,7 @@
 #   --sync                  Sync Capacitor only
 #   --assets                Generate assets only
 #   --deploy                Deploy APK to connected device
+#   --uninstall             Uninstall app from connected device
 #   -h, --help             Show this help message
 #   -v, --verbose          Enable verbose logging
 #
@@ -196,6 +197,7 @@ SYNC_ONLY=false
 ASSETS_ONLY=false
 DEPLOY_APP=false
 AUTO_RUN=false
+UNINSTALL=false
 CUSTOM_API_IP=""
 
 # Function to parse Android-specific arguments
@@ -246,6 +248,9 @@ parse_android_args() {
             --auto-run)
                 AUTO_RUN=true
                 ;;
+            --uninstall)
+                UNINSTALL=true
+                ;;
             --api-ip)
                 if [ $((i + 1)) -lt ${#args[@]} ]; then
                     CUSTOM_API_IP="${args[$((i + 1))]}"
@@ -291,6 +296,7 @@ print_android_usage() {
     echo "  --assets                Generate assets only"
     echo "  --deploy                Deploy APK to connected device"
     echo "  --auto-run              Auto-run app after build"
+    echo "  --uninstall             Uninstall app from connected device"
     echo "  --api-ip <ip>          Custom IP address for claim API (defaults to 10.0.2.2)"
     echo ""
     echo "Common Options:"
@@ -305,6 +311,7 @@ print_android_usage() {
     echo "  $0 --clean             # Clean only"
     echo "  $0 --sync              # Sync only"
     echo "  $0 --deploy            # Build and deploy to device"
+    echo "  $0 --uninstall         # Uninstall app from device"
     echo "  $0 --dev                    # Dev build with default 10.0.2.2"
     echo "  $0 --dev --api-ip 192.168.1.100  # Dev build with custom API IP"
     echo ""
@@ -351,8 +358,18 @@ fi
 # Setup application directories
 setup_app_directories
 
-# Load environment from .env file if it exists
-load_env_file ".env"
+# Load environment-specific .env file if it exists
+env_file=".env.$BUILD_MODE"
+if [ -f "$env_file" ]; then
+    load_env_file "$env_file"
+else
+    log_debug "No $env_file file found, using default environment"
+fi
+
+# Load .env file if it exists (fallback)
+if [ -f ".env" ]; then
+    load_env_file ".env"
+fi
 
 # Handle clean-only mode
 if [ "$CLEAN_ONLY" = true ]; then
@@ -407,8 +424,13 @@ safe_execute "Validating asset configuration" "npm run assets:validate" || {
     log_info "If you encounter build failures, please run 'npm install' first to ensure all dependencies are available."
 }
 
-# Step 2: Clean Android app
-safe_execute "Cleaning Android app" "npm run clean:android" || exit 1
+# Step 2: Uninstall Android app
+if [ "$UNINSTALL" = true ]; then
+    log_info "Uninstall: uninstalling app from device"
+    safe_execute "Uninstalling Android app" "./scripts/uninstall-android.sh" || exit 1
+    log_success "Uninstall completed successfully!"
+    exit 0
+fi
 
 # Step 3: Clean dist directory
 log_info "Cleaning dist directory..."

scripts/build-electron.sh

@@ -341,7 +341,19 @@ main_electron_build() {
     # Setup environment
     setup_build_env "electron" "$BUILD_MODE"
     setup_app_directories
-    load_env_file ".env"
+    
+    # Load environment-specific .env file if it exists
+    env_file=".env.$BUILD_MODE"
+    if [ -f "$env_file" ]; then
+        load_env_file "$env_file"
+    else
+        log_debug "No $env_file file found, using default environment"
+    fi
+    
+    # Load .env file if it exists (fallback)
+    if [ -f ".env" ]; then
+        load_env_file ".env"
+    fi
     
     # Step 1: Clean Electron build artifacts
     clean_electron_artifacts

scripts/build-ios.sh

@@ -324,8 +324,18 @@ fi
 # Setup application directories
 setup_app_directories
 
-# Load environment from .env file if it exists
-load_env_file ".env"
+# Load environment-specific .env file if it exists
+env_file=".env.$BUILD_MODE"
+if [ -f "$env_file" ]; then
+    load_env_file "$env_file"
+else
+    log_debug "No $env_file file found, using default environment"
+fi
+
+# Load .env file if it exists (fallback)
+if [ -f ".env" ]; then
+    load_env_file ".env"
+fi
 
 # Validate iOS environment
 validate_ios_environment

scripts/uninstall-android.sh

@@ -1,8 +1,8 @@
 #!/bin/bash
-# clean-android.sh
+# uninstall-android.sh
 # Author: Matthew Raymer
 # Date: 2025-08-19
-# Description: Clean Android app with timeout protection to prevent hanging
+# Description: Uninstall Android app with timeout protection to prevent hanging
 # This script safely uninstalls the TimeSafari app from connected Android devices
 # with a 30-second timeout to prevent indefinite hanging.
 

src/App.vue

@@ -386,7 +386,7 @@ export default class App extends Vue {
     let allGoingOff = false;
 
     try {
-      const settings: Settings = await this.$settings();
+      const settings: Settings = await this.$accountSettings();
 
       const notifyingNewActivity = !!settings?.notifyingNewActivityTime;
       const notifyingReminder = !!settings?.notifyingReminderTime;

src/assets/styles/tailwind.css

@@ -7,6 +7,24 @@
     html {
         font-family: 'Work Sans', ui-sans-serif, system-ui, sans-serif !important;
     }
+    
+    /* Fix iOS viewport height changes when keyboard appears/disappears */
+    html, body {
+        height: 100%;
+        height: 100vh;
+        height: 100dvh; /* Dynamic viewport height for better mobile support */
+        overflow: hidden; /* Disable all scrolling on html and body */
+        position: fixed; /* Force fixed positioning to prevent viewport changes */
+        width: 100%;
+        top: 0;
+        left: 0;
+    }
+    
+    #app {
+        height: 100vh;
+        height: 100dvh;
+        overflow-y: auto;
+    }
 }
 
 @layer components {
@@ -22,4 +40,24 @@
 	.dialog {
 		@apply bg-white p-4 rounded-lg w-full max-w-lg;
 	}
+
+	/* Markdown content styling to restore list elements */
+	.markdown-content ul {
+		@apply list-disc list-inside ml-4;
+	}
+
+	.markdown-content ol {
+		@apply list-decimal list-inside ml-4;
+	}
+
+	.markdown-content li {
+		@apply mb-1;
+	}
+
+	.markdown-content ul ul,
+	.markdown-content ol ol,
+	.markdown-content ul ol,
+	.markdown-content ol ul {
+		@apply ml-4 mt-1;
+	}
 }

src/components/ActivityListItem.vue

@@ -77,15 +77,95 @@
         </a>
       </div>
 
+      <!-- Emoji Section -->
+      <div
+        v-if="hasEmojis || isRegistered"
+        class="float-right ml-3 mb-1 bg-white rounded border border-slate-300 px-1.5 py-0.5 max-w-[240px]"
+      >
+        <div class="flex items-center justify-between gap-1">
+          <!-- Existing Emojis Display -->
+          <div v-if="hasEmojis" class="flex flex-wrap gap-1">
+            <button
+              v-for="(count, emoji) in record.emojiCount"
+              :key="emoji"
+              class="inline-flex items-center gap-0.5 px-1 py-0.5 text-xs bg-slate-50 hover:bg-slate-100 rounded border border-slate-200 transition-colors cursor-pointer"
+              :class="{
+                'bg-blue-50 border-blue-200': isUserEmojiWithoutLoading(emoji),
+                'opacity-75 cursor-wait': loadingEmojis,
+              }"
+              :title="
+                loadingEmojis
+                  ? 'Loading...'
+                  : !emojisOnActivity?.isResolved
+                    ? 'Click to load your emojis'
+                    : isUserEmojiWithoutLoading(emoji)
+                      ? 'Click to remove your emoji'
+                      : 'Click to add this emoji'
+              "
+              :disabled="!isRegistered"
+              @click="toggleThisEmoji(emoji)"
+            >
+              <!-- Show spinner when loading -->
+              <div v-if="loadingEmojis" class="animate-spin text-xs">
+                <font-awesome icon="spinner" class="fa-spin" />
+              </div>
+              <span v-else class="text-sm leading-none">{{ emoji }}</span>
+              <span class="text-xs text-slate-600 font-medium leading-none">{{
+                count
+              }}</span>
+            </button>
+          </div>
+
+          <!-- Add Emoji Button -->
+          <button
+            v-if="isRegistered"
+            class="inline-flex px-1 py-0.5 text-xs bg-slate-100 hover:bg-slate-200 rounded border border-slate-300 transition-colors items-center justify-center ml-2 ml-auto"
+            :title="showEmojiPicker ? 'Close emoji picker' : 'Add emoji'"
+            @click="toggleEmojiPicker"
+          >
+            <span class="px-2 text-sm leading-none">{{
+              showEmojiPicker ? "x" : "😊"
+            }}</span>
+          </button>
+        </div>
+
+        <!-- Emoji Picker (placeholder for now) -->
+        <div
+          v-if="showEmojiPicker"
+          class="mt-1 p-1.5 bg-slate-50 rounded border border-slate-300"
+        >
+          <!-- Temporary emoji buttons for testing -->
+          <div class="flex flex-wrap gap-3 mt-1">
+            <button
+              v-for="emoji in QUICK_EMOJIS"
+              :key="emoji"
+              class="p-0.5 hover:bg-slate-200 rounded text-base transition-opacity"
+              :class="{
+                'opacity-75 cursor-wait': loadingEmojis,
+              }"
+              :disabled="loadingEmojis"
+              @click="toggleThisEmoji(emoji)"
+            >
+              <!-- Show spinner when loading -->
+              <div v-if="loadingEmojis" class="animate-spin text-sm">⟳</div>
+              <span v-else>{{ emoji }}</span>
+            </button>
+          </div>
+        </div>
+      </div>
+
       <!-- Description -->
       <p class="font-medium">
-        <a class="cursor-pointer" @click="emitLoadClaim(record.jwtId)">
-          {{ description }}
+        <a class="block cursor-pointer" @click="emitLoadClaim(record.jwtId)">
+          <vue-markdown
+            :source="truncatedDescription"
+            class="markdown-content"
+          />
         </a>
       </p>
 
       <div
-        class="relative flex justify-between gap-4 max-w-[40rem] mx-auto mt-4"
+        class="clear-right relative flex justify-between gap-4 max-w-[40rem] mx-auto mt-4"
       >
         <!-- Source -->
         <div
@@ -248,33 +328,51 @@
 
 <script lang="ts">
 import { Component, Prop, Vue, Emit } from "vue-facing-decorator";
-import { GiveRecordWithContactInfo } from "@/interfaces/give";
+import VueMarkdown from "vue-markdown-render";
+
+import { logger } from "../utils/logger";
+import {
+  createAndSubmitClaim,
+  getHeaders,
+  isHiddenDid,
+} from "../libs/endorserServer";
 import EntityIcon from "./EntityIcon.vue";
-import { isHiddenDid } from "../libs/endorserServer";
 import ProjectIcon from "./ProjectIcon.vue";
-import { createNotifyHelpers, NotifyFunction } from "@/utils/notify";
+import { createNotifyHelpers, NotifyFunction, TIMEOUTS } from "@/utils/notify";
 import {
   NOTIFY_PERSON_HIDDEN,
   NOTIFY_UNKNOWN_PERSON,
 } from "@/constants/notifications";
-import { TIMEOUTS } from "@/utils/notify";
+import { EmojiSummaryRecord, GenericVerifiableCredential } from "@/interfaces";
+import { GiveRecordWithContactInfo } from "@/interfaces/give";
+import { PromiseTracker } from "@/libs/util";
 
 @Component({
   components: {
     EntityIcon,
     ProjectIcon,
+    VueMarkdown,
   },
 })
 export default class ActivityListItem extends Vue {
+  readonly QUICK_EMOJIS = ["👍", "👏", "❤️", "🎉", "😊", "😆", "🔥"];
+
   @Prop() record!: GiveRecordWithContactInfo;
   @Prop() lastViewedClaimId?: string;
   @Prop() isRegistered!: boolean;
   @Prop() activeDid!: string;
+  @Prop() apiServer!: string;
 
   isHiddenDid = isHiddenDid;
   notify!: ReturnType<typeof createNotifyHelpers>;
   $notify!: NotifyFunction;
 
+  // Emoji-related data
+  showEmojiPicker = false;
+  loadingEmojis = false; // Track if emojis are currently loading
+
+  emojisOnActivity: PromiseTracker<EmojiSummaryRecord[]> | null = null; // load this only when needed
+
   created() {
     this.notify = createNotifyHelpers(this.$notify);
   }
@@ -303,6 +401,14 @@ export default class ActivityListItem extends Vue {
     return `${claim?.description || ""}`;
   }
 
+  get truncatedDescription(): string {
+    const desc = this.description;
+    if (desc.length <= 300) {
+      return desc;
+    }
+    return desc.substring(0, 300) + "...";
+  }
+
   private displayAmount(code: string, amt: number) {
     return `${amt} ${this.currencyShortWordForCode(code, amt === 1)}`;
   }
@@ -330,5 +436,186 @@ export default class ActivityListItem extends Vue {
       day: "numeric",
     });
   }
+
+  // Emoji-related computed properties and methods
+  get hasEmojis(): boolean {
+    return Object.keys(this.record.emojiCount).length > 0;
+  }
+
+  triggerUserEmojiLoad(): PromiseTracker<EmojiSummaryRecord[]> {
+    if (!this.emojisOnActivity) {
+      const promise = new Promise<EmojiSummaryRecord[]>((resolve) => {
+        (async () => {
+          this.axios
+            .get(
+              `${this.apiServer}/api/v2/report/emoji?parentHandleId=${encodeURIComponent(this.record.handleId)}`,
+              { headers: await getHeaders(this.activeDid) },
+            )
+            .then((response) => {
+              const userEmojiRecords = response.data.data.filter(
+                (e: EmojiSummaryRecord) => e.issuerDid === this.activeDid,
+              );
+              resolve(userEmojiRecords);
+            })
+            .catch((error) => {
+              logger.error("Error loading user emojis:", error);
+              resolve([]);
+            });
+        })();
+      });
+
+      this.emojisOnActivity = new PromiseTracker(promise);
+    }
+    return this.emojisOnActivity;
+  }
+
+  /**
+   *
+   * @param emoji - The emoji to check.
+   * @returns True if the emoji is in the user's emojis, false otherwise.
+   *
+   * @note This method is quick and synchronous, and can check resolved emojis
+   * without triggering a server request. Returns false if emojis haven't been loaded yet.
+   */
+  isUserEmojiWithoutLoading(emoji: string): boolean {
+    if (this.emojisOnActivity?.isResolved && this.emojisOnActivity.value) {
+      return this.emojisOnActivity.value.some(
+        (record) => record.text === emoji,
+      );
+    }
+    return false;
+  }
+
+  async toggleEmojiPicker() {
+    this.triggerUserEmojiLoad(); // trigger it, but don't wait for it to complete
+    this.showEmojiPicker = !this.showEmojiPicker;
+  }
+
+  async toggleThisEmoji(emoji: string) {
+    // Start loading indicator
+    this.loadingEmojis = true;
+    this.showEmojiPicker = false; // always close the picker when an emoji is clicked
+
+    try {
+      this.triggerUserEmojiLoad(); // trigger just in case
+
+      const userEmojiList = await this.emojisOnActivity!.promise; // must wait now that they've chosen
+
+      const userHasEmoji: boolean = userEmojiList.some(
+        (record) => record.text === emoji,
+      );
+
+      if (userHasEmoji) {
+        this.$notify(
+          {
+            group: "modal",
+            type: "confirm",
+            title: "Remove Emoji",
+            text: `Do you want to remove your ${emoji} ?`,
+            yesText: "Remove",
+            onYes: async () => {
+              await this.removeEmoji(emoji);
+            },
+          },
+          TIMEOUTS.MODAL,
+        );
+      } else {
+        // User doesn't have this emoji, add it
+        await this.submitEmoji(emoji);
+      }
+    } finally {
+      // Remove loading indicator
+      this.loadingEmojis = false;
+    }
+  }
+
+  async submitEmoji(emoji: string) {
+    try {
+      // Create an Emoji claim and send to the server
+      const emojiClaim: GenericVerifiableCredential = {
+        "@context": "https://endorser.ch",
+        "@type": "Emoji",
+        text: emoji,
+        parentItem: { lastClaimId: this.record.jwtId },
+      };
+      const claim = await createAndSubmitClaim(
+        emojiClaim,
+        this.activeDid,
+        this.apiServer,
+        this.axios,
+      );
+      if (claim.success && !claim.embeddedRecordError) {
+        // Update emoji count
+        this.record.emojiCount[emoji] =
+          (this.record.emojiCount[emoji] || 0) + 1;
+
+        // Create a new emoji record (we'll get the actual jwtId from the server response later)
+        const newEmojiRecord: EmojiSummaryRecord = {
+          issuerDid: this.activeDid,
+          jwtId: claim.claimId || "",
+          text: emoji,
+          parentHandleId: this.record.jwtId,
+        };
+
+        // Update user emojis list by creating a new promise with the updated data
+        // (Trigger shouldn't be necessary since all calls should come through a toggle, but just in case someone calls this directly)
+        this.triggerUserEmojiLoad();
+        const currentEmojis = await this.emojisOnActivity!.promise; // must wait now that they've clicked one
+        this.emojisOnActivity = new PromiseTracker(
+          Promise.resolve([...currentEmojis, newEmojiRecord]),
+        );
+      } else {
+        this.notify.error("Failed to add emoji.", TIMEOUTS.STANDARD);
+      }
+    } catch (error) {
+      logger.error("Error submitting emoji:", error);
+      this.notify.error("Got error adding emoji.", TIMEOUTS.STANDARD);
+    }
+  }
+
+  async removeEmoji(emoji: string) {
+    try {
+      // Create an Emoji claim and send to the server
+      const emojiClaim: GenericVerifiableCredential = {
+        "@context": "https://endorser.ch",
+        "@type": "Emoji",
+        text: emoji,
+        parentItem: { lastClaimId: this.record.jwtId },
+      };
+      const claim = await createAndSubmitClaim(
+        emojiClaim,
+        this.activeDid,
+        this.apiServer,
+        this.axios,
+      );
+      if (claim.success && !claim.embeddedRecordError) {
+        // Update emoji count
+        const newCount = Math.max(0, (this.record.emojiCount[emoji] || 0) - 1);
+        if (newCount === 0) {
+          delete this.record.emojiCount[emoji];
+        } else {
+          this.record.emojiCount[emoji] = newCount;
+        }
+
+        // Update user emojis list by creating a new promise with the updated data
+        // (Trigger shouldn't be necessary since all calls should come through a toggle, but just in case someone calls this directly)
+        this.triggerUserEmojiLoad();
+        const currentEmojis = await this.emojisOnActivity!.promise; // must wait now that they've clicked one
+        this.emojisOnActivity = new PromiseTracker(
+          Promise.resolve(
+            currentEmojis.filter(
+              (record) =>
+                record.issuerDid === this.activeDid && record.text !== emoji,
+            ),
+          ),
+        );
+      } else {
+        this.notify.error("Failed to remove emoji.", TIMEOUTS.STANDARD);
+      }
+    } catch (error) {
+      logger.error("Error removing emoji:", error);
+      this.notify.error("Got error removing emoji.", TIMEOUTS.STANDARD);
+    }
+  }
 }
 </script>

src/components/ContactListItem.vue

@@ -46,7 +46,7 @@
 
             <span class="text-xs truncate">{{ contact.did }}</span>
           </div>
-          <div class="text-sm">
+          <div class="text-sm truncate">
             {{ contact.notes }}
           </div>
         </div>

src/components/DataExportSection.vue

@@ -16,6 +16,12 @@ messages * - Conditional UI based on platform capabilities * * @component *
       :to="{ name: 'seed-backup' }"
       :class="backupButtonClasses"
     >
+      <!-- Notification dot - show while the user has not yet backed up their seed phrase -->
+      <font-awesome
+        v-if="showRedNotificationDot"
+        icon="circle"
+        class="absolute -right-[8px] -top-[8px] text-rose-500 text-[14px] border border-white rounded-full"
+      ></font-awesome>
       Backup Identifier Seed
     </router-link>
 
@@ -98,6 +104,12 @@ export default class DataExportSection extends Vue {
    */
   isExporting = false;
 
+  /**
+   * Flag indicating if the user has backed up their seed phrase
+   * Used to control the visibility of the notification dot
+   */
+  showRedNotificationDot = false;
+
   /**
    * Notification helper for consistent notification patterns
    * Created as a getter to ensure $notify is available when called
@@ -129,7 +141,7 @@ export default class DataExportSection extends Vue {
    * CSS classes for the backup button (router link)
    */
   get backupButtonClasses(): string {
-    return "block w-full text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-2 mt-2";
+    return "block relative w-full text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-2 mt-2";
   }
 
   /**
@@ -218,6 +230,23 @@ export default class DataExportSection extends Vue {
 
   created() {
     this.notify = createNotifyHelpers(this.$notify);
+    this.loadSeedBackupStatus();
+  }
+
+  /**
+   * Loads the seed backup status from account settings
+   * Updates the hasBackedUpSeed flag to control notification dot visibility
+   */
+  private async loadSeedBackupStatus(): Promise<void> {
+    try {
+      const settings = await this.$accountSettings();
+      this.showRedNotificationDot =
+        !!settings.isRegistered && !settings.hasBackedUpSeed;
+    } catch (err: unknown) {
+      logger.error("Failed to load seed backup status:", err);
+      // Default to false (show notification dot) if we can't load the setting
+      this.showRedNotificationDot = false;
+    }
   }
 }
 </script>

src/components/GiftedDialog.vue

@@ -82,6 +82,7 @@ import GiftDetailsStep from "../components/GiftDetailsStep.vue";
 import { PlanData } from "../interfaces/records";
 import { PlatformServiceMixin } from "@/utils/PlatformServiceMixin";
 import { createNotifyHelpers, TIMEOUTS, NotifyFunction } from "@/utils/notify";
+import { showSeedPhraseReminder } from "@/utils/seedPhraseReminder";
 import {
   NOTIFY_GIFT_ERROR_NEGATIVE_AMOUNT,
   NOTIFY_GIFT_ERROR_NO_DESCRIPTION,
@@ -219,9 +220,18 @@ export default class GiftedDialog extends Vue {
     this.stepType = "giver";
 
     try {
-      const settings = await this.$settings();
+      const settings = await this.$accountSettings();
       this.apiServer = settings.apiServer || "";
-      this.activeDid = settings.activeDid || "";
+
+      // Get activeDid from active_identity table (single source of truth)
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const activeIdentity = await (this as any).$getActiveIdentity();
+      this.activeDid = activeIdentity.activeDid || "";
+
+      logger.debug("[GiftedDialog] Settings received:", {
+        activeDid: this.activeDid,
+        apiServer: this.apiServer,
+      });
 
       this.allContacts = await this.$contacts();
 
@@ -411,6 +421,15 @@ export default class GiftedDialog extends Vue {
         );
       } else {
         this.safeNotify.success("That gift was recorded.", TIMEOUTS.VERY_LONG);
+
+        // Show seed phrase backup reminder if needed
+        try {
+          const settings = await this.$accountSettings();
+          showSeedPhraseReminder(!!settings.hasBackedUpSeed, this.$notify);
+        } catch (error) {
+          logger.error("Error checking seed backup status:", error);
+        }
+
         if (this.callbackOnSuccess) {
           this.callbackOnSuccess(amount);
         }

src/components/HiddenDidDialog.vue

@@ -74,7 +74,7 @@
             If you'd like an introduction,
             <a
               class="text-blue-500"
-              @click="copyToClipboard('A link to this page', deepLinkUrl)"
+              @click="copyTextToClipboard('A link to this page', deepLinkUrl)"
               >click here to copy this page, paste it into a message, and ask if
               they'll tell you more about the {{ roleName }}.</a
             >
@@ -110,7 +110,7 @@
  * @since 2024-12-19
  */
 import { Component, Vue } from "vue-facing-decorator";
-import { useClipboard } from "@vueuse/core";
+import { copyToClipboard } from "../services/ClipboardService";
 import * as R from "ramda";
 import * as serverUtil from "../libs/endorserServer";
 import { Contact } from "../db/tables/contacts";
@@ -197,19 +197,24 @@ export default class HiddenDidDialog extends Vue {
     );
   }
 
-  copyToClipboard(name: string, text: string) {
-    useClipboard()
-      .copy(text)
-      .then(() => {
-        this.notify.success(
-          NOTIFY_COPIED_TO_CLIPBOARD.message(name || "That"),
-          TIMEOUTS.SHORT,
-        );
-      });
+  async copyTextToClipboard(name: string, text: string) {
+    try {
+      await copyToClipboard(text);
+      this.notify.success(
+        NOTIFY_COPIED_TO_CLIPBOARD.message(name || "That"),
+        TIMEOUTS.SHORT,
+      );
+    } catch (error) {
+      this.$logAndConsole(
+        `Error copying ${name || "content"} to clipboard: ${error}`,
+        true,
+      );
+      this.notify.error(`Failed to copy ${name || "content"} to clipboard.`);
+    }
   }
 
   onClickShareClaim() {
-    this.copyToClipboard("A link to this page", this.deepLinkUrl);
+    this.copyTextToClipboard("A link to this page", this.deepLinkUrl);
     window.navigator.share({
       title: "Help Connect Me",
       text: "I'm trying to find the people who recorded this. Can you help me?",

src/components/ImageMethodDialog.vue

@@ -132,7 +132,7 @@
                   v-if="shouldMirrorVideo"
                   class="absolute top-2 left-2 bg-black/50 text-white px-2 py-1 rounded text-xs"
                 >
-                  <font-awesome icon="mirror" class="w-[1em] mr-1" />
+                  <font-awesome icon="circle-user" class="w-[1em] mr-1" />
                   Mirrored
                 </div>
                 <div :class="cameraControlsClasses">
@@ -293,7 +293,7 @@ const inputImageFileNameRef = ref<Blob>();
 export default class ImageMethodDialog extends Vue {
   $notify!: NotifyFunction;
   $router!: Router;
-  notify = createNotifyHelpers(this.$notify);
+  notify!: ReturnType<typeof createNotifyHelpers>;
 
   /** Active DID for user authentication */
   activeDid = "";
@@ -498,9 +498,14 @@ export default class ImageMethodDialog extends Vue {
    * @throws {Error} When settings retrieval fails
    */
   async mounted() {
+    // Initialize notification helpers
+    this.notify = createNotifyHelpers(this.$notify);
+
     try {
-      const settings = await this.$accountSettings();
-      this.activeDid = settings.activeDid || "";
+      // Get activeDid from active_identity table (single source of truth)
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const activeIdentity = await (this as any).$getActiveIdentity();
+      this.activeDid = activeIdentity.activeDid || "";
     } catch (error) {
       logger.error("Error retrieving settings from database:", error);
       this.notify.error(

src/components/MembersList.vue

@@ -11,7 +11,7 @@
     <!-- Members List -->
 
     <div v-else>
-      <div class="text-center text-red-600 py-4">
+      <div class="text-center text-red-600 my-4">
         {{ decryptionErrorMessage() }}
       </div>
 
@@ -23,97 +23,94 @@
         to set it.
       </div>
 
-      <div>
-        <span
+      <ul class="list-disc text-sm ps-4 space-y-2 mb-4">
+        <li
           v-if="membersToShow().length > 0 && showOrganizerTools && isOrganizer"
-          class="inline-flex items-center flex-wrap"
         >
-          <span class="inline-flex items-center">
-            &bull; Click
-            <span
-              class="mx-2 min-w-[24px] min-h-[24px] w-6 h-6 flex items-center justify-center rounded-full bg-blue-100 text-blue-600"
-            >
-              <font-awesome icon="plus" class="text-sm" />
-            </span>
-            /
-            <span
-              class="mx-2 min-w-[24px] min-h-[24px] w-6 h-6 flex items-center justify-center rounded-full bg-blue-100 text-blue-600"
-            >
-              <font-awesome icon="minus" class="text-sm" />
-            </span>
-            to add/remove them to/from the meeting.
-          </span>
-        </span>
-      </div>
-      <div>
-        <span
-          v-if="membersToShow().length > 0"
-          class="inline-flex items-center"
-        >
-          &bull; Click
+          Click
           <span
-            class="mx-2 w-8 h-8 flex items-center justify-center rounded-full bg-green-100 text-green-600"
+            class="inline-block w-5 h-5 rounded-full bg-blue-100 text-blue-600 text-center"
           >
-            <font-awesome icon="circle-user" class="text-xl" />
+            <font-awesome icon="plus" class="text-sm" />
+          </span>
+          /
+          <span
+            class="inline-block w-5 h-5 rounded-full bg-blue-100 text-blue-600 text-center"
+          >
+            <font-awesome icon="minus" class="text-sm" />
+          </span>
+          to add/remove them to/from the meeting.
+        </li>
+        <li v-if="membersToShow().length > 0">
+          Click
+          <span
+            class="inline-block w-5 h-5 rounded-full bg-green-100 text-green-600 text-center"
+          >
+            <font-awesome icon="circle-user" class="text-sm" />
           </span>
           to add them to your contacts.
-        </span>
-      </div>
+        </li>
+      </ul>
 
-      <div class="flex justify-center">
+      <div class="flex justify-between">
         <!-- 
         always have at least one refresh button even without members in case the organizer 
          changes the password 
          -->
         <button
-          class="btn-action-refresh"
-          title="Refresh members list"
-          @click="fetchMembers"
+          class="text-sm bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 rounded-md"
+          title="Refresh members list now"
+          @click="manualRefresh"
         >
           <font-awesome icon="rotate" :class="{ 'fa-spin': isLoading }" />
+          Refresh
+          <span class="text-xs">({{ countdownTimer }}s)</span>
         </button>
       </div>
-      <div
-        v-for="member in membersToShow()"
-        :key="member.member.memberId"
-        class="mt-2 p-4 bg-gray-50 rounded-lg"
+      <ul
+        v-if="membersToShow().length > 0"
+        class="border-t border-slate-300 my-2"
       >
-        <div class="flex items-center justify-between">
-          <div class="flex items-center">
-            <h3 class="text-lg font-medium">
-              {{ member.name || unnamedMember }}
-            </h3>
-            <div
-              v-if="!getContactFor(member.did) && member.did !== activeDid"
-              class="flex justify-end"
-            >
-              <button
-                class="btn-add-contact"
-                title="Add as contact"
-                @click="addAsContact(member)"
+        <li
+          v-for="member in membersToShow()"
+          :key="member.member.memberId"
+          class="border-b border-slate-300 py-1.5"
+        >
+          <div class="flex items-center gap-2 justify-between">
+            <div class="flex items-center gap-1 overflow-hidden">
+              <h3 class="font-semibold truncate">
+                {{ member.name || unnamedMember }}
+              </h3>
+              <div
+                v-if="!getContactFor(member.did) && member.did !== activeDid"
+                class="flex items-center gap-1"
               >
-                <font-awesome icon="circle-user" class="text-xl" />
-              </button>
+                <button
+                  class="btn-add-contact"
+                  title="Add as contact"
+                  @click="addAsContact(member)"
+                >
+                  <font-awesome icon="circle-user" />
+                </button>
+
+                <button
+                  class="btn-info-contact"
+                  title="Contact Info"
+                  @click="
+                    informAboutAddingContact(
+                      getContactFor(member.did) !== undefined,
+                    )
+                  "
+                >
+                  <font-awesome icon="circle-info" class="text-sm" />
+                </button>
+              </div>
             </div>
-            <button
-              v-if="member.did !== activeDid"
-              class="btn-info-contact"
-              title="Contact info"
-              @click="
-                informAboutAddingContact(
-                  getContactFor(member.did) !== undefined,
-                )
-              "
-            >
-              <font-awesome icon="circle-info" class="text-base" />
-            </button>
-          </div>
-          <div class="flex">
             <span
               v-if="
                 showOrganizerTools && isOrganizer && member.did !== activeDid
               "
-              class="flex items-center"
+              class="flex items-center gap-1"
             >
               <button
                 class="btn-admission"
@@ -124,30 +121,37 @@
               >
                 <font-awesome
                   :icon="member.member.admitted ? 'minus' : 'plus'"
-                  class="text-sm"
                 />
               </button>
+
               <button
                 class="btn-info-admission"
-                title="Admission info"
+                title="Admission Info"
                 @click="informAboutAdmission()"
               >
-                <font-awesome icon="circle-info" class="text-base" />
+                <font-awesome icon="circle-info" class="text-sm" />
               </button>
             </span>
           </div>
-        </div>
-        <p class="text-sm text-gray-600 truncate">
-          {{ member.did }}
-        </p>
-      </div>
-      <div v-if="membersToShow().length > 0" class="flex justify-center mt-4">
+          <p class="text-xs text-gray-600 truncate">
+            {{ member.did }}
+          </p>
+        </li>
+      </ul>
+
+      <div v-if="membersToShow().length > 0" class="flex justify-between">
+        <!-- 
+        always have at least one refresh button even without members in case the organizer 
+         changes the password 
+         -->
         <button
-          class="btn-action-refresh"
-          title="Refresh members list"
-          @click="fetchMembers"
+          class="text-sm bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 rounded-md"
+          title="Refresh members list now"
+          @click="manualRefresh"
         >
           <font-awesome icon="rotate" :class="{ 'fa-spin': isLoading }" />
+          Refresh
+          <span class="text-xs">({{ countdownTimer }}s)</span>
         </button>
       </div>
 
@@ -156,6 +160,15 @@
       </p>
     </div>
   </div>
+
+  <!-- Set Visibility Dialog Component -->
+  <SetBulkVisibilityDialog
+    :visible="showSetVisibilityDialog"
+    :members-data="visibilityDialogMembers"
+    :active-did="activeDid"
+    :api-server="apiServer"
+    @close="closeSetVisibilityDialog"
+  />
 </template>
 
 <script lang="ts">
@@ -178,6 +191,7 @@ import {
   NOTIFY_CONTINUE_WITHOUT_ADDING,
 } from "@/constants/notifications";
 import { SOMEONE_UNNAMED } from "@/constants/entities";
+import SetBulkVisibilityDialog from "./SetBulkVisibilityDialog.vue";
 
 interface Member {
   admitted: boolean;
@@ -193,6 +207,9 @@ interface DecryptedMember {
 }
 
 @Component({
+  components: {
+    SetBulkVisibilityDialog,
+  },
   mixins: [PlatformServiceMixin],
 })
 export default class MembersList extends Vue {
@@ -219,8 +236,25 @@ export default class MembersList extends Vue {
   missingMyself = false;
   activeDid = "";
   apiServer = "";
+
+  // Set Visibility Dialog state
+  showSetVisibilityDialog = false;
+  visibilityDialogMembers: Array<{
+    did: string;
+    name: string;
+    isContact: boolean;
+    member: { memberId: string };
+  }> = [];
   contacts: Array<Contact> = [];
 
+  // Auto-refresh functionality
+  countdownTimer = 10;
+  autoRefreshInterval: NodeJS.Timeout | null = null;
+  lastRefreshTime = 0;
+
+  // Track previous visibility members to detect changes
+  previousVisibilityMembers: string[] = [];
+
   /**
    * Get the unnamed member constant
    */
@@ -232,11 +266,31 @@ export default class MembersList extends Vue {
     this.notify = createNotifyHelpers(this.$notify);
 
     const settings = await this.$accountSettings();
-    this.activeDid = settings.activeDid || "";
+
+    // Get activeDid from active_identity table (single source of truth)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const activeIdentity = await (this as any).$getActiveIdentity();
+    this.activeDid = activeIdentity.activeDid || "";
+
     this.apiServer = settings.apiServer || "";
     this.firstName = settings.firstName || "";
     await this.fetchMembers();
     await this.loadContacts();
+
+    // Start auto-refresh
+    this.startAutoRefresh();
+
+    // Check if we should show the visibility dialog on initial load
+    this.checkAndShowVisibilityDialog();
+  }
+
+  async refreshData() {
+    // Force refresh both contacts and members
+    await this.loadContacts();
+    await this.fetchMembers();
+
+    // Check if we should show the visibility dialog after refresh
+    this.checkAndShowVisibilityDialog();
   }
 
   async fetchMembers() {
@@ -339,7 +393,7 @@ export default class MembersList extends Vue {
 
   informAboutAdmission() {
     this.notify.info(
-      "This is to register people in Time Safari and to admit them to the meeting. A '+' symbol means they are not yet admitted and you can register and admit them. A '-' means you can remove them, but they will stay registered.",
+      "This is to register people in Time Safari and to admit them to the meeting. A (+) symbol means they are not yet admitted and you can register and admit them. A (-) symbol means you can remove them, but they will stay registered.",
       TIMEOUTS.VERY_LONG,
     );
   }
@@ -366,6 +420,80 @@ export default class MembersList extends Vue {
     return this.contacts.find((contact) => contact.did === did);
   }
 
+  getMembersForVisibility() {
+    return this.decryptedMembers
+      .filter((member) => {
+        // Exclude the current user
+        if (member.did === this.activeDid) {
+          return false;
+        }
+
+        const contact = this.getContactFor(member.did);
+
+        // Include members who:
+        // 1. Haven't been added as contacts yet, OR
+        // 2. Are contacts but don't have visibility set (seesMe property)
+        return !contact || !contact.seesMe;
+      })
+      .map((member) => ({
+        did: member.did,
+        name: member.name,
+        isContact: !!this.getContactFor(member.did),
+        member: {
+          memberId: member.member.memberId.toString(),
+        },
+      }));
+  }
+
+  /**
+   * Check if we should show the visibility dialog
+   * Returns true if there are members for visibility and either:
+   * - This is the first time (no previous members tracked), OR
+   * - New members have been added since last check (not removed)
+   */
+  shouldShowVisibilityDialog(): boolean {
+    const currentMembers = this.getMembersForVisibility();
+
+    if (currentMembers.length === 0) {
+      return false;
+    }
+
+    // If no previous members tracked, show dialog
+    if (this.previousVisibilityMembers.length === 0) {
+      return true;
+    }
+
+    // Check if new members have been added (not just any change)
+    const currentMemberIds = currentMembers.map((m) => m.did);
+    const previousMemberIds = this.previousVisibilityMembers;
+
+    // Find new members (members in current but not in previous)
+    const newMembers = currentMemberIds.filter(
+      (id) => !previousMemberIds.includes(id),
+    );
+
+    // Only show dialog if there are new members added
+    return newMembers.length > 0;
+  }
+
+  /**
+   * Update the tracking of previous visibility members
+   */
+  updatePreviousVisibilityMembers() {
+    const currentMembers = this.getMembersForVisibility();
+    this.previousVisibilityMembers = currentMembers.map((m) => m.did);
+  }
+
+  /**
+   * Show the visibility dialog if conditions are met
+   */
+  checkAndShowVisibilityDialog() {
+    if (this.shouldShowVisibilityDialog()) {
+      this.showSetBulkVisibilityDialog();
+    }
+    this.updatePreviousVisibilityMembers();
+  }
+
   checkWhetherContactBeforeAdmitting(decrMember: DecryptedMember) {
     const contact = this.getContactFor(decrMember.did);
     if (!decrMember.member.admitted && !contact) {
@@ -503,6 +631,79 @@ export default class MembersList extends Vue {
       this.notify.error(message, TIMEOUTS.LONG);
     }
   }
+
+  showSetBulkVisibilityDialog() {
+    // Filter members to show only those who need visibility set
+    const membersForVisibility = this.getMembersForVisibility();
+
+    // Pause auto-refresh when dialog opens
+    this.stopAutoRefresh();
+
+    // Open the dialog directly
+    this.visibilityDialogMembers = membersForVisibility;
+    this.showSetVisibilityDialog = true;
+  }
+
+  startAutoRefresh() {
+    this.lastRefreshTime = Date.now();
+    this.countdownTimer = 10;
+
+    this.autoRefreshInterval = setInterval(() => {
+      const now = Date.now();
+      const timeSinceLastRefresh = (now - this.lastRefreshTime) / 1000;
+
+      if (timeSinceLastRefresh >= 10) {
+        // Time to refresh
+        this.refreshData();
+        this.lastRefreshTime = now;
+        this.countdownTimer = 10;
+      } else {
+        // Update countdown
+        this.countdownTimer = Math.max(
+          0,
+          Math.round(10 - timeSinceLastRefresh),
+        );
+      }
+    }, 1000); // Update every second
+  }
+
+  stopAutoRefresh() {
+    if (this.autoRefreshInterval) {
+      clearInterval(this.autoRefreshInterval);
+      this.autoRefreshInterval = null;
+    }
+  }
+
+  manualRefresh() {
+    // Clear existing auto-refresh interval
+    if (this.autoRefreshInterval) {
+      clearInterval(this.autoRefreshInterval);
+      this.autoRefreshInterval = null;
+    }
+
+    // Trigger immediate refresh and restart timer
+    this.refreshData();
+    this.startAutoRefresh();
+
+    // Always show dialog on manual refresh if there are members for visibility
+    if (this.getMembersForVisibility().length > 0) {
+      this.showSetBulkVisibilityDialog();
+    }
+  }
+
+  // Set Visibility Dialog methods
+  closeSetVisibilityDialog() {
+    this.showSetVisibilityDialog = false;
+    this.visibilityDialogMembers = [];
+    // Refresh data when dialog is closed
+    this.refreshData();
+    // Resume auto-refresh when dialog is closed
+    this.startAutoRefresh();
+  }
+
+  beforeDestroy() {
+    this.stopAutoRefresh();
+  }
 }
 </script>
 
@@ -517,29 +718,23 @@ export default class MembersList extends Vue {
 
 .btn-add-contact {
   /* stylelint-disable-next-line at-rule-no-unknown */
-  @apply ml-2 w-8 h-8 flex items-center justify-center rounded-full 
+  @apply w-6 h-6 flex items-center justify-center rounded-full 
     bg-green-100 text-green-600 hover:bg-green-200 hover:text-green-800 
     transition-colors;
 }
 
-.btn-info-contact {
+.btn-info-contact,
+.btn-info-admission {
   /* stylelint-disable-next-line at-rule-no-unknown */
-  @apply ml-2 mb-2 w-6 h-6 flex items-center justify-center rounded-full 
-    bg-slate-100 text-slate-500 hover:bg-slate-200 hover:text-slate-800 
+  @apply w-6 h-6 flex items-center justify-center rounded-full 
+    bg-slate-100 text-slate-400 hover:text-slate-600 
     transition-colors;
 }
 
 .btn-admission {
   /* stylelint-disable-next-line at-rule-no-unknown */
-  @apply mr-2 w-6 h-6 flex items-center justify-center rounded-full 
+  @apply w-6 h-6 flex items-center justify-center rounded-full 
     bg-blue-100 text-blue-600 hover:bg-blue-200 hover:text-blue-800 
     transition-colors;
 }
-
-.btn-info-admission {
-  /* stylelint-disable-next-line at-rule-no-unknown */
-  @apply mr-2 mb-2 w-6 h-6 flex items-center justify-center rounded-full 
-    bg-slate-100 text-slate-500 hover:bg-slate-200 hover:text-slate-800 
-    transition-colors;
-}
 </style>

src/components/OfferDialog.vue

@@ -64,6 +64,7 @@ import * as libsUtil from "../libs/util";
 import { logger } from "../utils/logger";
 import { PlatformServiceMixin } from "@/utils/PlatformServiceMixin";
 import { createNotifyHelpers, TIMEOUTS } from "@/utils/notify";
+import { showSeedPhraseReminder } from "@/utils/seedPhraseReminder";
 import {
   NOTIFY_OFFER_SETTINGS_ERROR,
   NOTIFY_OFFER_RECORDING,
@@ -175,7 +176,11 @@ export default class OfferDialog extends Vue {
 
       const settings = await this.$accountSettings();
       this.apiServer = settings.apiServer || "";
-      this.activeDid = settings.activeDid || "";
+
+      // Get activeDid from active_identity table (single source of truth)
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const activeIdentity = await (this as any).$getActiveIdentity();
+      this.activeDid = activeIdentity.activeDid || "";
 
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (err: any) {
@@ -299,6 +304,14 @@ export default class OfferDialog extends Vue {
         );
       } else {
         this.notify.success(NOTIFY_OFFER_SUCCESS.message, TIMEOUTS.VERY_LONG);
+
+        // Show seed phrase backup reminder if needed
+        try {
+          const settings = await this.$accountSettings();
+          showSeedPhraseReminder(!!settings.hasBackedUpSeed, this.$notify);
+        } catch (error) {
+          logger.error("Error checking seed backup status:", error);
+        }
       }
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {

src/components/OnboardingDialog.vue

@@ -270,7 +270,12 @@ export default class OnboardingDialog extends Vue {
   async open(page: OnboardPage) {
     this.page = page;
     const settings = await this.$accountSettings();
-    this.activeDid = settings.activeDid || "";
+
+    // Get activeDid from active_identity table (single source of truth)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const activeIdentity = await (this as any).$getActiveIdentity();
+    this.activeDid = activeIdentity.activeDid || "";
+
     this.isRegistered = !!settings.isRegistered;
 
     const contacts = await this.$getAllContacts();

src/components/PhotoDialog.vue

@@ -268,7 +268,12 @@ export default class PhotoDialog extends Vue {
     // logger.log("PhotoDialog mounted");
     try {
       const settings = await this.$accountSettings();
-      this.activeDid = settings.activeDid || "";
+
+      // Get activeDid from active_identity table (single source of truth)
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const activeIdentity = await (this as any).$getActiveIdentity();
+      this.activeDid = activeIdentity.activeDid || "";
+
       this.isRegistered = !!settings.isRegistered;
       logger.log("isRegistered:", this.isRegistered);
     } catch (error: unknown) {

src/components/SetBulkVisibilityDialog.vue

@@ -0,0 +1,333 @@
+<template>
+  <div v-if="visible" class="dialog-overlay">
+    <div class="dialog">
+      <div class="text-slate-900 text-center">
+        <h3 class="text-lg font-semibold leading-[1.25] mb-2">
+          Set Visibility to Meeting Members
+        </h3>
+        <p class="text-sm mb-4">
+          Would you like to <b>make your activities visible</b> to the following
+          members? (This will also add them as contacts if they aren't already.)
+        </p>
+
+        <!-- Custom table area - you can customize this -->
+        <div v-if="shouldInitializeSelection" class="mb-4">
+          <table
+            class="w-full border-collapse border border-slate-300 text-sm text-start"
+          >
+            <thead v-if="membersData && membersData.length > 0">
+              <tr class="bg-slate-100 font-medium">
+                <th class="border border-slate-300 px-3 py-2">
+                  <label class="flex items-center gap-2">
+                    <input
+                      type="checkbox"
+                      :checked="isAllSelected"
+                      :indeterminate="isIndeterminate"
+                      @change="toggleSelectAll"
+                    />
+                    Select All
+                  </label>
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <!-- Dynamic data from MembersList -->
+              <tr v-if="!membersData || membersData.length === 0">
+                <td
+                  class="border border-slate-300 px-3 py-2 text-center italic text-gray-500"
+                >
+                  No members need visibility settings
+                </td>
+              </tr>
+              <tr
+                v-for="member in membersData || []"
+                :key="member.member.memberId"
+              >
+                <td class="border border-slate-300 px-3 py-2">
+                  <div class="flex items-center justify-between gap-2">
+                    <label class="flex items-center gap-2">
+                      <input
+                        type="checkbox"
+                        :checked="isMemberSelected(member.did)"
+                        @change="toggleMemberSelection(member.did)"
+                      />
+                      {{ member.name || SOMEONE_UNNAMED }}
+                    </label>
+
+                    <!-- Friend indicator - only show if they are already a contact -->
+                    <font-awesome
+                      v-if="member.isContact"
+                      icon="user-circle"
+                      class="fa-fw ms-auto text-slate-400 cursor-pointer hover:text-slate-600"
+                      @click="showContactInfo"
+                    />
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <div class="space-y-2">
+          <button
+            v-if="membersData && membersData.length > 0"
+            :disabled="!hasSelectedMembers"
+            :class="[
+              'block w-full text-center text-md font-bold uppercase px-2 py-2 rounded-md',
+              hasSelectedMembers
+                ? 'bg-blue-600 text-white cursor-pointer'
+                : 'bg-slate-400 text-slate-200 cursor-not-allowed',
+            ]"
+            @click="setVisibilityForSelectedMembers"
+          >
+            Set Visibility
+          </button>
+          <button
+            class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md"
+            @click="cancel"
+          >
+            {{
+              membersData && membersData.length > 0 ? "Maybe Later" : "Cancel"
+            }}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop } from "vue-facing-decorator";
+
+import { PlatformServiceMixin } from "@/utils/PlatformServiceMixin";
+import { SOMEONE_UNNAMED } from "@/constants/entities";
+import { setVisibilityUtil } from "@/libs/endorserServer";
+import { createNotifyHelpers } from "@/utils/notify";
+
+interface MemberData {
+  did: string;
+  name: string;
+  isContact: boolean;
+  member: {
+    memberId: string;
+  };
+}
+
+@Component({
+  mixins: [PlatformServiceMixin],
+})
+export default class SetBulkVisibilityDialog extends Vue {
+  @Prop({ default: false }) visible!: boolean;
+  @Prop({ default: () => [] }) membersData!: MemberData[];
+  @Prop({ default: "" }) activeDid!: string;
+  @Prop({ default: "" }) apiServer!: string;
+
+  // Vue notification system
+  $notify!: (
+    notification: { group: string; type: string; title: string; text: string },
+    timeout?: number,
+  ) => void;
+
+  // Notification system
+  notify!: ReturnType<typeof createNotifyHelpers>;
+
+  // Component state
+  selectedMembers: string[] = [];
+  selectionInitialized = false;
+
+  // Constants
+  // In Vue templates, imported constants need to be explicitly made available to the template
+  readonly SOMEONE_UNNAMED = SOMEONE_UNNAMED;
+
+  get hasSelectedMembers() {
+    return this.selectedMembers.length > 0;
+  }
+
+  get isAllSelected() {
+    if (!this.membersData || this.membersData.length === 0) return false;
+    return this.membersData.every((member) =>
+      this.selectedMembers.includes(member.did),
+    );
+  }
+
+  get isIndeterminate() {
+    if (!this.membersData || this.membersData.length === 0) return false;
+    const selectedCount = this.membersData.filter((member) =>
+      this.selectedMembers.includes(member.did),
+    ).length;
+    return selectedCount > 0 && selectedCount < this.membersData.length;
+  }
+
+  get shouldInitializeSelection() {
+    // This method will initialize selection when the dialog opens
+    if (!this.selectionInitialized) {
+      this.initializeSelection();
+      this.selectionInitialized = true;
+    }
+    return true;
+  }
+
+  created() {
+    this.notify = createNotifyHelpers(this.$notify);
+  }
+
+  initializeSelection() {
+    // Reset selection when dialog opens
+    this.selectedMembers = [];
+    // Select all by default
+    this.selectedMembers = this.membersData.map((member) => member.did);
+  }
+
+  resetSelection() {
+    this.selectedMembers = [];
+    this.selectionInitialized = false;
+  }
+
+  toggleSelectAll() {
+    if (!this.membersData || this.membersData.length === 0) return;
+
+    if (this.isAllSelected) {
+      // Deselect all
+      this.selectedMembers = [];
+    } else {
+      // Select all
+      this.selectedMembers = this.membersData.map((member) => member.did);
+    }
+  }
+
+  toggleMemberSelection(memberDid: string) {
+    const index = this.selectedMembers.indexOf(memberDid);
+    if (index > -1) {
+      this.selectedMembers.splice(index, 1);
+    } else {
+      this.selectedMembers.push(memberDid);
+    }
+  }
+
+  isMemberSelected(memberDid: string) {
+    return this.selectedMembers.includes(memberDid);
+  }
+
+  async setVisibilityForSelectedMembers() {
+    try {
+      const selectedMembers = this.membersData.filter((member) =>
+        this.selectedMembers.includes(member.did),
+      );
+
+      let successCount = 0;
+
+      for (const member of selectedMembers) {
+        try {
+          // If they're not a contact yet, add them as a contact first
+          if (!member.isContact) {
+            await this.addAsContact(member);
+          }
+
+          // Set their seesMe to true
+          await this.updateContactVisibility(member.did, true);
+
+          successCount++;
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error(`Error processing member ${member.did}:`, error);
+          // Continue with other members even if one fails
+        }
+      }
+
+      // Show success notification
+      this.$notify(
+        {
+          group: "alert",
+          type: "success",
+          title: "Visibility Set Successfully",
+          text: `Visibility set for ${successCount} member${successCount === 1 ? "" : "s"}.`,
+        },
+        5000,
+      );
+
+      // Emit success event
+      this.$emit("success", successCount);
+      this.close();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error("Error setting visibility:", error);
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: "Failed to set visibility for some members. Please try again.",
+        },
+        5000,
+      );
+    }
+  }
+
+  async addAsContact(member: { did: string; name: string }) {
+    try {
+      const newContact = {
+        did: member.did,
+        name: member.name,
+      };
+
+      await this.$insertContact(newContact);
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.error("Error adding contact:", err);
+      if (err instanceof Error && err.message?.indexOf("already exists") > -1) {
+        // Contact already exists, continue
+      } else {
+        throw err; // Re-throw if it's not a duplicate error
+      }
+    }
+  }
+
+  async updateContactVisibility(did: string, seesMe: boolean) {
+    try {
+      // Get the contact object
+      const contact = await this.$getContact(did);
+      if (!contact) {
+        throw new Error(`Contact not found for DID: ${did}`);
+      }
+
+      // Use the proper API to set visibility on the server
+      const result = await setVisibilityUtil(
+        this.activeDid,
+        this.apiServer,
+        this.axios,
+        contact,
+        seesMe,
+      );
+
+      if (!result.success) {
+        throw new Error(result.error || "Failed to set visibility");
+      }
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.error("Error updating contact visibility:", err);
+      throw err;
+    }
+  }
+
+  showContactInfo() {
+    this.$notify(
+      {
+        group: "alert",
+        type: "info",
+        title: "Contact Info",
+        text: "This user is already your contact, but your activities are not visible to them yet.",
+      },
+      5000,
+    );
+  }
+
+  close() {
+    this.resetSelection();
+    this.$emit("close");
+  }
+
+  cancel() {
+    this.close();
+  }
+}
+</script>

src/components/TopMessage.vue

@@ -1,16 +1,9 @@
 <template>
   <div
-    class="absolute right-5 top-[max(0.75rem,env(safe-area-inset-top),var(--safe-area-inset-top,0px))]"
+    v-if="message"
+    class="-mt-6 bg-rose-100 border border-t-0 border-dashed border-rose-600 text-rose-900 text-sm text-center font-semibold rounded-b-md px-3 py-2 mb-3"
   >
-    <span class="align-center text-red-500 mr-2">{{ message }}</span>
-    <span class="ml-2">
-      <router-link
-        :to="{ name: 'help' }"
-        class="text-xs uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 rounded-md ml-1"
-      >
-        Help
-      </router-link>
-    </span>
+    {{ message }}
   </div>
 </template>
 
@@ -27,8 +20,8 @@ import { logger } from "../utils/logger";
 })
 export default class TopMessage extends Vue {
   // Enhanced PlatformServiceMixin v4.0 provides:
-  // - Cached database operations: this.$contacts(), this.$settings(), this.$accountSettings()
-  // - Settings shortcuts: this.$saveSettings(), this.$saveMySettings()
+  // - Cached database operations: this.$contacts(), this.$accountSettings()
+  // - Settings shortcuts: this.$saveSettings()
   // - Cache management: this.$refreshSettings(), this.$clearAllCaches()
   // - Ultra-concise database methods: this.$db(), this.$exec(), this.$query()
   // - All methods use smart caching with TTL for massive performance gains
@@ -49,8 +42,11 @@ export default class TopMessage extends Vue {
       logger.debug("[TopMessage] 📥 Loading settings without overrides...");
       const settings = await this.$accountSettings();
 
+      // Get activeDid from new active_identity table (ActiveDid migration)
+      const activeIdentity = await this.$getActiveIdentity();
+
       logger.debug("[TopMessage] 📊 Settings loaded:", {
-        activeDid: settings.activeDid,
+        activeDid: activeIdentity.activeDid,
         apiServer: settings.apiServer,
         warnIfTestServer: settings.warnIfTestServer,
         warnIfProdServer: settings.warnIfProdServer,
@@ -64,7 +60,7 @@ export default class TopMessage extends Vue {
         settings.apiServer &&
         settings.apiServer !== AppString.PROD_ENDORSER_API_SERVER
       ) {
-        const didPrefix = settings.activeDid?.slice(11, 15);
+        const didPrefix = activeIdentity.activeDid?.slice(11, 15);
         this.message = "You're not using prod, user " + didPrefix;
         logger.debug("[TopMessage] ⚠️ Test server warning displayed:", {
           apiServer: settings.apiServer,
@@ -75,7 +71,7 @@ export default class TopMessage extends Vue {
         settings.apiServer &&
         settings.apiServer === AppString.PROD_ENDORSER_API_SERVER
       ) {
-        const didPrefix = settings.activeDid?.slice(11, 15);
+        const didPrefix = activeIdentity.activeDid?.slice(11, 15);
         this.message = "You are using prod, user " + didPrefix;
         logger.debug("[TopMessage] ⚠️ Production server warning displayed:", {
           apiServer: settings.apiServer,

src/components/UsageLimitsSection.vue

@@ -8,7 +8,7 @@
     <!-- show spinner if loading limits -->
     <div
       v-if="loadingLimits"
-      class="text-center"
+      class="text-slate-500 text-center italic mb-4"
       role="status"
       aria-live="polite"
     >
@@ -19,7 +19,10 @@
         aria-hidden="true"
       ></font-awesome>
     </div>
-    <div class="mb-4 text-center">
+    <div
+      v-if="limitsMessage"
+      class="bg-amber-200 text-amber-900 border-amber-500 border-dashed border text-center rounded-md overflow-hidden px-4 py-3 mb-4"
+    >
       {{ limitsMessage }}
     </div>
     <div v-if="endorserLimits">

src/components/UserNameDialog.vue

@@ -84,7 +84,6 @@ export default class UserNameDialog extends Vue {
    */
   async open(aCallback?: (name?: string) => void) {
     this.callback = aCallback || this.callback;
-    // Load from account-specific settings instead of master settings
     const settings = await this.$accountSettings();
     this.givenName = settings.firstName || "";
     this.visible = true;
@@ -96,9 +95,9 @@ export default class UserNameDialog extends Vue {
    */
   async onClickSaveChanges() {
     try {
-      // Get the current active DID to save to user-specific settings
-      const settings = await this.$accountSettings();
-      const activeDid = settings.activeDid;
+      // Get activeDid from new active_identity table (ActiveDid migration)
+      const activeIdentity = await this.$getActiveIdentity();
+      const activeDid = activeIdentity.activeDid;
 
       if (activeDid) {
         // Save to user-specific settings for the current identity

src/constants/accountView.ts

@@ -86,7 +86,7 @@ export const ACCOUNT_VIEW_CONSTANTS = {
     CANNOT_UPLOAD_IMAGES: "You cannot upload images.",
     BAD_SERVER_RESPONSE: "Bad server response.",
     ERROR_RETRIEVING_LIMITS:
-      "No limits were found, so no actions are allowed. You will need to get registered.",
+      "No limits were found, so no actions are allowed. You need to get registered.",
   },
 
   // Project assignment errors

src/constants/app.ts

@@ -59,7 +59,7 @@ export const PASSKEYS_ENABLED =
 export interface NotificationIface {
   group: string; // "alert" | "modal"
   type: string; // "toast" | "info" | "success" | "warning" | "danger"
-  title: string;
+  title?: string;
   text?: string;
   callback?: (success: boolean) => Promise<void>; // if this triggered an action
   noText?: string;
@@ -68,4 +68,11 @@ export interface NotificationIface {
   onYes?: () => Promise<void>;
   promptToStopAsking?: boolean;
   yesText?: string;
+  membersData?: Array<{
+    member: { admitted: boolean; content: string; memberId: number };
+    name: string;
+    did: string;
+    isContact: boolean;
+    contact?: { did: string; name?: string; seesMe?: boolean };
+  }>; // For passing member data to visibility dialog
 }

src/db-sql/migration.ts

@@ -4,6 +4,7 @@ import {
 } from "../services/migrationService";
 import { DEFAULT_ENDORSER_API_SERVER } from "@/constants/app";
 import { arrayBufferToBase64 } from "@/libs/crypto";
+import { logger } from "@/utils/logger";
 
 // Generate a random secret for the secret table
 
@@ -28,7 +29,61 @@ import { arrayBufferToBase64 } from "@/libs/crypto";
 // where they couldn't take action because they couldn't unlock that identity.)
 
 const randomBytes = crypto.getRandomValues(new Uint8Array(32));
-const secretBase64 = arrayBufferToBase64(randomBytes);
+const secretBase64 = arrayBufferToBase64(randomBytes.buffer);
+
+// Single source of truth for migration 004 SQL
+const MIG_004_SQL = `
+  -- Migration 004: active_identity_management (CONSOLIDATED)
+  -- Combines original migrations 004, 005, and 006 into single atomic operation
+  -- CRITICAL SECURITY: Uses ON DELETE RESTRICT constraint from the start
+  -- Assumes master code deployed with migration 003 (hasBackedUpSeed)
+  
+  -- Enable foreign key constraints for data integrity
+  PRAGMA foreign_keys = ON;
+  
+  -- Add UNIQUE constraint to accounts.did for foreign key support
+  CREATE UNIQUE INDEX IF NOT EXISTS idx_accounts_did_unique ON accounts(did);
+  
+  -- Create active_identity table with SECURE constraint (ON DELETE RESTRICT)
+  -- This prevents accidental account deletion - critical security feature
+  CREATE TABLE IF NOT EXISTS active_identity (
+    id INTEGER PRIMARY KEY CHECK (id = 1),
+    activeDid TEXT REFERENCES accounts(did) ON DELETE RESTRICT,
+    lastUpdated TEXT NOT NULL DEFAULT (datetime('now'))
+  );
+
+  -- Add performance indexes
+  CREATE UNIQUE INDEX IF NOT EXISTS idx_active_identity_single_record ON active_identity(id);
+
+  -- Seed singleton row (only if not already exists)
+  INSERT INTO active_identity (id, activeDid, lastUpdated) 
+  SELECT 1, NULL, datetime('now') 
+  WHERE NOT EXISTS (SELECT 1 FROM active_identity WHERE id = 1);
+  
+  -- MIGRATE EXISTING DATA: Copy activeDid from settings to active_identity
+  -- This prevents data loss when migration runs on existing databases
+  UPDATE active_identity 
+  SET activeDid = (SELECT activeDid FROM settings WHERE id = 1), 
+      lastUpdated = datetime('now')
+  WHERE id = 1 
+  AND EXISTS (SELECT 1 FROM settings WHERE id = 1 AND activeDid IS NOT NULL AND activeDid != '');
+  
+  -- Copy important settings that were set in the MASTER_SETTINGS_KEY to the main identity.
+  -- (We're not doing them all because some were already identity-specific and others aren't as critical.)
+  UPDATE settings
+  SET lastViewedClaimId = (SELECT lastViewedClaimId FROM settings WHERE id = 1),
+      profileImageUrl = (SELECT profileImageUrl FROM settings WHERE id = 1),
+      showShortcutBvc = (SELECT showShortcutBvc FROM settings WHERE id = 1),
+      warnIfProdServer = (SELECT warnIfProdServer FROM settings WHERE id = 1),
+      warnIfTestServer = (SELECT warnIfTestServer FROM settings WHERE id = 1)
+  WHERE id = 2;
+
+  -- CLEANUP: Remove orphaned settings records and clear legacy activeDid values
+  -- which usually simply deletes the MASTER_SETTINGS_KEY record.
+  -- This completes the migration from settings-based to table-based active identity
+  DELETE FROM settings WHERE accountDid IS NULL;
+  UPDATE settings SET activeDid = NULL;
+`;
 
 // Each migration can include multiple SQL statements (with semicolons)
 const MIGRATIONS = [
@@ -124,8 +179,52 @@ const MIGRATIONS = [
       ALTER TABLE contacts ADD COLUMN iViewContent BOOLEAN DEFAULT TRUE;
     `,
   },
+  {
+    name: "003_add_hasBackedUpSeed_to_settings",
+    sql: `
+      -- Add hasBackedUpSeed field to settings
+      -- This migration assumes master code has been deployed
+      -- The error handling will catch this if column already exists and mark migration as applied
+      ALTER TABLE settings ADD COLUMN hasBackedUpSeed BOOLEAN DEFAULT FALSE;
+    `,
+  },
+  {
+    name: "004_active_identity_management",
+    sql: MIG_004_SQL,
+  },
+  {
+    name: "005_add_starredPlanHandleIds_to_settings",
+    sql: `
+      ALTER TABLE settings ADD COLUMN starredPlanHandleIds TEXT DEFAULT '[]'; -- JSON string
+      ALTER TABLE settings ADD COLUMN lastAckedStarredPlanChangesJwtId TEXT;
+    `,
+  },
 ];
 
+/**
+ * Extract single value from database query result
+ * Works with different database service result formats
+ */
+function extractSingleValue<T>(result: T): string | number | null {
+  if (!result) return null;
+
+  // Handle AbsurdSQL format: QueryExecResult[]
+  if (Array.isArray(result) && result.length > 0 && result[0]?.values) {
+    const values = result[0].values;
+    return values.length > 0 ? values[0][0] : null;
+  }
+
+  // Handle Capacitor SQLite format: { values: unknown[][] }
+  if (typeof result === "object" && result !== null && "values" in result) {
+    const values = (result as { values: unknown[][] }).values;
+    return values && values.length > 0
+      ? (values[0][0] as string | number)
+      : null;
+  }
+
+  return null;
+}
+
 /**
  * @param sqlExec - A function that executes a SQL statement and returns the result
  * @param extractMigrationNames - A function that extracts the names (string array) from "select name from migrations"
@@ -135,8 +234,57 @@ export async function runMigrations<T>(
   sqlQuery: (sql: string, params?: unknown[]) => Promise<T>,
   extractMigrationNames: (result: T) => Set<string>,
 ): Promise<void> {
+  logger.debug("[Migration] Starting database migrations");
+
   for (const migration of MIGRATIONS) {
+    logger.debug("[Migration] Registering migration:", migration.name);
     registerMigration(migration);
   }
+
+  logger.debug("[Migration] Running migration service");
   await runMigrationsService(sqlExec, sqlQuery, extractMigrationNames);
+
+  logger.debug("[Migration] Database migrations completed");
+
+  // Bootstrapping: Ensure active account is selected after migrations
+  logger.debug("[Migration] Running bootstrapping hooks");
+  try {
+    // Check if we have accounts but no active selection
+    const accountsResult = await sqlQuery("SELECT COUNT(*) FROM accounts");
+    const accountsCount = (extractSingleValue(accountsResult) as number) || 0;
+
+    // Check if active_identity table exists, and if not, try to recover
+    let activeDid: string | null = null;
+    try {
+      const activeResult = await sqlQuery(
+        "SELECT activeDid FROM active_identity WHERE id = 1",
+      );
+      activeDid = (extractSingleValue(activeResult) as string) || null;
+    } catch (error) {
+      // Table doesn't exist - migration 004 may not have run yet
+      logger.debug(
+        "[Migration] active_identity table not found - migration may not have run",
+      );
+      activeDid = null;
+    }
+
+    if (accountsCount > 0 && (!activeDid || activeDid === "")) {
+      logger.debug("[Migration] Auto-selecting first account as active");
+      const firstAccountResult = await sqlQuery(
+        "SELECT did FROM accounts ORDER BY dateCreated, did LIMIT 1",
+      );
+      const firstAccountDid =
+        (extractSingleValue(firstAccountResult) as string) || null;
+
+      if (firstAccountDid) {
+        await sqlExec(
+          "UPDATE active_identity SET activeDid = ?, lastUpdated = datetime('now') WHERE id = 1",
+          [firstAccountDid],
+        );
+        logger.info(`[Migration] Set active account to: ${firstAccountDid}`);
+      }
+    }
+  } catch (error) {
+    logger.warn("[Migration] Bootstrapping hook failed (non-critical):", error);
+  }
 }

src/db/databaseUtil.ts

@@ -9,34 +9,6 @@ import { logger } from "@/utils/logger";
 import { DEFAULT_ENDORSER_API_SERVER } from "@/constants/app";
 import { QueryExecResult } from "@/interfaces/database";
 
-export async function updateDefaultSettings(
-  settingsChanges: Settings,
-): Promise<boolean> {
-  delete settingsChanges.accountDid; // just in case
-  // ensure there is no "id" that would override the key
-  delete settingsChanges.id;
-  try {
-    const platformService = PlatformServiceFactory.getInstance();
-    const { sql, params } = generateUpdateStatement(
-      settingsChanges,
-      "settings",
-      "id = ?",
-      [MASTER_SETTINGS_KEY],
-    );
-    const result = await platformService.dbExec(sql, params);
-    return result.changes === 1;
-  } catch (error) {
-    logger.error("Error updating default settings:", error);
-    if (error instanceof Error) {
-      throw error; // Re-throw if it's already an Error with a message
-    } else {
-      throw new Error(
-        `Failed to update settings. We recommend you try again or restart the app.`,
-      );
-    }
-  }
-}
-
 export async function insertDidSpecificSettings(
   did: string,
   settings: Partial<Settings> = {},
@@ -91,6 +63,7 @@ export async function updateDidSpecificSettings(
     ? mapColumnsToValues(postUpdateResult.columns, postUpdateResult.values)[0]
     : null;
 
+  // Note that we want to eliminate this check (and fix the above if it doesn't work).
   // Check if any of the target fields were actually changed
   let actuallyUpdated = false;
   if (currentRecord && updatedRecord) {
@@ -157,10 +130,11 @@ export async function retrieveSettingsForDefaultAccount(): Promise<Settings> {
       result.columns,
       result.values,
     )[0] as Settings;
-    if (settings.searchBoxes) {
-      // @ts-expect-error - the searchBoxes field is a string in the DB
-      settings.searchBoxes = JSON.parse(settings.searchBoxes);
-    }
+    settings.searchBoxes = parseJsonField(settings.searchBoxes, []);
+    settings.starredPlanHandleIds = parseJsonField(
+      settings.starredPlanHandleIds,
+      [],
+    );
     return settings;
   }
 }
@@ -226,10 +200,11 @@ export async function retrieveSettingsForActiveAccount(): Promise<Settings> {
         );
       }
 
-      // Handle searchBoxes parsing
-      if (settings.searchBoxes) {
-        settings.searchBoxes = parseJsonField(settings.searchBoxes, []);
-      }
+      settings.searchBoxes = parseJsonField(settings.searchBoxes, []);
+      settings.starredPlanHandleIds = parseJsonField(
+        settings.starredPlanHandleIds,
+        [],
+      );
 
       return settings;
     } catch (error) {
@@ -567,6 +542,8 @@ export async function debugSettingsData(did?: string): Promise<void> {
  * - Web SQLite (wa-sqlite/absurd-sql): Auto-parses JSON strings to objects
  * - Capacitor SQLite: Returns raw strings that need manual parsing
  *
+ * Maybe consolidate with PlatformServiceMixin._parseJsonField
+ *
  * @param value The value to parse (could be string or already parsed object)
  * @param defaultValue Default value if parsing fails
  * @returns Parsed object or default value

src/db/tables/activeIdentity.ts

@@ -0,0 +1,14 @@
+/**
+ * ActiveIdentity type describes the active identity selection.
+ * This replaces the activeDid field in the settings table for better
+ * database architecture and data integrity.
+ *
+ * @author Matthew Raymer
+ * @since 2025-08-29
+ */
+
+export interface ActiveIdentity {
+  id: number;
+  activeDid: string;
+  lastUpdated: string;
+}

src/db/tables/contacts.ts

@@ -9,6 +9,8 @@ export type Contact = {
   // When adding a property:
   // - Consider whether it should be added when exporting & sharing contacts, eg. DataExportSection
   // - If it's a boolean, it should be converted from a 0/1 integer in PlatformServiceMixin._mapColumnsToValues
+  // - If it's a JSON string, it should be converted to an object/array in PlatformServiceMixin._mapColumnsToValues
+  //
 
   did: string;
   contactMethods?: Array<ContactMethod>;

src/db/tables/settings.ts

@@ -14,6 +14,12 @@ export type BoundingBox = {
  * New entries that are boolean should also be added to PlatformServiceMixin._mapColumnsToValues
  */
 export type Settings = {
+  //
+  // When adding a property:
+  // - If it's a boolean, it should be converted from a 0/1 integer in PlatformServiceMixin._mapColumnsToValues
+  // - If it's a JSON string, it should be converted to an object/array in PlatformServiceMixin._mapColumnsToValues
+  //
+
   // default entry is keyed with MASTER_SETTINGS_KEY; other entries are linked to an account with account ID
   id?: string | number; // this is erased for all those entries that are keyed with accountDid
 
@@ -29,6 +35,7 @@ export type Settings = {
   finishedOnboarding?: boolean; // the user has completed the onboarding process
 
   firstName?: string; // user's full name, may be null if unwanted for a particular account
+  hasBackedUpSeed?: boolean; // tracks whether the user has backed up their seed phrase
   hideRegisterPromptOnNewContact?: boolean;
   isRegistered?: boolean;
   // imageServer?: string; // if we want to allow modification then we should make image functionality optional -- or at least customizable
@@ -36,6 +43,7 @@ export type Settings = {
 
   lastAckedOfferToUserJwtId?: string; // the last JWT ID for offer-to-user that they've acknowledged seeing
   lastAckedOfferToUserProjectsJwtId?: string; // the last JWT ID for offers-to-user's-projects that they've acknowledged seeing
+  lastAckedStarredPlanChangesJwtId?: string; // the last JWT ID for starred plan changes that they've acknowledged seeing
 
   // The claim list has a most recent one used in notifications that's separate from the last viewed
   lastNotifiedClaimId?: string;
@@ -60,15 +68,18 @@ export type Settings = {
   showContactGivesInline?: boolean; // Display contact inline or not
   showGeneralAdvanced?: boolean; // Show advanced features which don't have their own flag
   showShortcutBvc?: boolean; // Show shortcut for Bountiful Voluntaryist Community actions
+
+  starredPlanHandleIds?: string[]; // Array of starred plan handle IDs
   vapid?: string; // VAPID (Voluntary Application Server Identification) field for web push
   warnIfProdServer?: boolean; // Warn if using a production server
   warnIfTestServer?: boolean; // Warn if using a testing server
   webPushServer?: string; // Web Push server URL
 };
 
-// type of settings where the searchBoxes are JSON strings instead of objects
+// type of settings where the values are JSON strings instead of objects
 export type SettingsWithJsonStrings = Settings & {
   searchBoxes: string;
+  starredPlanHandleIds: string;
 };
 
 export function checkIsAnyFeedFilterOn(settings: Settings): boolean {
@@ -85,6 +96,11 @@ export const SettingsSchema = {
 /**
  * Constants.
  */
+
+/**
+ * This is deprecated.
+ * It only remains for those with a PWA who have not migrated, but we'll soon remove it.
+ */
 export const MASTER_SETTINGS_KEY = "1";
 
 export const DEFAULT_PASSKEY_EXPIRATION_MINUTES = 15;

src/interfaces/claims.ts

@@ -14,6 +14,13 @@ export interface AgreeActionClaim extends ClaimObject {
   object: Record<string, unknown>;
 }
 
+export interface EmojiClaim extends ClaimObject {
+  // default context is "https://endorser.ch"
+  "@type": "Emoji";
+  text: string;
+  parentItem: { lastClaimId: string };
+}
+
 // Note that previous VCs may have additional fields.
 // https://endorser.ch/doc/html/transactions.html#id4
 export interface GiveActionClaim extends ClaimObject {
@@ -72,11 +79,15 @@ export interface PlanActionClaim extends ClaimObject {
   name: string;
   agent?: { identifier: string };
   description?: string;
+  endTime?: string;
   identifier?: string;
+  image?: string;
   lastClaimId?: string;
   location?: {
     geo: { "@type": "GeoCoordinates"; latitude: number; longitude: number };
   };
+  startTime?: string;
+  url?: string;
 }
 
 // AKA Registration & RegisterAction

src/interfaces/common.ts

@@ -81,7 +81,9 @@ export interface UserInfo {
 
 export interface CreateAndSubmitClaimResult {
   success: boolean;
+  embeddedRecordError?: string;
   error?: string;
+  claimId?: string;
   handleId?: string;
 }
 

src/interfaces/index.ts

@@ -1,36 +1,6 @@
-export type {
-  // From common.ts
-  CreateAndSubmitClaimResult,
-  GenericCredWrapper,
-  GenericVerifiableCredential,
-  KeyMeta,
-  // Exclude types that are also exported from other files
-  // GiveVerifiableCredential,
-  // OfferVerifiableCredential,
-  // RegisterVerifiableCredential,
-  // PlanSummaryRecord,
-  // UserInfo,
-} from "./common";
-
-export type {
-  // From claims.ts
-  GiveActionClaim,
-  OfferClaim,
-  RegisterActionClaim,
-} from "./claims";
-
-export type {
-  // From records.ts
-  PlanSummaryRecord,
-} from "./records";
-
-export type {
-  // From user.ts
-  UserInfo,
-} from "./user";
-
-export * from "./limits";
-export * from "./deepLinks";
-export * from "./common";
+export * from "./claims";
 export * from "./claims-result";
+export * from "./common";
+export * from "./deepLinks";
+export * from "./limits";
 export * from "./records";

src/interfaces/records.ts

@@ -1,13 +1,26 @@
-import { GiveActionClaim, OfferClaim } from "./claims";
+import { GiveActionClaim, OfferClaim, PlanActionClaim } from "./claims";
+import { GenericCredWrapper } from "./common";
+
+export interface EmojiSummaryRecord {
+  issuerDid: string;
+  jwtId: string;
+  text: string;
+  parentHandleId: string;
+}
 
 // a summary record; the VC is found the fullClaim field
 export interface GiveSummaryRecord {
-  [x: string]: PropertyKey | undefined | GiveActionClaim;
+  [x: string]:
+    | PropertyKey
+    | undefined
+    | GiveActionClaim
+    | Record<string, number>;
   type?: string;
   agentDid: string;
   amount: number;
   amountConfirmed: number;
   description: string;
+  emojiCount: Record<string, number>; // Map of emoji character to count
   fullClaim: GiveActionClaim;
   fulfillsHandleId: string;
   fulfillsPlanHandleId?: string;
@@ -61,6 +74,11 @@ export interface PlanSummaryRecord {
   jwtId?: string;
 }
 
+export interface PlanSummaryAndPreviousClaim {
+  plan: PlanSummaryRecord;
+  wrappedClaimBefore: GenericCredWrapper<PlanActionClaim>;
+}
+
 /**
  * Represents data about a project
  *
@@ -87,7 +105,10 @@ export interface PlanData {
   name: string;
   /**
    * The identifier of the project record -- different from jwtId
-   * (Maybe we should use the jwtId to iterate through the records instead.)
+   *
+   * This has been used to iterate through plan records, because jwtId ordering doesn't match
+   * chronological create ordering, though it does match most recent edit order (in reverse order).
+   * (It may be worthwhile to order by jwtId instead. It is an indexed field.)
    **/
   rowId?: string;
 }

src/libs/endorserServer.ts

@@ -16,7 +16,7 @@
  * @module endorserServer
  */
 
-import { Axios, AxiosRequestConfig } from "axios";
+import { Axios, AxiosRequestConfig, AxiosResponse } from "axios";
 import { Buffer } from "buffer";
 import { sha256 } from "ethereum-cryptography/sha256";
 import { LRUCache } from "lru-cache";
@@ -56,7 +56,12 @@ import {
   KeyMetaWithPrivate,
   KeyMetaMaybeWithPrivate,
 } from "../interfaces/common";
-import { PlanSummaryRecord } from "../interfaces/records";
+import {
+  OfferSummaryRecord,
+  OfferToPlanSummaryRecord,
+  PlanSummaryAndPreviousClaim,
+  PlanSummaryRecord,
+} from "../interfaces/records";
 import { logger } from "../utils/logger";
 import { PlatformServiceFactory } from "@/services/PlatformServiceFactory";
 import { APP_SERVER } from "@/constants/app";
@@ -315,7 +320,7 @@ export function didInfoForContact(
     return { displayName: "You", known: true };
   } else if (contact) {
     return {
-      displayName: contact.name || "Contact With No Name",
+      displayName: contact.name || "Contact Without a Name",
       known: true,
       profileImageUrl: contact.profileImageUrl,
     };
@@ -362,6 +367,22 @@ export function didInfo(
   return didInfoForContact(did, activeDid, contact, allMyDids).displayName;
 }
 
+/**
+ * In some contexts (eg. agent), a blank really is nobody.
+ */
+export function didInfoOrNobody(
+  did: string | undefined,
+  activeDid: string | undefined,
+  allMyDids: string[],
+  contacts: Contact[],
+): string {
+  if (did == null) {
+    return "Nobody";
+  } else {
+    return didInfo(did, activeDid, allMyDids, contacts);
+  }
+}
+
 /**
  * return text description without any references to "you" as user
  */
@@ -609,11 +630,7 @@ async function performPlanRequest(
 
       return cred;
     } else {
-      // Use debug level for development to reduce console noise
-      const isDevelopment = process.env.VITE_PLATFORM === "development";
-      const log = isDevelopment ? logger.debug : logger.log;
-
-      log(
+      logger.debug(
         "[Plan Loading] ⚠️ Plan cache is empty for handle",
         handleId,
         " Got data:",
@@ -685,7 +702,7 @@ export function serverMessageForUser(error: unknown): string | undefined {
 export function errorStringForLog(error: unknown) {
   let stringifiedError = "" + error;
   try {
-    stringifiedError = JSON.stringify(error);
+    stringifiedError = safeStringify(error);
   } catch (e) {
     // can happen with Dexie, eg:
     // TypeError: Converting circular structure to JSON
@@ -697,7 +714,7 @@ export function errorStringForLog(error: unknown) {
 
   if (error && typeof error === "object" && "response" in error) {
     const err = error as AxiosErrorResponse;
-    const errorResponseText = JSON.stringify(err.response);
+    const errorResponseText = safeStringify(err.response);
     // for some reason, error.response is not included in stringify result (eg. for 400 errors on invite redemptions)
     if (!R.empty(errorResponseText) && !fullError.includes(errorResponseText)) {
       // add error.response stuff
@@ -707,7 +724,7 @@ export function errorStringForLog(error: unknown) {
         R.equals(err.config, err.response.config)
       ) {
         // but exclude "config" because it's already in there
-        const newErrorResponseText = JSON.stringify(
+        const newErrorResponseText = safeStringify(
           R.omit(["config"] as never[], err.response),
         );
         fullError +=
@@ -730,7 +747,7 @@ export async function getNewOffersToUser(
   activeDid: string,
   afterOfferJwtId?: string,
   beforeOfferJwtId?: string,
-) {
+): Promise<{ data: Array<OfferSummaryRecord>; hitLimit: boolean }> {
   let url = `${apiServer}/api/v2/report/offers?recipientDid=${activeDid}`;
   if (afterOfferJwtId) {
     url += "&afterId=" + afterOfferJwtId;
@@ -752,7 +769,7 @@ export async function getNewOffersToUserProjects(
   activeDid: string,
   afterOfferJwtId?: string,
   beforeOfferJwtId?: string,
-) {
+): Promise<{ data: Array<OfferToPlanSummaryRecord>; hitLimit: boolean }> {
   let url = `${apiServer}/api/v2/report/offersToPlansOwnedByMe`;
   if (afterOfferJwtId) {
     url += "?afterId=" + afterOfferJwtId;
@@ -766,6 +783,46 @@ export async function getNewOffersToUserProjects(
   return response.data;
 }
 
+/**
+ * Get starred projects that have been updated since the last check
+ *
+ * @param axios - axios instance
+ * @param apiServer - endorser API server URL
+ * @param activeDid - user's DID for authentication
+ * @param starredPlanHandleIds - array of starred project handle IDs
+ * @param afterId - JWT ID to check for changes after (from lastAckedStarredPlanChangesJwtId)
+ * @returns { data: Array<PlanSummaryAndPreviousClaim>, hitLimit: boolean }
+ */
+export async function getStarredProjectsWithChanges(
+  axios: Axios,
+  apiServer: string,
+  activeDid: string,
+  starredPlanHandleIds: string[],
+  afterId?: string,
+): Promise<{ data: Array<PlanSummaryAndPreviousClaim>; hitLimit: boolean }> {
+  if (!starredPlanHandleIds || starredPlanHandleIds.length === 0) {
+    return { data: [], hitLimit: false };
+  }
+
+  if (!afterId) {
+    // This doesn't make sense: there should always be some previous one they've seen.
+    // We'll just return blank.
+    return { data: [], hitLimit: false };
+  }
+
+  // Use POST method for larger lists of project IDs
+  const url = `${apiServer}/api/v2/report/plansLastUpdatedBetween`;
+  const headers = await getHeaders(activeDid);
+
+  const requestBody = {
+    planIds: starredPlanHandleIds,
+    afterId: afterId,
+  };
+
+  const response = await axios.post(url, requestBody, { headers });
+  return response.data;
+}
+
 /**
  * Construct GiveAction VC for submission to server
  *
@@ -1131,7 +1188,7 @@ export async function createAndSubmitClaim(
     // Enhanced diagnostic logging for claim submission
     const requestId = `claim_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
 
-    logger.info("[Claim Submission] 🚀 Starting claim submission:", {
+    logger.debug("[Claim Submission] 🚀 Starting claim submission:", {
       requestId,
       apiServer,
       requesterDid: issuerDid,
@@ -1157,7 +1214,7 @@ export async function createAndSubmitClaim(
       },
     });
 
-    logger.info("[Claim Submission] ✅ Claim submitted successfully:", {
+    logger.debug("[Claim Submission] ✅ Claim submitted successfully:", {
       requestId,
       status: response.status,
       handleId: response.data?.handleId,
@@ -1165,7 +1222,12 @@ export async function createAndSubmitClaim(
       timestamp: new Date().toISOString(),
     });
 
-    return { success: true, handleId: response.data?.handleId };
+    return {
+      success: true,
+      claimId: response.data?.claimId,
+      handleId: response.data?.handleId,
+      embeddedRecordError: response.data?.embeddedRecordError,
+    };
   } catch (error: unknown) {
     // Enhanced error logging with comprehensive context
     const requestId = `claim_error_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
@@ -1313,6 +1375,28 @@ export const capitalizeAndInsertSpacesBeforeCaps = (text: string) => {
     : text[0].toUpperCase() + text.substr(1).replace(/([A-Z])/g, " $1");
 };
 
+/**
+ * Formats type string for display by adding spaces before capitals
+ * and optionally adds an appropriate article prefix (a/an)
+ *
+ * @param text - Text to format
+ * @returns Formatted string with article prefix
+ */
+export const capitalizeAndInsertSpacesBeforeCapsWithAPrefix = (
+  text: string,
+): string => {
+  const word = capitalizeAndInsertSpacesBeforeCaps(text);
+  if (word) {
+    // if the word starts with a vowel, use "an" instead of "a"
+    const firstLetter = word[0].toLowerCase();
+    const vowels = ["a", "e", "i", "o", "u"];
+    const particle = vowels.includes(firstLetter) ? "an" : "a";
+    return particle + " " + word;
+  } else {
+    return "";
+  }
+};
+
 /**
  return readable summary of claim, or something generic
 
@@ -1675,49 +1759,19 @@ export async function fetchEndorserRateLimits(
     timestamp: new Date().toISOString(),
   });
 
-  try {
-    const response = await axios.get(url, { headers } as AxiosRequestConfig);
+  // not wrapped in a 'try' because the error returned is self-explanatory
+  const response = await axios.get(url, { headers } as AxiosRequestConfig);
 
-    // Log successful registration check
-    logger.debug("[User Registration] User registration check successful:", {
-      did: issuerDid,
-      server: apiServer,
-      status: response.status,
-      isRegistered: true,
-      timestamp: new Date().toISOString(),
-    });
+  // Log successful registration check
+  logger.debug("[User Registration] User registration check successful:", {
+    did: issuerDid,
+    server: apiServer,
+    status: response.status,
+    isRegistered: true,
+    timestamp: new Date().toISOString(),
+  });
 
-    return response;
-  } catch (error) {
-    // Enhanced error logging with user registration context
-    const axiosError = error as {
-      response?: {
-        data?: { error?: { code?: string; message?: string } };
-        status?: number;
-      };
-    };
-    const errorCode = axiosError.response?.data?.error?.code;
-    const errorMessage = axiosError.response?.data?.error?.message;
-    const httpStatus = axiosError.response?.status;
-
-    logger.warn("[User Registration] User not registered on server:", {
-      did: issuerDid,
-      server: apiServer,
-      errorCode: errorCode,
-      errorMessage: errorMessage,
-      httpStatus: httpStatus,
-      needsRegistration: true,
-      timestamp: new Date().toISOString(),
-    });
-
-    // Log the original error for debugging
-    logger.error(
-      `[fetchEndorserRateLimits] Error for DID ${issuerDid}:`,
-      errorStringForLog(error),
-    );
-
-    throw error;
-  }
+  return response;
 }
 
 /**
@@ -1732,7 +1786,7 @@ export async function fetchImageRateLimits(
   axios: Axios,
   issuerDid: string,
   imageServer?: string,
-) {
+): Promise<AxiosResponse | null> {
   const server = imageServer || DEFAULT_IMAGE_API_SERVER;
   const url = server + "/image-limits";
   const headers = await getHeaders(issuerDid);
@@ -1766,15 +1820,17 @@ export async function fetchImageRateLimits(
       };
     };
 
-    logger.warn("[Image Server] Image rate limits check failed:", {
-      did: issuerDid,
-      server: server,
-      errorCode: axiosError.response?.data?.error?.code,
-      errorMessage: axiosError.response?.data?.error?.message,
-      httpStatus: axiosError.response?.status,
-      timestamp: new Date().toISOString(),
-    });
-
-    throw error;
+    logger.warn(
+      "[Image Server] Image rate limits check failed, which is expected for users not registered on test server (eg. when only registered on local server).",
+      {
+        did: issuerDid,
+        server: server,
+        errorCode: axiosError.response?.data?.error?.code,
+        errorMessage: axiosError.response?.data?.error?.message,
+        httpStatus: axiosError.response?.status,
+        timestamp: new Date().toISOString(),
+      },
+    );
+    return null;
   }
 }

src/libs/fontawesome.ts

@@ -86,6 +86,7 @@ import {
   faSquareCaretDown,
   faSquareCaretUp,
   faSquarePlus,
+  faStar,
   faThumbtack,
   faTrashCan,
   faTriangleExclamation,
@@ -94,6 +95,9 @@ import {
   faXmark,
 } from "@fortawesome/free-solid-svg-icons";
 
+// these are referenced differently, eg. ":icon='['far', 'star']'" as in ProjectViewView.vue
+import { faStar as faStarRegular } from "@fortawesome/free-regular-svg-icons";
+
 // Initialize Font Awesome library with all required icons
 library.add(
   faArrowDown,
@@ -168,14 +172,16 @@ library.add(
   faPlus,
   faQrcode,
   faQuestion,
-  faRotate,
   faRightFromBracket,
+  faRotate,
   faShareNodes,
   faSpinner,
   faSquare,
   faSquareCaretDown,
   faSquareCaretUp,
   faSquarePlus,
+  faStar,
+  faStarRegular,
   faThumbtack,
   faTrashCan,
   faTriangleExclamation,

src/libs/util.ts

@@ -3,7 +3,7 @@
 import axios, { AxiosResponse } from "axios";
 import { Buffer } from "buffer";
 import * as R from "ramda";
-import { useClipboard } from "@vueuse/core";
+import { copyToClipboard } from "../services/ClipboardService";
 
 import { DEFAULT_PUSH_SERVER, NotificationIface } from "../constants/app";
 import { Account, AccountEncrypted } from "../db/tables/accounts";
@@ -160,6 +160,49 @@ export const isGiveAction = (
   return isGiveClaimType(veriClaim.claimType);
 };
 
+export interface OfferFulfillment {
+  offerHandleId: string;
+  offerType: string;
+}
+
+interface FulfillmentItem {
+  "@type": string;
+  identifier?: string;
+  [key: string]: unknown;
+}
+
+/**
+ * Extract offer fulfillment information from the fulfills field
+ * Handles both array and single object cases
+ */
+export const extractOfferFulfillment = (
+  fulfills: FulfillmentItem | FulfillmentItem[] | null | undefined,
+): OfferFulfillment | null => {
+  if (!fulfills) {
+    return null;
+  }
+
+  // Handle both array and single object cases
+  let offerFulfill = null;
+
+  if (Array.isArray(fulfills)) {
+    // Find the Offer in the fulfills array
+    offerFulfill = fulfills.find((item) => item["@type"] === "Offer");
+  } else if (fulfills["@type"] === "Offer") {
+    // fulfills is a single Offer object
+    offerFulfill = fulfills;
+  }
+
+  if (offerFulfill) {
+    return {
+      offerHandleId: offerFulfill.identifier || "",
+      offerType: offerFulfill["@type"],
+    };
+  }
+
+  return null;
+};
+
 export const shortDid = (did: string) => {
   if (did.startsWith("did:peer:")) {
     return (
@@ -197,11 +240,19 @@ export const nameForContact = (
   );
 };
 
-export const doCopyTwoSecRedo = (text: string, fn: () => void) => {
+export const doCopyTwoSecRedo = async (
+  text: string,
+  fn: () => void,
+): Promise<void> => {
   fn();
-  useClipboard()
-    .copy(text)
-    .then(() => setTimeout(fn, 2000));
+  try {
+    await copyToClipboard(text);
+    setTimeout(fn, 2000);
+  } catch (error) {
+    // Note: This utility function doesn't have access to notification system
+    // The calling component should handle error notifications
+    // Error is silently caught to avoid breaking the 2-second redo pattern
+  }
 };
 
 export interface ConfirmerData {
@@ -669,7 +720,8 @@ export async function saveNewIdentity(
   ];
   await platformService.dbExec(sql, params);
 
-  await platformService.updateDefaultSettings({ activeDid: identity.did });
+  // Update active identity in the active_identity table instead of settings
+  await platformService.updateActiveDid(identity.did);
 
   await platformService.insertNewDidIntoSettings(identity.did);
 }
@@ -722,7 +774,8 @@ export const registerSaveAndActivatePasskey = async (
 ): Promise<Account> => {
   const account = await registerAndSavePasskey(keyName);
   const platformService = await getPlatformService();
-  await platformService.updateDefaultSettings({ activeDid: account.did });
+  // Update active identity in the active_identity table instead of settings
+  await platformService.updateActiveDid(account.did);
   await platformService.updateDidSpecificSettings(account.did, {
     isRegistered: false,
   });
@@ -935,11 +988,6 @@ export async function importFromMnemonic(
 ): Promise<void> {
   const mne: string = mnemonic.trim().toLowerCase();
 
-  // Check if this is Test User #0
-  const TEST_USER_0_MNEMONIC =
-    "rigid shrug mobile smart veteran half all pond toilet brave review universe ship congress found yard skate elite apology jar uniform subway slender luggage";
-  const isTestUser0 = mne === TEST_USER_0_MNEMONIC;
-
   // Derive address and keys from mnemonic
   const [address, privateHex, publicHex] = deriveAddress(mne, derivationPath);
 
@@ -954,90 +1002,6 @@ export async function importFromMnemonic(
 
   // Save the new identity
   await saveNewIdentity(newId, mne, derivationPath);
-
-  // Set up Test User #0 specific settings
-  if (isTestUser0) {
-    // Set up Test User #0 specific settings with enhanced error handling
-    const platformService = await getPlatformService();
-
-    try {
-      // First, ensure the DID-specific settings record exists
-      await platformService.insertNewDidIntoSettings(newId.did);
-
-      // Then update with Test User #0 specific settings
-      await platformService.updateDidSpecificSettings(newId.did, {
-        firstName: "User Zero",
-        isRegistered: true,
-      });
-
-      // Verify the settings were saved correctly
-      const verificationResult = await platformService.dbQuery(
-        "SELECT firstName, isRegistered FROM settings WHERE accountDid = ?",
-        [newId.did],
-      );
-
-      if (verificationResult?.values?.length) {
-        const settings = verificationResult.values[0];
-        const firstName = settings[0];
-        const isRegistered = settings[1];
-
-        logger.debug(
-          "[importFromMnemonic] Test User #0 settings verification",
-          {
-            did: newId.did,
-            firstName,
-            isRegistered,
-            expectedFirstName: "User Zero",
-            expectedIsRegistered: true,
-          },
-        );
-
-        // If settings weren't saved correctly, try individual updates
-        if (firstName !== "User Zero" || isRegistered !== 1) {
-          logger.warn(
-            "[importFromMnemonic] Test User #0 settings not saved correctly, retrying with individual updates",
-          );
-
-          await platformService.dbExec(
-            "UPDATE settings SET firstName = ? WHERE accountDid = ?",
-            ["User Zero", newId.did],
-          );
-
-          await platformService.dbExec(
-            "UPDATE settings SET isRegistered = ? WHERE accountDid = ?",
-            [1, newId.did],
-          );
-
-          // Verify again
-          const retryResult = await platformService.dbQuery(
-            "SELECT firstName, isRegistered FROM settings WHERE accountDid = ?",
-            [newId.did],
-          );
-
-          if (retryResult?.values?.length) {
-            const retrySettings = retryResult.values[0];
-            logger.debug(
-              "[importFromMnemonic] Test User #0 settings after retry",
-              {
-                firstName: retrySettings[0],
-                isRegistered: retrySettings[1],
-              },
-            );
-          }
-        }
-      } else {
-        logger.error(
-          "[importFromMnemonic] Failed to verify Test User #0 settings - no record found",
-        );
-      }
-    } catch (error) {
-      logger.error(
-        "[importFromMnemonic] Error setting up Test User #0 settings:",
-        error,
-      );
-      // Don't throw - allow the import to continue even if settings fail
-    }
-  }
 }
 
 /**
@@ -1094,3 +1058,29 @@ export async function checkForDuplicateAccount(
 
   return (existingAccount?.values?.length ?? 0) > 0;
 }
+
+export class PromiseTracker<T> {
+  private _promise: Promise<T>;
+  private _resolved = false;
+  private _value: T | undefined;
+
+  constructor(promise: Promise<T>) {
+    this._promise = promise.then((value) => {
+      this._resolved = true;
+      this._value = value;
+      return value;
+    });
+  }
+
+  get isResolved(): boolean {
+    return this._resolved;
+  }
+
+  get value(): T | undefined {
+    return this._value;
+  }
+
+  get promise(): Promise<T> {
+    return this._promise;
+  }
+}

src/main.capacitor.ts

@@ -69,18 +69,18 @@ const deepLinkHandler = new DeepLinkHandler(router);
  */
 const handleDeepLink = async (data: { url: string }) => {
   const { url } = data;
-  logger.info(`[Main] 🌐 Deeplink received from Capacitor: ${url}`);
+  logger.debug(`[Main] 🌐 Deeplink received from Capacitor: ${url}`);
 
   try {
     // Wait for router to be ready
-    logger.info(`[Main] ⏳ Waiting for router to be ready...`);
+    logger.debug(`[Main] ⏳ Waiting for router to be ready...`);
     await router.isReady();
-    logger.info(`[Main] ✅ Router is ready, processing deeplink`);
+    logger.debug(`[Main] ✅ Router is ready, processing deeplink`);
 
     // Process the deeplink
-    logger.info(`[Main] 🚀 Starting deeplink processing`);
+    logger.debug(`[Main] 🚀 Starting deeplink processing`);
     await deepLinkHandler.handleDeepLink(url);
-    logger.info(`[Main] ✅ Deeplink processed successfully`);
+    logger.debug(`[Main] ✅ Deeplink processed successfully`);
   } catch (error) {
     logger.error(`[Main] ❌ Deeplink processing failed:`, {
       url,
@@ -115,25 +115,25 @@ const registerDeepLinkListener = async () => {
     );
 
     // Check if Capacitor App plugin is available
-    logger.info(`[Main] 🔍 Checking Capacitor App plugin availability...`);
+    logger.debug(`[Main] 🔍 Checking Capacitor App plugin availability...`);
     if (!CapacitorApp) {
       throw new Error("Capacitor App plugin not available");
     }
     logger.info(`[Main] ✅ Capacitor App plugin is available`);
 
     // Check available methods on CapacitorApp
-    logger.info(
+    logger.debug(
       `[Main] 🔍 Capacitor App plugin methods:`,
       Object.getOwnPropertyNames(CapacitorApp),
     );
-    logger.info(
+    logger.debug(
       `[Main] 🔍 Capacitor App plugin addListener method:`,
       typeof CapacitorApp.addListener,
     );
 
     // Wait for router to be ready first
     await router.isReady();
-    logger.info(
+    logger.debug(
       `[Main] ✅ Router is ready, proceeding with listener registration`,
     );
 
@@ -148,9 +148,6 @@ const registerDeepLinkListener = async () => {
       listenerHandle,
     );
 
-    // Test the listener registration by checking if it's actually registered
-    logger.info(`[Main] 🧪 Verifying listener registration...`);
-
     return listenerHandle;
   } catch (error) {
     logger.error(`[Main] ❌ Failed to register deeplink listener:`, {

src/main.ts

@@ -24,12 +24,12 @@ logger.info("[Main] 🌍 Boot-time environment configuration:", {
 
 // Dynamically import the appropriate main entry point
 if (platform === "capacitor") {
-  logger.info(`[Main] 📱 Loading Capacitor-specific entry point`);
+  logger.debug(`[Main] 📱 Loading Capacitor-specific entry point`);
   import("./main.capacitor");
 } else if (platform === "electron") {
-  logger.info(`[Main] 💻 Loading Electron-specific entry point`);
+  logger.debug(`[Main] 💻 Loading Electron-specific entry point`);
   import("./main.electron");
 } else {
-  logger.info(`[Main] 🌐 Loading Web-specific entry point`);
+  logger.debug(`[Main] 🌐 Loading Web-specific entry point`);
   import("./main.web");
 }

src/router/index.ts

@@ -285,6 +285,16 @@ const routes: Array<RouteRecordRaw> = [
     name: "user-profile",
     component: () => import("../views/UserProfileView.vue"),
   },
+  // Catch-all route for 404 errors - must be last
+  {
+    path: "/:pathMatch(.*)*",
+    name: "not-found",
+    component: () => import("../views/NotFoundView.vue"),
+    meta: {
+      title: "Page Not Found",
+      requiresAuth: false,
+    },
+  },
 ];
 
 const isElectron = window.location.protocol === "file:";
@@ -387,7 +397,7 @@ router.beforeEach(async (to, _from, next) => {
       );
     }
 
-    logger.info(`[Router] ✅ Navigation guard passed for: ${to.path}`);
+    logger.debug(`[Router] ✅ Navigation guard passed for: ${to.path}`);
     next();
   } catch (error) {
     logger.error("[Router] ❌ Identity creation failed in navigation guard:", {

src/services/PlatformService.ts

@@ -155,6 +155,16 @@ export interface PlatformService {
    */
   dbGetOneRow(sql: string, params?: unknown[]): Promise<unknown[] | undefined>;
 
+  /**
+   * Not recommended except for debugging.
+   * Return the raw result of a SQL query.
+   *
+   * @param sql - The SQL query to execute
+   * @param params - The parameters to pass to the query
+   * @returns Promise resolving to the raw query result, or undefined if no results
+   */
+  dbRawQuery(sql: string, params?: unknown[]): Promise<unknown | undefined>;
+
   // Database utility methods
   /**
    * Generates an INSERT SQL statement for a given model and table.
@@ -173,6 +183,7 @@ export interface PlatformService {
    * @returns Promise that resolves when the update is complete
    */
   updateDefaultSettings(settings: Record<string, unknown>): Promise<void>;
+  updateActiveDid(did: string): Promise<void>;
 
   /**
    * Inserts a new DID into the settings table.

src/services/QRScanner/WebInlineQRScanner.ts

@@ -36,7 +36,7 @@ export class WebInlineQRScanner implements QRScannerService {
     // Generate a short random ID for this scanner instance
     this.id = Math.random().toString(36).substring(2, 8).toUpperCase();
     this.options = options ?? {};
-    logger.error(
+    logger.debug(
       `[WebInlineQRScanner:${this.id}] Initializing scanner with options:`,
       {
         ...this.options,
@@ -49,7 +49,7 @@ export class WebInlineQRScanner implements QRScannerService {
     this.context = this.canvas.getContext("2d", { willReadFrequently: true });
     this.video = document.createElement("video");
     this.video.setAttribute("playsinline", "true"); // Required for iOS
-    logger.error(
+    logger.debug(
       `[WebInlineQRScanner:${this.id}] DOM elements created successfully`,
     );
   }
@@ -60,7 +60,7 @@ export class WebInlineQRScanner implements QRScannerService {
     this.cameraStateListeners.forEach((listener) => {
       try {
         listener.onStateChange(state, message);
-        logger.info(
+        logger.debug(
           `[WebInlineQRScanner:${this.id}] Camera state changed to: ${state}`,
           {
             state,
@@ -89,7 +89,7 @@ export class WebInlineQRScanner implements QRScannerService {
   async checkPermissions(): Promise<boolean> {
     try {
       this.updateCameraState("initializing", "Checking camera permissions...");
-      logger.error(
+      logger.debug(
         `[WebInlineQRScanner:${this.id}] Checking camera permissions...`,
       );
 
@@ -99,7 +99,7 @@ export class WebInlineQRScanner implements QRScannerService {
           const permissions = await navigator.permissions.query({
             name: "camera" as PermissionName,
           });
-          logger.error(
+          logger.debug(
             `[WebInlineQRScanner:${this.id}] Permission state from Permissions API:`,
             permissions.state,
           );
@@ -165,7 +165,7 @@ export class WebInlineQRScanner implements QRScannerService {
         "initializing",
         "Requesting camera permissions...",
       );
-      logger.error(
+      logger.debug(
         `[WebInlineQRScanner:${this.id}] Requesting camera permissions...`,
       );
 
@@ -175,7 +175,7 @@ export class WebInlineQRScanner implements QRScannerService {
         (device) => device.kind === "videoinput",
       );
 
-      logger.error(`[WebInlineQRScanner:${this.id}] Found video devices:`, {
+      logger.debug(`[WebInlineQRScanner:${this.id}] Found video devices:`, {
         count: videoDevices.length,
         devices: videoDevices.map((d) => ({ id: d.deviceId, label: d.label })),
         userAgent: navigator.userAgent,
@@ -188,7 +188,7 @@ export class WebInlineQRScanner implements QRScannerService {
       }
 
       // Try to get a stream with specific constraints
-      logger.error(
+      logger.debug(
         `[WebInlineQRScanner:${this.id}] Requesting camera stream with constraints:`,
         {
           facingMode: "environment",
@@ -210,7 +210,7 @@ export class WebInlineQRScanner implements QRScannerService {
 
         // Stop the test stream immediately
         stream.getTracks().forEach((track) => {
-          logger.error(`[WebInlineQRScanner:${this.id}] Stopping test track:`, {
+          logger.debug(`[WebInlineQRScanner:${this.id}] Stopping test track:`, {
             kind: track.kind,
             label: track.label,
             readyState: track.readyState,
@@ -275,12 +275,12 @@ export class WebInlineQRScanner implements QRScannerService {
 
   async isSupported(): Promise<boolean> {
     try {
-      logger.error(
+      logger.debug(
         `[WebInlineQRScanner:${this.id}] Checking browser support...`,
       );
       // Check for secure context first
       if (!window.isSecureContext) {
-        logger.error(
+        logger.debug(
           `[WebInlineQRScanner:${this.id}] Camera access requires HTTPS (secure context)`,
         );
         return false;
@@ -300,7 +300,7 @@ export class WebInlineQRScanner implements QRScannerService {
         (device) => device.kind === "videoinput",
       );
 
-      logger.error(`[WebInlineQRScanner:${this.id}] Device support check:`, {
+      logger.debug(`[WebInlineQRScanner:${this.id}] Device support check:`, {
         hasSecureContext: window.isSecureContext,
         hasMediaDevices: !!navigator.mediaDevices,
         hasGetUserMedia: !!navigator.mediaDevices?.getUserMedia,
@@ -379,7 +379,7 @@ export class WebInlineQRScanner implements QRScannerService {
 
       // Log scan attempt every 100 frames or 1 second
       if (this.scanAttempts % 100 === 0 || timeSinceLastScan >= 1000) {
-        logger.error(`[WebInlineQRScanner:${this.id}] Scanning frame:`, {
+        logger.debug(`[WebInlineQRScanner:${this.id}] Scanning frame:`, {
           attempt: this.scanAttempts,
           dimensions: {
             width: this.canvas.width,
@@ -421,7 +421,7 @@ export class WebInlineQRScanner implements QRScannerService {
           !code.data ||
           code.data.length === 0;
 
-        logger.error(`[WebInlineQRScanner:${this.id}] QR Code detected:`, {
+        logger.debug(`[WebInlineQRScanner:${this.id}] QR Code detected:`, {
           data: code.data,
           location: code.location,
           attempts: this.scanAttempts,
@@ -512,13 +512,13 @@ export class WebInlineQRScanner implements QRScannerService {
       this.scanAttempts = 0;
       this.lastScanTime = Date.now();
       this.updateCameraState("initializing", "Starting camera...");
-      logger.error(
+      logger.debug(
         `[WebInlineQRScanner:${this.id}] Starting scan with options:`,
         this.options,
       );
 
       // Get camera stream with options
-      logger.error(
+      logger.debug(
         `[WebInlineQRScanner:${this.id}] Requesting camera stream...`,
       );
       this.stream = await navigator.mediaDevices.getUserMedia({
@@ -531,7 +531,7 @@ export class WebInlineQRScanner implements QRScannerService {
 
       this.updateCameraState("active", "Camera is active");
 
-      logger.error(`[WebInlineQRScanner:${this.id}] Camera stream obtained:`, {
+      logger.debug(`[WebInlineQRScanner:${this.id}] Camera stream obtained:`, {
         tracks: this.stream.getTracks().map((t) => ({
           kind: t.kind,
           label: t.label,
@@ -550,14 +550,14 @@ export class WebInlineQRScanner implements QRScannerService {
           this.video.style.display = "none";
         }
         await this.video.play();
-        logger.error(
+        logger.debug(
           `[WebInlineQRScanner:${this.id}] Video element started playing`,
         );
       }
 
       // Emit stream to component
       this.events.emit("stream", this.stream);
-      logger.error(`[WebInlineQRScanner:${this.id}] Stream event emitted`);
+      logger.debug(`[WebInlineQRScanner:${this.id}] Stream event emitted`);
 
       // Start QR code scanning
       this.scanQRCode();
@@ -595,7 +595,7 @@ export class WebInlineQRScanner implements QRScannerService {
     }
 
     try {
-      logger.error(`[WebInlineQRScanner:${this.id}] Stopping scan`, {
+      logger.debug(`[WebInlineQRScanner:${this.id}] Stopping scan`, {
         scanAttempts: this.scanAttempts,
         duration: Date.now() - this.lastScanTime,
       });
@@ -604,7 +604,7 @@ export class WebInlineQRScanner implements QRScannerService {
       if (this.animationFrameId !== null) {
         cancelAnimationFrame(this.animationFrameId);
         this.animationFrameId = null;
-        logger.error(
+        logger.debug(
           `[WebInlineQRScanner:${this.id}] Animation frame cancelled`,
         );
       }
@@ -613,13 +613,13 @@ export class WebInlineQRScanner implements QRScannerService {
       if (this.video) {
         this.video.pause();
         this.video.srcObject = null;
-        logger.error(`[WebInlineQRScanner:${this.id}] Video element stopped`);
+        logger.debug(`[WebInlineQRScanner:${this.id}] Video element stopped`);
       }
 
       // Stop all tracks in the stream
       if (this.stream) {
         this.stream.getTracks().forEach((track) => {
-          logger.error(`[WebInlineQRScanner:${this.id}] Stopping track:`, {
+          logger.debug(`[WebInlineQRScanner:${this.id}] Stopping track:`, {
             kind: track.kind,
             label: track.label,
             readyState: track.readyState,
@@ -631,7 +631,7 @@ export class WebInlineQRScanner implements QRScannerService {
 
       // Emit stream stopped event
       this.events.emit("stream", null);
-      logger.error(
+      logger.debug(
         `[WebInlineQRScanner:${this.id}] Stream stopped event emitted`,
       );
     } catch (error) {
@@ -643,17 +643,17 @@ export class WebInlineQRScanner implements QRScannerService {
       throw error;
     } finally {
       this.isScanning = false;
-      logger.error(`[WebInlineQRScanner:${this.id}] Scan stopped successfully`);
+      logger.debug(`[WebInlineQRScanner:${this.id}] Scan stopped successfully`);
     }
   }
 
   addListener(listener: ScanListener): void {
-    logger.error(`[WebInlineQRScanner:${this.id}] Adding scan listener`);
+    logger.debug(`[WebInlineQRScanner:${this.id}] Adding scan listener`);
     this.scanListener = listener;
   }
 
   onStream(callback: (stream: MediaStream | null) => void): void {
-    logger.error(
+    logger.debug(
       `[WebInlineQRScanner:${this.id}] Adding stream event listener`,
     );
     this.events.on("stream", callback);
@@ -661,24 +661,24 @@ export class WebInlineQRScanner implements QRScannerService {
 
   async cleanup(): Promise<void> {
     try {
-      logger.error(`[WebInlineQRScanner:${this.id}] Starting cleanup`);
+      logger.debug(`[WebInlineQRScanner:${this.id}] Starting cleanup`);
       await this.stopScan();
       this.events.removeAllListeners();
-      logger.error(`[WebInlineQRScanner:${this.id}] Event listeners removed`);
+      logger.debug(`[WebInlineQRScanner:${this.id}] Event listeners removed`);
 
       // Clean up DOM elements
       if (this.video) {
         this.video.remove();
         this.video = null;
-        logger.error(`[WebInlineQRScanner:${this.id}] Video element removed`);
+        logger.debug(`[WebInlineQRScanner:${this.id}] Video element removed`);
       }
       if (this.canvas) {
         this.canvas.remove();
         this.canvas = null;
-        logger.error(`[WebInlineQRScanner:${this.id}] Canvas element removed`);
+        logger.debug(`[WebInlineQRScanner:${this.id}] Canvas element removed`);
       }
       this.context = null;
-      logger.error(
+      logger.debug(
         `[WebInlineQRScanner:${this.id}] Cleanup completed successfully`,
       );
     } catch (error) {

src/services/api.ts

@@ -19,7 +19,6 @@ import { logger, safeStringify } from "../utils/logger";
  * @remarks
  * Special handling includes:
  * - Enhanced logging for Capacitor platform
- * - Rate limit detection and handling
  * - Detailed error information logging including:
  *   - Error message
  *   - HTTP status
@@ -50,11 +49,5 @@ export const handleApiError = (error: AxiosError, endpoint: string) => {
     });
   }
 
-  // Specific handling for rate limits
-  if (error.response?.status === 400) {
-    logger.warn(`[Rate Limit] ${endpoint}`);
-    return null;
-  }
-
   throw error;
 };

src/services/migrationService.ts

@@ -73,6 +73,8 @@ interface Migration {
   name: string;
   /** SQL statement(s) to execute for this migration */
   sql: string;
+  /** Optional array of individual SQL statements for better error handling */
+  statements?: string[];
 }
 
 /**
@@ -225,6 +227,104 @@ export function registerMigration(migration: Migration): void {
  * }
  * ```
  */
+/**
+ * Helper function to check if a SQLite result indicates a table exists
+ * @param result - The result from a sqlite_master query
+ * @returns true if the table exists
+ */
+function checkSqliteTableResult(result: unknown): boolean {
+  return (
+    (result as unknown as { values: unknown[][] })?.values?.length > 0 ||
+    (Array.isArray(result) && result.length > 0)
+  );
+}
+
+/**
+ * Helper function to validate that a table exists in the database
+ * @param tableName - Name of the table to check
+ * @param sqlQuery - Function to execute SQL queries
+ * @returns Promise resolving to true if table exists
+ */
+async function validateTableExists<T>(
+  tableName: string,
+  sqlQuery: (sql: string, params?: unknown[]) => Promise<T>,
+): Promise<boolean> {
+  try {
+    const result = await sqlQuery(
+      `SELECT name FROM sqlite_master WHERE type='table' AND name='${tableName}'`,
+    );
+    return checkSqliteTableResult(result);
+  } catch (error) {
+    logger.error(`❌ [Validation] Error checking table ${tableName}:`, error);
+    return false;
+  }
+}
+
+/**
+ * Helper function to validate that a column exists in a table
+ * @param tableName - Name of the table
+ * @param columnName - Name of the column to check
+ * @param sqlQuery - Function to execute SQL queries
+ * @returns Promise resolving to true if column exists
+ */
+async function validateColumnExists<T>(
+  tableName: string,
+  columnName: string,
+  sqlQuery: (sql: string, params?: unknown[]) => Promise<T>,
+): Promise<boolean> {
+  try {
+    await sqlQuery(`SELECT ${columnName} FROM ${tableName} LIMIT 1`);
+    return true;
+  } catch (error) {
+    logger.error(
+      `❌ [Validation] Error checking column ${columnName} in ${tableName}:`,
+      error,
+    );
+    return false;
+  }
+}
+
+/**
+ * Helper function to validate multiple tables exist
+ * @param tableNames - Array of table names to check
+ * @param sqlQuery - Function to execute SQL queries
+ * @returns Promise resolving to array of validation results
+ */
+async function validateMultipleTables<T>(
+  tableNames: string[],
+  sqlQuery: (sql: string, params?: unknown[]) => Promise<T>,
+): Promise<{ exists: boolean; missing: string[] }> {
+  const missing: string[] = [];
+
+  for (const tableName of tableNames) {
+    const exists = await validateTableExists(tableName, sqlQuery);
+    if (!exists) {
+      missing.push(tableName);
+    }
+  }
+
+  return {
+    exists: missing.length === 0,
+    missing,
+  };
+}
+
+/**
+ * Helper function to add validation error with consistent logging
+ * @param validation - The validation object to update
+ * @param message - Error message to add
+ * @param error - The error object for logging
+ */
+function addValidationError(
+  validation: MigrationValidation,
+  message: string,
+  error: unknown,
+): void {
+  validation.isValid = false;
+  validation.errors.push(message);
+  logger.error(`❌ [Migration-Validation] ${message}:`, error);
+}
+
 async function validateMigrationApplication<T>(
   migration: Migration,
   sqlQuery: (sql: string, params?: unknown[]) => Promise<T>,
@@ -248,36 +348,82 @@ async function validateMigrationApplication<T>(
         "temp",
       ];
 
-      for (const tableName of tables) {
-        try {
-          await sqlQuery(
-            `SELECT name FROM sqlite_master WHERE type='table' AND name='${tableName}'`,
-          );
-          // Reduced logging - only log on error
-        } catch (error) {
-          validation.isValid = false;
-          validation.errors.push(`Table ${tableName} missing`);
-          logger.error(
-            `❌ [Migration-Validation] Table ${tableName} missing:`,
-            error,
-          );
-        }
-      }
-      validation.tableExists = validation.errors.length === 0;
-    } else if (migration.name === "002_add_iViewContent_to_contacts") {
-      // Validate iViewContent column exists in contacts table
-      try {
-        await sqlQuery(`SELECT iViewContent FROM contacts LIMIT 1`);
-        validation.hasExpectedColumns = true;
-        // Reduced logging - only log on error
-      } catch (error) {
+      const tableValidation = await validateMultipleTables(tables, sqlQuery);
+      if (!tableValidation.exists) {
         validation.isValid = false;
         validation.errors.push(
-          `Column iViewContent missing from contacts table`,
+          `Missing tables: ${tableValidation.missing.join(", ")}`,
         );
         logger.error(
-          `❌ [Migration-Validation] Column iViewContent missing:`,
-          error,
+          `❌ [Migration-Validation] Missing tables:`,
+          tableValidation.missing,
+        );
+      }
+      validation.tableExists = tableValidation.exists;
+    } else if (migration.name === "002_add_iViewContent_to_contacts") {
+      // Validate iViewContent column exists in contacts table
+      const columnExists = await validateColumnExists(
+        "contacts",
+        "iViewContent",
+        sqlQuery,
+      );
+      if (!columnExists) {
+        addValidationError(
+          validation,
+          "Column iViewContent missing from contacts table",
+          new Error("Column not found"),
+        );
+      } else {
+        validation.hasExpectedColumns = true;
+      }
+    } else if (migration.name === "004_active_identity_management") {
+      // Validate active_identity table exists and has correct structure
+      const activeIdentityExists = await validateTableExists(
+        "active_identity",
+        sqlQuery,
+      );
+
+      if (!activeIdentityExists) {
+        addValidationError(
+          validation,
+          "Table active_identity missing",
+          new Error("Table not found"),
+        );
+      } else {
+        validation.tableExists = true;
+
+        // Check that active_identity has the expected structure
+        const hasExpectedColumns = await validateColumnExists(
+          "active_identity",
+          "id, activeDid, lastUpdated",
+          sqlQuery,
+        );
+
+        if (!hasExpectedColumns) {
+          addValidationError(
+            validation,
+            "active_identity table missing expected columns",
+            new Error("Columns not found"),
+          );
+        } else {
+          validation.hasExpectedColumns = true;
+        }
+      }
+
+      // Check that hasBackedUpSeed column exists in settings table
+      // Note: This validation is included here because migration 004 is consolidated
+      // and includes the functionality from the original migration 003
+      const hasBackedUpSeedExists = await validateColumnExists(
+        "settings",
+        "hasBackedUpSeed",
+        sqlQuery,
+      );
+
+      if (!hasBackedUpSeedExists) {
+        addValidationError(
+          validation,
+          "Column hasBackedUpSeed missing from settings table",
+          new Error("Column not found"),
         );
       }
     }
@@ -343,6 +489,55 @@ async function isSchemaAlreadyPresent<T>(
         // Reduced logging - only log on error
         return false;
       }
+    } else if (migration.name === "003_add_hasBackedUpSeed_to_settings") {
+      // Check if hasBackedUpSeed column exists in settings table
+      try {
+        await sqlQuery(`SELECT hasBackedUpSeed FROM settings LIMIT 1`);
+        return true;
+      } catch (error) {
+        return false;
+      }
+    } else if (migration.name === "004_active_identity_management") {
+      // Check if active_identity table exists and has correct structure
+      try {
+        // Check that active_identity table exists
+        const activeIdentityResult = await sqlQuery(
+          `SELECT name FROM sqlite_master WHERE type='table' AND name='active_identity'`,
+        );
+        const hasActiveIdentityTable =
+          (activeIdentityResult as unknown as { values: unknown[][] })?.values
+            ?.length > 0 ||
+          (Array.isArray(activeIdentityResult) &&
+            activeIdentityResult.length > 0);
+
+        if (!hasActiveIdentityTable) {
+          return false;
+        }
+
+        // Check that active_identity has the expected structure
+        try {
+          await sqlQuery(
+            `SELECT id, activeDid, lastUpdated FROM active_identity LIMIT 1`,
+          );
+
+          // Also check that hasBackedUpSeed column exists in settings
+          // This is included because migration 004 is consolidated
+          try {
+            await sqlQuery(`SELECT hasBackedUpSeed FROM settings LIMIT 1`);
+            return true;
+          } catch (error) {
+            return false;
+          }
+        } catch (error) {
+          return false;
+        }
+      } catch (error) {
+        logger.error(
+          `🔍 [Migration-Schema] Schema check failed for ${migration.name}, assuming not present:`,
+          error,
+        );
+        return false;
+      }
     }
 
     // Add schema checks for future migrations here
@@ -404,15 +599,10 @@ export async function runMigrations<T>(
   sqlQuery: (sql: string, params?: unknown[]) => Promise<T>,
   extractMigrationNames: (result: T) => Set<string>,
 ): Promise<void> {
-  const isDevelopment = process.env.VITE_PLATFORM === "development";
-
-  // Use debug level for routine migration messages in development
-  const migrationLog = isDevelopment ? logger.debug : logger.log;
-
   try {
-    migrationLog("📋 [Migration] Starting migration process...");
+    logger.debug("📋 [Migration] Starting migration process...");
 
-    // Step 1: Create migrations table if it doesn't exist
+    // Create migrations table if it doesn't exist
     // Note: We use IF NOT EXISTS here because this is infrastructure, not a business migration
     await sqlExec(`
       CREATE TABLE IF NOT EXISTS migrations (
@@ -436,7 +626,8 @@ export async function runMigrations<T>(
       return;
     }
 
-    migrationLog(
+    // Only log migration counts in development
+    logger.debug(
       `📊 [Migration] Found ${migrations.length} total migrations, ${appliedMigrations.size} already applied`,
     );
 
@@ -448,22 +639,22 @@ export async function runMigrations<T>(
       // Check 1: Is it recorded as applied in migrations table?
       const isRecordedAsApplied = appliedMigrations.has(migration.name);
 
-      // Check 2: Does the schema already exist in the database?
-      const isSchemaPresent = await isSchemaAlreadyPresent(migration, sqlQuery);
-
-      // Skip if already recorded as applied
+      // Skip if already recorded as applied (name-only check)
       if (isRecordedAsApplied) {
         skippedCount++;
         continue;
       }
 
+      // Check 2: Does the schema already exist in the database?
+      const isSchemaPresent = await isSchemaAlreadyPresent(migration, sqlQuery);
+
       // Handle case where schema exists but isn't recorded
       if (isSchemaPresent) {
         try {
           await sqlExec("INSERT INTO migrations (name) VALUES (?)", [
             migration.name,
           ]);
-          migrationLog(
+          logger.debug(
             `✅ [Migration] Marked existing schema as applied: ${migration.name}`,
           );
           skippedCount++;
@@ -478,11 +669,20 @@ export async function runMigrations<T>(
       }
 
       // Apply the migration
-      migrationLog(`🔄 [Migration] Applying migration: ${migration.name}`);
+      logger.debug(`🔄 [Migration] Applying migration: ${migration.name}`);
 
       try {
-        // Execute the migration SQL
-        await sqlExec(migration.sql);
+        // Execute the migration SQL as single atomic operation
+        logger.debug(`🔧 [Migration] Executing SQL for: ${migration.name}`);
+        logger.debug(`🔧 [Migration] SQL content: ${migration.sql}`);
+
+        // Execute the migration SQL directly - it should be atomic
+        // The SQL itself should handle any necessary transactions
+        const execResult = await sqlExec(migration.sql);
+
+        logger.debug(
+          `🔧 [Migration] SQL execution result: ${JSON.stringify(execResult)}`,
+        );
 
         // Validate the migration was applied correctly
         const validation = await validateMigrationApplication(
@@ -501,11 +701,33 @@ export async function runMigrations<T>(
           migration.name,
         ]);
 
-        migrationLog(`🎉 [Migration] Successfully applied: ${migration.name}`);
+        logger.debug(`🎉 [Migration] Successfully applied: ${migration.name}`);
         appliedCount++;
       } catch (error) {
         logger.error(`❌ [Migration] Error applying ${migration.name}:`, error);
 
+        // Provide explicit rollback instructions for migration failures
+        logger.error(
+          `🔄 [Migration] ROLLBACK INSTRUCTIONS for ${migration.name}:`,
+        );
+        logger.error(`   1. Stop the application immediately`);
+        logger.error(
+          `   2. Restore database from pre-migration backup/snapshot`,
+        );
+        logger.error(
+          `   3. Remove migration entry: DELETE FROM migrations WHERE name = '${migration.name}'`,
+        );
+        logger.error(
+          `   4. Verify database state matches pre-migration condition`,
+        );
+        logger.error(`   5. Restart application and investigate root cause`);
+        logger.error(
+          `   FAILURE CAUSE: ${error instanceof Error ? error.message : String(error)}`,
+        );
+        logger.error(
+          `   REQUIRED OPERATOR ACTION: Manual database restoration required`,
+        );
+
         // Handle specific cases where the migration might be partially applied
         const errorMessage = String(error).toLowerCase();
 
@@ -517,7 +739,7 @@ export async function runMigrations<T>(
           (errorMessage.includes("table") &&
             errorMessage.includes("already exists"))
         ) {
-          migrationLog(
+          logger.debug(
             `⚠️  [Migration] ${migration.name} appears already applied (${errorMessage}). Validating and marking as complete.`,
           );
 
@@ -531,6 +753,8 @@ export async function runMigrations<T>(
               `⚠️  [Migration] Schema validation failed for ${migration.name}:`,
               validation.errors,
             );
+            // Don't mark as applied if validation fails
+            continue;
           }
 
           // Mark the migration as applied since the schema change already exists
@@ -538,7 +762,7 @@ export async function runMigrations<T>(
             await sqlExec("INSERT INTO migrations (name) VALUES (?)", [
               migration.name,
             ]);
-            migrationLog(`✅ [Migration] Marked as applied: ${migration.name}`);
+            logger.debug(`✅ [Migration] Marked as applied: ${migration.name}`);
             appliedCount++;
           } catch (insertError) {
             // If we can't insert the migration record, log it but don't fail
@@ -558,7 +782,7 @@ export async function runMigrations<T>(
       }
     }
 
-    // Step 5: Final validation - verify all migrations are properly recorded
+    // Step 6: Final validation - verify all migrations are properly recorded
     const finalMigrationsResult = await sqlQuery("SELECT name FROM migrations");
     const finalAppliedMigrations = extractMigrationNames(finalMigrationsResult);
 
@@ -574,7 +798,7 @@ export async function runMigrations<T>(
       );
     }
 
-    // Always show completion message
+    // Only show completion message in development
     logger.log(
       `🎉 [Migration] Migration process complete! Summary: ${appliedCount} applied, ${skippedCount} skipped`,
     );

src/services/platforms/BaseDatabaseService.ts

@@ -0,0 +1,297 @@
+/**
+ * @fileoverview Base Database Service for Platform Services
+ * @author Matthew Raymer
+ *
+ * This abstract base class provides common database operations that are
+ * identical across all platform implementations. It eliminates code
+ * duplication and ensures consistency in database operations.
+ *
+ * Key Features:
+ * - Common database utility methods
+ * - Consistent settings management
+ * - Active identity management
+ * - Abstract methods for platform-specific database operations
+ *
+ * Architecture:
+ * - Abstract base class with common implementations
+ * - Platform services extend this class
+ * - Platform-specific database operations remain abstract
+ *
+ * @since 1.1.1-beta
+ */
+
+import { logger } from "../../utils/logger";
+import { QueryExecResult } from "@/interfaces/database";
+
+/**
+ * Abstract base class for platform-specific database services.
+ *
+ * This class provides common database operations that are identical
+ * across all platform implementations (Web, Capacitor, Electron).
+ * Platform-specific services extend this class and implement the
+ * abstract database operation methods.
+ *
+ * Common Operations:
+ * - Settings management (update, retrieve, insert)
+ * - Active identity management
+ * - Database utility methods
+ *
+ * @abstract
+ * @example
+ * ```typescript
+ * export class WebPlatformService extends BaseDatabaseService {
+ *   async dbQuery(sql: string, params?: unknown[]): Promise<QueryExecResult> {
+ *     // Web-specific implementation
+ *   }
+ * }
+ * ```
+ */
+export abstract class BaseDatabaseService {
+  /**
+   * Generate an INSERT statement for a model object.
+   *
+   * Creates a parameterized INSERT statement with placeholders for
+   * all properties in the model object. This ensures safe SQL
+   * execution and prevents SQL injection.
+   *
+   * @param model - Object containing the data to insert
+   * @param tableName - Name of the target table
+   * @returns Object containing the SQL statement and parameters
+   *
+   * @example
+   * ```typescript
+   * const { sql, params } = this.generateInsertStatement(
+   *   { name: 'John', age: 30 },
+   *   'users'
+   * );
+   * // sql: "INSERT INTO users (name, age) VALUES (?, ?)"
+   * // params: ['John', 30]
+   * ```
+   */
+  generateInsertStatement(
+    model: Record<string, unknown>,
+    tableName: string,
+  ): { sql: string; params: unknown[] } {
+    const keys = Object.keys(model);
+    const placeholders = keys.map(() => "?").join(", ");
+    const sql = `INSERT INTO ${tableName} (${keys.join(", ")}) VALUES (${placeholders})`;
+    const params = keys.map((key) => model[key]);
+    return { sql, params };
+  }
+
+  /**
+   * Update default settings for the currently active account.
+   *
+   * Retrieves the active DID from the active_identity table and updates
+   * the corresponding settings record. This ensures settings are always
+   * updated for the correct account.
+   *
+   * @param settings - Object containing the settings to update
+   * @returns Promise that resolves when settings are updated
+   *
+   * @throws {Error} If no active DID is found or database operation fails
+   *
+   * @example
+   * ```typescript
+   * await this.updateDefaultSettings({
+   *   theme: 'dark',
+   *   notifications: true
+   * });
+   * ```
+   */
+  async updateDefaultSettings(
+    settings: Record<string, unknown>,
+  ): Promise<void> {
+    // Get current active DID and update that identity's settings
+    const activeIdentity = await this.getActiveIdentity();
+    const activeDid = activeIdentity.activeDid;
+
+    if (!activeDid) {
+      logger.warn(
+        "[BaseDatabaseService] No active DID found, cannot update default settings",
+      );
+      return;
+    }
+
+    const keys = Object.keys(settings);
+    const setClause = keys.map((key) => `${key} = ?`).join(", ");
+    const sql = `UPDATE settings SET ${setClause} WHERE accountDid = ?`;
+    const params = [...keys.map((key) => settings[key]), activeDid];
+    await this.dbExec(sql, params);
+  }
+
+  /**
+   * Update the active DID in the active_identity table.
+   *
+   * Sets the active DID and updates the lastUpdated timestamp.
+   * This is used when switching between different accounts/identities.
+   *
+   * @param did - The DID to set as active
+   * @returns Promise that resolves when the update is complete
+   *
+   * @example
+   * ```typescript
+   * await this.updateActiveDid('did:example:123');
+   * ```
+   */
+  async updateActiveDid(did: string): Promise<void> {
+    await this.dbExec(
+      "UPDATE active_identity SET activeDid = ?, lastUpdated = datetime('now') WHERE id = 1",
+      [did],
+    );
+  }
+
+  /**
+   * Get the currently active DID from the active_identity table.
+   *
+   * Retrieves the active DID that represents the currently selected
+   * account/identity. This is used throughout the application to
+   * ensure operations are performed on the correct account.
+   *
+   * @returns Promise resolving to object containing the active DID
+   *
+   * @example
+   * ```typescript
+   * const { activeDid } = await this.getActiveIdentity();
+   * console.log('Current active DID:', activeDid);
+   * ```
+   */
+  async getActiveIdentity(): Promise<{ activeDid: string }> {
+    const result = (await this.dbQuery(
+      "SELECT activeDid FROM active_identity WHERE id = 1",
+    )) as QueryExecResult;
+    return {
+      activeDid: (result?.values?.[0]?.[0] as string) || "",
+    };
+  }
+
+  /**
+   * Insert a new DID into the settings table with default values.
+   *
+   * Creates a new settings record for a DID with default configuration
+   * values. Uses INSERT OR REPLACE to handle cases where settings
+   * already exist for the DID.
+   *
+   * @param did - The DID to create settings for
+   * @returns Promise that resolves when settings are created
+   *
+   * @example
+   * ```typescript
+   * await this.insertNewDidIntoSettings('did:example:123');
+   * ```
+   */
+  async insertNewDidIntoSettings(did: string): Promise<void> {
+    // Import constants dynamically to avoid circular dependencies
+    const { DEFAULT_ENDORSER_API_SERVER, DEFAULT_PARTNER_API_SERVER } =
+      await import("@/constants/app");
+
+    // Use INSERT OR REPLACE to handle case where settings already exist for this DID
+    // This prevents duplicate accountDid entries and ensures data integrity
+    await this.dbExec(
+      "INSERT OR REPLACE INTO settings (accountDid, finishedOnboarding, apiServer, partnerApiServer) VALUES (?, ?, ?, ?)",
+      [did, false, DEFAULT_ENDORSER_API_SERVER, DEFAULT_PARTNER_API_SERVER],
+    );
+  }
+
+  /**
+   * Update settings for a specific DID.
+   *
+   * Updates settings for a particular DID rather than the active one.
+   * This is useful for bulk operations or when managing multiple accounts.
+   *
+   * @param did - The DID to update settings for
+   * @param settings - Object containing the settings to update
+   * @returns Promise that resolves when settings are updated
+   *
+   * @example
+   * ```typescript
+   * await this.updateDidSpecificSettings('did:example:123', {
+   *   theme: 'light',
+   *   notifications: false
+   * });
+   * ```
+   */
+  async updateDidSpecificSettings(
+    did: string,
+    settings: Record<string, unknown>,
+  ): Promise<void> {
+    const keys = Object.keys(settings);
+    const setClause = keys.map((key) => `${key} = ?`).join(", ");
+    const sql = `UPDATE settings SET ${setClause} WHERE accountDid = ?`;
+    const params = [...keys.map((key) => settings[key]), did];
+    await this.dbExec(sql, params);
+  }
+
+  /**
+   * Retrieve settings for the currently active account.
+   *
+   * Gets the active DID and retrieves all settings for that account.
+   * Excludes the 'id' column from the returned settings object.
+   *
+   * @returns Promise resolving to settings object or null if no active DID
+   *
+   * @example
+   * ```typescript
+   * const settings = await this.retrieveSettingsForActiveAccount();
+   * if (settings) {
+   *   console.log('Theme:', settings.theme);
+   *   console.log('Notifications:', settings.notifications);
+   * }
+   * ```
+   */
+  async retrieveSettingsForActiveAccount(): Promise<Record<
+    string,
+    unknown
+  > | null> {
+    // Get current active DID from active_identity table
+    const activeIdentity = await this.getActiveIdentity();
+    const activeDid = activeIdentity.activeDid;
+
+    if (!activeDid) {
+      return null;
+    }
+
+    const result = (await this.dbQuery(
+      "SELECT * FROM settings WHERE accountDid = ?",
+      [activeDid],
+    )) as QueryExecResult;
+    if (result?.values?.[0]) {
+      // Convert the row to an object
+      const row = result.values[0];
+      const columns = result.columns || [];
+      const settings: Record<string, unknown> = {};
+
+      columns.forEach((column: string, index: number) => {
+        if (column !== "id") {
+          // Exclude the id column
+          settings[column] = row[index];
+        }
+      });
+
+      return settings;
+    }
+    return null;
+  }
+
+  // Abstract methods that must be implemented by platform-specific services
+
+  /**
+   * Execute a database query (SELECT operations).
+   *
+   * @abstract
+   * @param sql - SQL query string
+   * @param params - Optional parameters for prepared statements
+   * @returns Promise resolving to query results
+   */
+  abstract dbQuery(sql: string, params?: unknown[]): Promise<unknown>;
+
+  /**
+   * Execute a database statement (INSERT, UPDATE, DELETE operations).
+   *
+   * @abstract
+   * @param sql - SQL statement string
+   * @param params - Optional parameters for prepared statements
+   * @returns Promise resolving to execution results
+   */
+  abstract dbExec(sql: string, params?: unknown[]): Promise<unknown>;
+}

src/services/platforms/CapacitorPlatformService.ts

@@ -22,9 +22,10 @@ import {
   PlatformCapabilities,
 } from "../PlatformService";
 import { logger } from "../../utils/logger";
+import { BaseDatabaseService } from "./BaseDatabaseService";
 
 interface QueuedOperation {
-  type: "run" | "query";
+  type: "run" | "query" | "rawQuery";
   sql: string;
   params: unknown[];
   resolve: (value: unknown) => void;
@@ -39,7 +40,10 @@ interface QueuedOperation {
  * - Platform-specific features
  * - SQLite database operations
  */
-export class CapacitorPlatformService implements PlatformService {
+export class CapacitorPlatformService
+  extends BaseDatabaseService
+  implements PlatformService
+{
   /** Current camera direction */
   private currentDirection: CameraDirection = CameraDirection.Rear;
 
@@ -52,6 +56,7 @@ export class CapacitorPlatformService implements PlatformService {
   private isProcessingQueue: boolean = false;
 
   constructor() {
+    super();
     this.sqlite = new SQLiteConnection(CapacitorSQLite);
   }
 
@@ -66,13 +71,13 @@ export class CapacitorPlatformService implements PlatformService {
       return this.initializationPromise;
     }
 
-    // Start initialization
-    this.initializationPromise = this._initialize();
     try {
+      // Start initialization
+      this.initializationPromise = this._initialize();
       await this.initializationPromise;
     } catch (error) {
       logger.error(
-        "[CapacitorPlatformService] Initialize method failed:",
+        "[CapacitorPlatformService] Initialize database method failed:",
         error,
       );
       this.initializationPromise = null; // Reset on failure
@@ -159,6 +164,14 @@ export class CapacitorPlatformService implements PlatformService {
             };
             break;
           }
+          case "rawQuery": {
+            const queryResult = await this.db.query(
+              operation.sql,
+              operation.params,
+            );
+            result = queryResult;
+            break;
+          }
         }
         operation.resolve(result);
       } catch (error) {
@@ -500,9 +513,24 @@ export class CapacitorPlatformService implements PlatformService {
         // This is essential for proper parameter binding and SQL injection prevention
         await this.db!.run(sql, params);
       } else {
-        // Use execute method for non-parameterized queries
-        // This is more efficient for simple DDL statements
-        await this.db!.execute(sql);
+        // For multi-statement SQL (like migrations), use executeSet method
+        // This handles multiple statements properly
+        if (
+          sql.includes(";") &&
+          sql.split(";").filter((s) => s.trim()).length > 1
+        ) {
+          // Multi-statement SQL - use executeSet for proper handling
+          const statements = sql.split(";").filter((s) => s.trim());
+          await this.db!.executeSet(
+            statements.map((stmt) => ({
+              statement: stmt.trim(),
+              values: [], // Empty values array for non-parameterized statements
+            })),
+          );
+        } else {
+          // Single statement - use execute method
+          await this.db!.execute(sql);
+        }
       }
     };
 
@@ -1270,6 +1298,14 @@ export class CapacitorPlatformService implements PlatformService {
     return undefined;
   }
 
+  /**
+   * @see PlatformService.dbRawQuery
+   */
+  async dbRawQuery(sql: string, params?: unknown[]): Promise<unknown> {
+    await this.waitForInitialization();
+    return this.queueOperation("rawQuery", sql, params || []);
+  }
+
   /**
    * Checks if running on Capacitor platform.
    * @returns true, as this is the Capacitor implementation
@@ -1297,63 +1333,8 @@ export class CapacitorPlatformService implements PlatformService {
   // --- PWA/Web-only methods (no-op for Capacitor) ---
   public registerServiceWorker(): void {}
 
-  // Database utility methods
-  generateInsertStatement(
-    model: Record<string, unknown>,
-    tableName: string,
-  ): { sql: string; params: unknown[] } {
-    const keys = Object.keys(model);
-    const placeholders = keys.map(() => "?").join(", ");
-    const sql = `INSERT INTO ${tableName} (${keys.join(", ")}) VALUES (${placeholders})`;
-    const params = keys.map((key) => model[key]);
-    return { sql, params };
-  }
-
-  async updateDefaultSettings(
-    settings: Record<string, unknown>,
-  ): Promise<void> {
-    const keys = Object.keys(settings);
-    const setClause = keys.map((key) => `${key} = ?`).join(", ");
-    const sql = `UPDATE settings SET ${setClause} WHERE id = 1`;
-    const params = keys.map((key) => settings[key]);
-    await this.dbExec(sql, params);
-  }
-
-  async insertNewDidIntoSettings(did: string): Promise<void> {
-    await this.dbExec("INSERT INTO settings (accountDid) VALUES (?)", [did]);
-  }
-
-  async updateDidSpecificSettings(
-    did: string,
-    settings: Record<string, unknown>,
-  ): Promise<void> {
-    const keys = Object.keys(settings);
-    const setClause = keys.map((key) => `${key} = ?`).join(", ");
-    const sql = `UPDATE settings SET ${setClause} WHERE accountDid = ?`;
-    const params = [...keys.map((key) => settings[key]), did];
-    await this.dbExec(sql, params);
-  }
-
-  async retrieveSettingsForActiveAccount(): Promise<Record<
-    string,
-    unknown
-  > | null> {
-    const result = await this.dbQuery("SELECT * FROM settings WHERE id = 1");
-    if (result?.values?.[0]) {
-      // Convert the row to an object
-      const row = result.values[0];
-      const columns = result.columns || [];
-      const settings: Record<string, unknown> = {};
-
-      columns.forEach((column, index) => {
-        if (column !== "id") {
-          // Exclude the id column
-          settings[column] = row[index];
-        }
-      });
-
-      return settings;
-    }
-    return null;
-  }
+  // Database utility methods - inherited from BaseDatabaseService
+  // generateInsertStatement, updateDefaultSettings, updateActiveDid,
+  // getActiveIdentity, insertNewDidIntoSettings, updateDidSpecificSettings,
+  // retrieveSettingsForActiveAccount are all inherited from BaseDatabaseService
 }

src/services/platforms/WebPlatformService.ts

@@ -5,6 +5,7 @@ import {
 } from "../PlatformService";
 import { logger } from "../../utils/logger";
 import { QueryExecResult } from "@/interfaces/database";
+import { BaseDatabaseService } from "./BaseDatabaseService";
 // Dynamic import of initBackend to prevent worker context errors
 import type {
   WorkerRequest,
@@ -29,7 +30,10 @@ import type {
  * Note: File system operations are not available in the web platform
  * due to browser security restrictions. These methods throw appropriate errors.
  */
-export class WebPlatformService implements PlatformService {
+export class WebPlatformService
+  extends BaseDatabaseService
+  implements PlatformService
+{
   private static instanceCount = 0; // Debug counter
   private worker: Worker | null = null;
   private workerReady = false;
@@ -46,17 +50,16 @@ export class WebPlatformService implements PlatformService {
   private readonly messageTimeout = 30000; // 30 seconds
 
   constructor() {
+    super();
     WebPlatformService.instanceCount++;
 
-    // Use debug level logging for development mode to reduce console noise
-    const isDevelopment = process.env.VITE_PLATFORM === "development";
-    const log = isDevelopment ? logger.debug : logger.log;
-
-    log("[WebPlatformService] Initializing web platform service");
+    logger.debug("[WebPlatformService] Initializing web platform service");
 
     // Only initialize SharedArrayBuffer setup for web platforms
     if (this.isWorker()) {
-      log("[WebPlatformService] Skipping initBackend call in worker context");
+      logger.debug(
+        "[WebPlatformService] Skipping initBackend call in worker context",
+      );
       return;
     }
 
@@ -636,6 +639,17 @@ export class WebPlatformService implements PlatformService {
     } as GetOneRowRequest);
   }
 
+  /**
+   * @see PlatformService.dbRawQuery
+   */
+  async dbRawQuery(
+    sql: string,
+    params?: unknown[],
+  ): Promise<unknown | undefined> {
+    // This class doesn't post-process the result, so we can just use it.
+    return this.dbQuery(sql, params);
+  }
+
   /**
    * Rotates the camera between front and back cameras.
    * @returns Promise that resolves when the camera is rotated
@@ -659,69 +673,8 @@ export class WebPlatformService implements PlatformService {
     // SharedArrayBuffer initialization is handled by initBackend call in initializeWorker
   }
 
-  // Database utility methods
-  generateInsertStatement(
-    model: Record<string, unknown>,
-    tableName: string,
-  ): { sql: string; params: unknown[] } {
-    const keys = Object.keys(model);
-    const placeholders = keys.map(() => "?").join(", ");
-    const sql = `INSERT INTO ${tableName} (${keys.join(", ")}) VALUES (${placeholders})`;
-    const params = keys.map((key) => model[key]);
-    return { sql, params };
-  }
-
-  async updateDefaultSettings(
-    settings: Record<string, unknown>,
-  ): Promise<void> {
-    const keys = Object.keys(settings);
-    const setClause = keys.map((key) => `${key} = ?`).join(", ");
-    const sql = `UPDATE settings SET ${setClause} WHERE id = 1`;
-    const params = keys.map((key) => settings[key]);
-    await this.dbExec(sql, params);
-  }
-
-  async insertNewDidIntoSettings(did: string): Promise<void> {
-    await this.dbExec("INSERT INTO settings (accountDid) VALUES (?)", [did]);
-  }
-
-  async updateDidSpecificSettings(
-    did: string,
-    settings: Record<string, unknown>,
-  ): Promise<void> {
-    const keys = Object.keys(settings);
-    const setClause = keys.map((key) => `${key} = ?`).join(", ");
-    const sql = `UPDATE settings SET ${setClause} WHERE accountDid = ?`;
-    const params = [...keys.map((key) => settings[key]), did];
-    // Log update operation for debugging
-    logger.debug(
-      "[WebPlatformService] updateDidSpecificSettings",
-      sql,
-      JSON.stringify(params, null, 2),
-    );
-    await this.dbExec(sql, params);
-  }
-
-  async retrieveSettingsForActiveAccount(): Promise<Record<
-    string,
-    unknown
-  > | null> {
-    const result = await this.dbQuery("SELECT * FROM settings WHERE id = 1");
-    if (result?.values?.[0]) {
-      // Convert the row to an object
-      const row = result.values[0];
-      const columns = result.columns || [];
-      const settings: Record<string, unknown> = {};
-
-      columns.forEach((column, index) => {
-        if (column !== "id") {
-          // Exclude the id column
-          settings[column] = row[index];
-        }
-      });
-
-      return settings;
-    }
-    return null;
-  }
+  // Database utility methods - inherited from BaseDatabaseService
+  // generateInsertStatement, updateDefaultSettings, updateActiveDid,
+  // getActiveIdentity, insertNewDidIntoSettings, updateDidSpecificSettings,
+  // retrieveSettingsForActiveAccount are all inherited from BaseDatabaseService
 }

src/test/PlatformServiceMixinTest.vue

@@ -85,7 +85,6 @@
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
 import { PlatformServiceMixin } from "@/utils/PlatformServiceMixin";
-import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 
 @Component({
   mixins: [PlatformServiceMixin],
@@ -197,10 +196,10 @@ This tests the helper method only - no database interaction`;
       const success = await this.$saveSettings(testSettings);
 
       if (success) {
-        // Now query the raw database to see how it's actually stored
+        // Now query the raw database to see how it's actually stored.
+        // Note that new users probably have settings with ID of 1 but old migrated users might skip to 2.
         const rawResult = await this.$dbQuery(
-          "SELECT searchBoxes FROM settings WHERE id = ?",
-          [MASTER_SETTINGS_KEY],
+          "SELECT searchBoxes FROM settings limit 1",
         );
 
         if (rawResult?.values?.length) {

src/test/index.ts

@@ -66,7 +66,7 @@ export async function testServerRegisterUser() {
 
   // Make a payload for the claim
   const vcPayload = {
-    sub: "RegisterAction",
+    sub: identity0.did,
     vc: {
       "@context": ["https://www.w3.org/2018/credentials/v1"],
       type: ["VerifiableCredential"],

src/utils/PlatformServiceMixin.ts

@@ -45,7 +45,6 @@ import type {
   PlatformCapabilities,
 } from "@/services/PlatformService";
 import {
-  MASTER_SETTINGS_KEY,
   type Settings,
   type SettingsWithJsonStrings,
 } from "@/db/tables/settings";
@@ -53,7 +52,11 @@ import { logger } from "@/utils/logger";
 import { Contact, ContactMaybeWithJsonStrings } from "@/db/tables/contacts";
 import { Account } from "@/db/tables/accounts";
 import { Temp } from "@/db/tables/temp";
-import { QueryExecResult, DatabaseExecResult } from "@/interfaces/database";
+import {
+  QueryExecResult,
+  DatabaseExecResult,
+  SqlValue,
+} from "@/interfaces/database";
 import {
   generateInsertStatement,
   generateUpdateStatement,
@@ -210,11 +213,53 @@ export const PlatformServiceMixin = {
         logger.debug(
           `[PlatformServiceMixin] ActiveDid updated from ${oldDid} to ${newDid}`,
         );
+
+        // Write only to active_identity table (single source of truth)
+        try {
+          await this.$dbExec(
+            "UPDATE active_identity SET activeDid = ?, lastUpdated = datetime('now') WHERE id = 1",
+            [newDid || ""],
+          );
+          logger.debug(
+            `[PlatformServiceMixin] ActiveDid updated in active_identity table: ${newDid}`,
+          );
+        } catch (error) {
+          logger.error(
+            `[PlatformServiceMixin] Error updating activeDid in active_identity table ${newDid}:`,
+            error,
+          );
+          // Continue with in-memory update even if database write fails
+        }
+
         // // Clear caches that might be affected by the change
         // this.$clearAllCaches();
       }
     },
 
+    /**
+     * Get available account DIDs for user selection
+     * Returns array of DIDs that can be set as active identity
+     */
+    async $getAvailableAccountDids(): Promise<string[]> {
+      try {
+        const result = await this.$dbQuery(
+          "SELECT did FROM accounts ORDER BY did",
+        );
+
+        if (!result?.values?.length) {
+          return [];
+        }
+
+        return result.values.map((row: SqlValue[]) => row[0] as string);
+      } catch (error) {
+        logger.error(
+          "[PlatformServiceMixin] Error getting available account DIDs:",
+          error,
+        );
+        return [];
+      }
+    },
+
     /**
      * Map database columns to values with proper type conversion
      * Handles boolean conversion from SQLite integers (0/1) to boolean values
@@ -230,16 +275,22 @@ export const PlatformServiceMixin = {
 
           // Convert SQLite integer booleans to JavaScript booleans
           if (
+            // settings
             column === "isRegistered" ||
             column === "finishedOnboarding" ||
             column === "filterFeedByVisible" ||
             column === "filterFeedByNearby" ||
+            column === "hasBackedUpSeed" ||
             column === "hideRegisterPromptOnNewContact" ||
             column === "showContactGivesInline" ||
             column === "showGeneralAdvanced" ||
             column === "showShortcutBvc" ||
             column === "warnIfProdServer" ||
-            column === "warnIfTestServer"
+            column === "warnIfTestServer" ||
+            // contacts
+            column === "iViewContent" ||
+            column === "registered" ||
+            column === "seesMe"
           ) {
             if (value === 1) {
               value = true;
@@ -249,13 +300,13 @@ export const PlatformServiceMixin = {
             // Keep null values as null
           }
 
-          // Handle JSON fields like contactMethods
-          if (column === "contactMethods" && typeof value === "string") {
-            try {
-              value = JSON.parse(value);
-            } catch {
-              value = [];
-            }
+          // Convert SQLite JSON strings to objects/arrays
+          if (
+            column === "contactMethods" ||
+            column === "searchBoxes" ||
+            column === "starredPlanHandleIds"
+          ) {
+            value = this._parseJsonField(value, []);
           }
 
           obj[column] = value;
@@ -265,10 +316,13 @@ export const PlatformServiceMixin = {
     },
 
     /**
-     * Self-contained implementation of parseJsonField
-     * Safely parses JSON strings with fallback to default value
+     * Safely parses JSON strings with fallback to default value.
+     * Handles different SQLite implementations:
+     * - Web SQLite (wa-sqlite/absurd-sql): Auto-parses JSON strings to objects
+     * - Capacitor SQLite: Returns raw strings that need manual parsing
      *
-     * Consolidate this with src/libs/util.ts parseJsonField
+     * See also src/db/databaseUtil.ts parseJsonField
+     * and maybe consolidate
      */
     _parseJsonField<T>(value: unknown, defaultValue: T): T {
       if (typeof value === "string") {
@@ -299,6 +353,14 @@ export const PlatformServiceMixin = {
           ? JSON.stringify(settings.searchBoxes)
           : String(settings.searchBoxes);
       }
+      if (settings.starredPlanHandleIds !== undefined) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (converted as any).starredPlanHandleIds = Array.isArray(
+          settings.starredPlanHandleIds,
+        )
+          ? JSON.stringify(settings.starredPlanHandleIds)
+          : String(settings.starredPlanHandleIds);
+      }
 
       return converted;
     },
@@ -418,7 +480,10 @@ export const PlatformServiceMixin = {
     /**
      * Enhanced database single row query method with error handling
      */
-    async $dbGetOneRow(sql: string, params?: unknown[]) {
+    async $dbGetOneRow(
+      sql: string,
+      params?: unknown[],
+    ): Promise<SqlValue[] | undefined> {
       try {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return await (this as any).platformService.dbGetOneRow(sql, params);
@@ -436,18 +501,47 @@ export const PlatformServiceMixin = {
       }
     },
 
+    /**
+     * Database raw query method with error handling
+     */
+    async $dbRawQuery(sql: string, params?: unknown[]) {
+      try {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return await (this as any).platformService.dbRawQuery(sql, params);
+      } catch (error) {
+        logger.error(
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          `[${(this as any).$options.name}] Database raw query failed:`,
+          {
+            sql,
+            params,
+            error,
+          },
+        );
+        throw error;
+      }
+    },
+
     /**
      * Utility method for retrieving master settings
      * Common pattern used across many components
      */
-    async $getMasterSettings(
+    async _getMasterSettings(
       fallback: Settings | null = null,
     ): Promise<Settings | null> {
       try {
-        // Master settings: query by id
+        // Get current active identity
+        const activeIdentity = await this.$getActiveIdentity();
+        const activeDid = activeIdentity.activeDid;
+
+        if (!activeDid) {
+          return fallback;
+        }
+
+        // Get identity-specific settings
         const result = await this.$dbQuery(
-          "SELECT * FROM settings WHERE id = ?",
-          [MASTER_SETTINGS_KEY],
+          "SELECT * FROM settings WHERE accountDid = ?",
+          [activeDid],
         );
 
         if (!result?.values?.length) {
@@ -469,6 +563,12 @@ export const PlatformServiceMixin = {
         if (settings.searchBoxes) {
           settings.searchBoxes = this._parseJsonField(settings.searchBoxes, []);
         }
+        if (settings.starredPlanHandleIds) {
+          settings.starredPlanHandleIds = this._parseJsonField(
+            settings.starredPlanHandleIds,
+            [],
+          );
+        }
 
         return settings;
       } catch (error) {
@@ -484,13 +584,12 @@ export const PlatformServiceMixin = {
      * Handles the common pattern of layered settings
      */
     async $getMergedSettings(
-      defaultKey: string,
       accountDid?: string,
       defaultFallback: Settings = {},
     ): Promise<Settings> {
       try {
         // Get default settings
-        const defaultSettings = await this.$getMasterSettings(defaultFallback);
+        const defaultSettings = await this._getMasterSettings(defaultFallback);
 
         // If no account DID, return defaults
         if (!accountDid) {
@@ -536,11 +635,16 @@ export const PlatformServiceMixin = {
             [],
           );
         }
+        if (mergedSettings.starredPlanHandleIds) {
+          mergedSettings.starredPlanHandleIds = this._parseJsonField(
+            mergedSettings.starredPlanHandleIds,
+            [],
+          );
+        }
 
         return mergedSettings;
       } catch (error) {
         logger.error(`[Settings Trace] ❌ Failed to get merged settings:`, {
-          defaultKey,
           accountDid,
           error,
         });
@@ -548,6 +652,73 @@ export const PlatformServiceMixin = {
       }
     },
 
+    /**
+     * Get active identity from the new active_identity table
+     * This replaces the activeDid field in settings for better architecture
+     */
+    async $getActiveIdentity(): Promise<{ activeDid: string }> {
+      try {
+        const result = await this.$dbQuery(
+          "SELECT activeDid FROM active_identity WHERE id = 1",
+        );
+
+        if (!result?.values?.length) {
+          logger.warn(
+            "[PlatformServiceMixin] Active identity table is empty - this may indicate a migration issue",
+          );
+          return { activeDid: "" };
+        }
+
+        const activeDid = result.values[0][0] as string | null;
+
+        // Handle null activeDid (initial state after migration) - auto-select first account
+        if (activeDid === null) {
+          const firstAccount = await this.$dbQuery(
+            "SELECT did FROM accounts ORDER BY dateCreated, did LIMIT 1",
+          );
+
+          if (firstAccount?.values?.length) {
+            const firstAccountDid = firstAccount.values[0][0] as string;
+            await this.$dbExec(
+              "UPDATE active_identity SET activeDid = ?, lastUpdated = datetime('now') WHERE id = 1",
+              [firstAccountDid],
+            );
+            return { activeDid: firstAccountDid };
+          }
+
+          logger.warn(
+            "[PlatformServiceMixin] No accounts available for auto-selection",
+          );
+          return { activeDid: "" };
+        }
+
+        // Validate activeDid exists in accounts
+        const accountExists = await this.$dbQuery(
+          "SELECT did FROM accounts WHERE did = ?",
+          [activeDid],
+        );
+
+        if (accountExists?.values?.length) {
+          return { activeDid };
+        }
+
+        // Clear corrupted activeDid and return empty
+        logger.warn(
+          "[PlatformServiceMixin] Active identity not found in accounts, clearing",
+        );
+        await this.$dbExec(
+          "UPDATE active_identity SET activeDid = NULL, lastUpdated = datetime('now') WHERE id = 1",
+        );
+        return { activeDid: "" };
+      } catch (error) {
+        logger.error(
+          "[PlatformServiceMixin] Error getting active identity:",
+          error,
+        );
+        return { activeDid: "" };
+      }
+    },
+
     /**
      * Transaction wrapper with automatic rollback on error
      */
@@ -563,6 +734,76 @@ export const PlatformServiceMixin = {
       }
     },
 
+    // =================================================
+    // SMART DELETION PATTERN DAL METHODS
+    // =================================================
+
+    /**
+     * Get account DID by ID
+     * Required for smart deletion pattern
+     */
+    async $getAccountDidById(id: number): Promise<string> {
+      const result = await this.$dbQuery(
+        "SELECT did FROM accounts WHERE id = ?",
+        [id],
+      );
+      return result?.values?.[0]?.[0] as string;
+    },
+
+    /**
+     * Get active DID (returns null if none selected)
+     * Required for smart deletion pattern
+     */
+    async $getActiveDid(): Promise<string | null> {
+      const result = await this.$dbQuery(
+        "SELECT activeDid FROM active_identity WHERE id = 1",
+      );
+      return (result?.values?.[0]?.[0] as string) || null;
+    },
+
+    /**
+     * Set active DID (can be null for no selection)
+     * Required for smart deletion pattern
+     */
+    async $setActiveDid(did: string | null): Promise<void> {
+      await this.$dbExec(
+        "UPDATE active_identity SET activeDid = ?, lastUpdated = datetime('now') WHERE id = 1",
+        [did],
+      );
+    },
+
+    /**
+     * Count total accounts
+     * Required for smart deletion pattern
+     */
+    async $countAccounts(): Promise<number> {
+      const result = await this.$dbQuery("SELECT COUNT(*) FROM accounts");
+      return (result?.values?.[0]?.[0] as number) || 0;
+    },
+
+    /**
+     * Deterministic "next" picker for account selection
+     * Required for smart deletion pattern
+     */
+    $pickNextAccountDid(all: string[], current?: string): string {
+      const sorted = [...all].sort();
+      if (!current) return sorted[0];
+      const i = sorted.indexOf(current);
+      return sorted[(i + 1) % sorted.length];
+    },
+
+    /**
+     * Ensure an active account is selected (repair hook)
+     * Required for smart deletion pattern bootstrapping
+     */
+    async $ensureActiveSelected(): Promise<void> {
+      const active = await this.$getActiveDid();
+      const all = await this.$getAllAccountDids();
+      if (active === null && all.length > 0) {
+        await this.$setActiveDid(this.$pickNextAccountDid(all));
+      }
+    },
+
     // =================================================
     // ULTRA-CONCISE DATABASE METHODS (shortest names)
     // =================================================
@@ -601,7 +842,7 @@ export const PlatformServiceMixin = {
     async $one(
       sql: string,
       params: unknown[] = [],
-    ): Promise<unknown[] | undefined> {
+    ): Promise<SqlValue[] | undefined> {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       return await (this as any).platformService.dbGetOneRow(sql, params);
     },
@@ -753,20 +994,20 @@ export const PlatformServiceMixin = {
      * @returns Fresh settings object from database
      */
     async $settings(defaults: Settings = {}): Promise<Settings> {
-      const settings = await this.$getMasterSettings(defaults);
+      const settings = await this._getMasterSettings(defaults);
 
       if (!settings) {
         return defaults;
       }
 
-      // FIXED: Remove forced override - respect user preferences
+      // FIXED: Set default apiServer for all platforms, not just Electron
       // Only set default if no user preference exists
-      if (!settings.apiServer && process.env.VITE_PLATFORM === "electron") {
+      if (!settings.apiServer) {
         // Import constants dynamically to get platform-specific values
         const { DEFAULT_ENDORSER_API_SERVER } = await import(
           "../constants/app"
         );
-        // Only set if user hasn't specified a preference
+        // Set default for all platforms when apiServer is empty
         settings.apiServer = DEFAULT_ENDORSER_API_SERVER;
       }
 
@@ -786,14 +1027,15 @@ export const PlatformServiceMixin = {
     ): Promise<Settings> {
       try {
         // Get default settings first
-        const defaultSettings = await this.$getMasterSettings(defaults);
+        const defaultSettings = await this._getMasterSettings(defaults);
 
         if (!defaultSettings) {
           return defaults;
         }
 
-        // Determine which DID to use
-        const targetDid = did || defaultSettings.activeDid;
+        // Get DID from active_identity table (single source of truth)
+        const activeIdentity = await this.$getActiveIdentity();
+        const targetDid = did || activeIdentity.activeDid;
 
         // If no target DID, return default settings
         if (!targetDid) {
@@ -802,22 +1044,29 @@ export const PlatformServiceMixin = {
 
         // Get merged settings using existing method
         const mergedSettings = await this.$getMergedSettings(
-          MASTER_SETTINGS_KEY,
           targetDid,
           defaultSettings,
         );
 
-        // FIXED: Remove forced override - respect user preferences
+        // Set activeDid from active_identity table (single source of truth)
+        mergedSettings.activeDid = activeIdentity.activeDid;
+        logger.debug(
+          "[PlatformServiceMixin] Using activeDid from active_identity table:",
+          { activeDid: activeIdentity.activeDid },
+        );
+        logger.debug(
+          "[PlatformServiceMixin] $accountSettings() returning activeDid:",
+          { activeDid: mergedSettings.activeDid },
+        );
+
+        // FIXED: Set default apiServer for all platforms, not just Electron
         // Only set default if no user preference exists
-        if (
-          !mergedSettings.apiServer &&
-          process.env.VITE_PLATFORM === "electron"
-        ) {
+        if (!mergedSettings.apiServer) {
           // Import constants dynamically to get platform-specific values
           const { DEFAULT_ENDORSER_API_SERVER } = await import(
             "../constants/app"
           );
-          // Only set if user hasn't specified a preference
+          // Set default for all platforms when apiServer is empty
           mergedSettings.apiServer = DEFAULT_ENDORSER_API_SERVER;
         }
 
@@ -855,16 +1104,36 @@ export const PlatformServiceMixin = {
     async $saveSettings(changes: Partial<Settings>): Promise<boolean> {
       try {
         // Remove fields that shouldn't be updated
-        const { accountDid, id, ...safeChanges } = changes;
+        const {
+          accountDid,
+          id,
+          activeDid: activeDidField,
+          ...safeChanges
+        } = changes;
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         void accountDid;
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         void id;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        void activeDidField;
+
+        logger.debug(
+          "[PlatformServiceMixin] $saveSettings - Original changes:",
+          changes,
+        );
+        logger.debug(
+          "[PlatformServiceMixin] $saveSettings - Safe changes:",
+          safeChanges,
+        );
 
         if (Object.keys(safeChanges).length === 0) return true;
 
         // Convert settings for database storage (handles searchBoxes conversion)
         const convertedChanges = this._convertSettingsForStorage(safeChanges);
+        logger.debug(
+          "[PlatformServiceMixin] $saveSettings - Converted changes:",
+          convertedChanges,
+        );
 
         const setParts: string[] = [];
         const params: unknown[] = [];
@@ -876,17 +1145,33 @@ export const PlatformServiceMixin = {
           }
         });
 
+        logger.debug(
+          "[PlatformServiceMixin] $saveSettings - Set parts:",
+          setParts,
+        );
+        logger.debug("[PlatformServiceMixin] $saveSettings - Params:", params);
+
         if (setParts.length === 0) return true;
 
-        params.push(MASTER_SETTINGS_KEY);
-        await this.$dbExec(
-          `UPDATE settings SET ${setParts.join(", ")} WHERE id = ?`,
-          params,
-        );
+        // Get current active DID and update that identity's settings
+        const activeIdentity = await this.$getActiveIdentity();
+        const currentActiveDid = activeIdentity.activeDid;
+
+        if (currentActiveDid) {
+          params.push(currentActiveDid);
+          await this.$dbExec(
+            `UPDATE settings SET ${setParts.join(", ")} WHERE accountDid = ?`,
+            params,
+          );
+        } else {
+          logger.warn(
+            "[PlatformServiceMixin] No active DID found, cannot save settings",
+          );
+        }
 
         // Update activeDid tracking if it changed
-        if (changes.activeDid !== undefined) {
-          await this.$updateActiveDid(changes.activeDid);
+        if (activeDidField !== undefined) {
+          await this.$updateActiveDid(activeDidField);
         }
 
         return true;
@@ -951,6 +1236,11 @@ export const PlatformServiceMixin = {
      * @param changes Settings changes to save
      * @returns Promise<boolean> Success status
      */
+    /**
+     * Since this is unused, and since it relies on this.activeDid which isn't guaranteed to exist,
+     * let's take this out for the sake of safety.
+     * Totally remove after start of 2026 (since it would be obvious by then that it's not used).
+     *
     async $saveMySettings(changes: Partial<Settings>): Promise<boolean> {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const currentDid = (this as any).activeDid;
@@ -960,6 +1250,7 @@ export const PlatformServiceMixin = {
       }
       return await this.$saveUserSettings(currentDid, changes);
     },
+    **/
 
     // =================================================
     // CACHE MANAGEMENT METHODS
@@ -1210,8 +1501,15 @@ export const PlatformServiceMixin = {
      */
     async $getAllAccountDids(): Promise<string[]> {
       try {
-        const accounts = await this.$query<Account>("SELECT did FROM accounts");
-        return accounts.map((account) => account.did);
+        const result = await this.$dbQuery(
+          "SELECT did FROM accounts ORDER BY did",
+        );
+
+        if (!result?.values?.length) {
+          return [];
+        }
+
+        return result.values.map((row: SqlValue[]) => row[0] as string);
       } catch (error) {
         logger.error(
           "[PlatformServiceMixin] Error getting all account DIDs:",
@@ -1336,13 +1634,16 @@ export const PlatformServiceMixin = {
       fields: string[],
       did?: string,
     ): Promise<unknown[] | undefined> {
-      // Use correct settings table schema
-      const whereClause = did ? "WHERE accountDid = ?" : "WHERE id = ?";
-      const params = did ? [did] : [MASTER_SETTINGS_KEY];
+      // Use current active DID if no specific DID provided
+      const targetDid = did || (await this.$getActiveIdentity()).activeDid;
+
+      if (!targetDid) {
+        return undefined;
+      }
 
       return await this.$one(
-        `SELECT ${fields.join(", ")} FROM settings ${whereClause}`,
-        params,
+        `SELECT ${fields.join(", ")} FROM settings WHERE accountDid = ?`,
+        [targetDid],
       );
     },
 
@@ -1545,7 +1846,7 @@ export const PlatformServiceMixin = {
 
         const settings = mappedResults[0] as Settings;
 
-        logger.info(`[PlatformServiceMixin] Settings for DID ${did}:`, {
+        logger.debug(`[PlatformServiceMixin] Settings for DID ${did}:`, {
           firstName: settings.firstName,
           isRegistered: settings.isRegistered,
           activeDid: settings.activeDid,
@@ -1571,8 +1872,8 @@ export const PlatformServiceMixin = {
     async $debugMergedSettings(did: string): Promise<void> {
       try {
         // Get default settings
-        const defaultSettings = await this.$getMasterSettings({});
-        logger.info(
+        const defaultSettings = await this._getMasterSettings({});
+        logger.debug(
           `[PlatformServiceMixin] Default settings:`,
           defaultSettings,
         );
@@ -1582,12 +1883,11 @@ export const PlatformServiceMixin = {
 
         // Get merged settings
         const mergedSettings = await this.$getMergedSettings(
-          MASTER_SETTINGS_KEY,
           did,
           defaultSettings || {},
         );
 
-        logger.info(`[PlatformServiceMixin] Merged settings for ${did}:`, {
+        logger.debug(`[PlatformServiceMixin] Merged settings for ${did}:`, {
           defaultSettings,
           didSettings,
           mergedSettings,
@@ -1617,14 +1917,19 @@ export interface IPlatformServiceMixin {
     params?: unknown[],
   ): Promise<QueryExecResult | undefined>;
   $dbExec(sql: string, params?: unknown[]): Promise<DatabaseExecResult>;
-  $dbGetOneRow(sql: string, params?: unknown[]): Promise<unknown[] | undefined>;
-  $getMasterSettings(fallback?: Settings | null): Promise<Settings | null>;
+  $dbGetOneRow(
+    sql: string,
+    params?: unknown[],
+  ): Promise<SqlValue[] | undefined>;
+  $dbRawQuery(sql: string, params?: unknown[]): Promise<unknown | undefined>;
   $getMergedSettings(
     defaultKey: string,
     accountDid?: string,
     defaultFallback?: Settings,
   ): Promise<Settings>;
+  $getActiveIdentity(): Promise<{ activeDid: string }>;
   $withTransaction<T>(callback: () => Promise<T>): Promise<T>;
+  $getAvailableAccountDids(): Promise<string[]>;
   isCapacitor: boolean;
   isWeb: boolean;
   isElectron: boolean;
@@ -1718,7 +2023,7 @@ declare module "@vue/runtime-core" {
     // Ultra-concise database methods (shortest possible names)
     $db(sql: string, params?: unknown[]): Promise<QueryExecResult | undefined>;
     $exec(sql: string, params?: unknown[]): Promise<DatabaseExecResult>;
-    $one(sql: string, params?: unknown[]): Promise<unknown[] | undefined>;
+    $one(sql: string, params?: unknown[]): Promise<SqlValue[] | undefined>;
 
     // Query + mapping combo methods
     $query<T = Record<string, unknown>>(
@@ -1740,13 +2045,15 @@ declare module "@vue/runtime-core" {
       sql: string,
       params?: unknown[],
     ): Promise<unknown[] | undefined>;
-    $getMasterSettings(defaults?: Settings | null): Promise<Settings | null>;
+    $dbRawQuery(sql: string, params?: unknown[]): Promise<unknown | undefined>;
     $getMergedSettings(
       key: string,
       did?: string,
       defaults?: Settings,
     ): Promise<Settings>;
+    $getActiveIdentity(): Promise<{ activeDid: string }>;
     $withTransaction<T>(fn: () => Promise<T>): Promise<T>;
+    $getAvailableAccountDids(): Promise<string[]>;
 
     // Specialized shortcuts - contacts cached, settings fresh
     $contacts(): Promise<Contact[]>;
@@ -1761,7 +2068,8 @@ declare module "@vue/runtime-core" {
       did: string,
       changes: Partial<Settings>,
     ): Promise<boolean>;
-    $saveMySettings(changes: Partial<Settings>): Promise<boolean>;
+    // @deprecated; see implementation note above
+    // $saveMySettings(changes: Partial<Settings>): Promise<boolean>;
 
     // Cache management methods
     $refreshSettings(): Promise<Settings>;

src/utils/logger.ts

@@ -24,10 +24,28 @@ export function getMemoryLogs(): string[] {
   return [..._memoryLogs];
 }
 
+/**
+ * Stringify an object with proper handling of circular references and functions
+ *
+ * Don't use for arrays; map with this over the array.
+ *
+ * @param obj - The object to stringify
+ * @returns The stringified object, plus 'message' and 'stack' for Error objects
+ */
 export function safeStringify(obj: unknown) {
   const seen = new WeakSet();
 
-  return JSON.stringify(obj, (_key, value) => {
+  // since 'message' & 'stack' are not enumerable for errors, let's add those
+  let objToStringify = obj;
+  if (obj instanceof Error) {
+    objToStringify = {
+      ...obj,
+      message: obj.message,
+      stack: obj.stack,
+    };
+  }
+
+  return JSON.stringify(objToStringify, (_key, value) => {
     if (typeof value === "object" && value !== null) {
       if (seen.has(value)) {
         return "[Circular]";
@@ -59,10 +77,27 @@ type LogLevel = keyof typeof LOG_LEVELS;
 
 // Parse VITE_LOG_LEVEL environment variable
 const getLogLevel = (): LogLevel => {
-  const envLogLevel = process.env.VITE_LOG_LEVEL?.toLowerCase();
+  // Try to get VITE_LOG_LEVEL from different sources
+  let envLogLevel: string | undefined;
 
-  if (envLogLevel && envLogLevel in LOG_LEVELS) {
-    return envLogLevel as LogLevel;
+  try {
+    // In browser/Vite environment, use import.meta.env
+    if (
+      typeof import.meta !== "undefined" &&
+      import.meta?.env?.VITE_LOG_LEVEL
+    ) {
+      envLogLevel = import.meta.env.VITE_LOG_LEVEL;
+    }
+    // Fallback to process.env for Node.js environments
+    else if (process.env.VITE_LOG_LEVEL) {
+      envLogLevel = process.env.VITE_LOG_LEVEL;
+    }
+  } catch (error) {
+    // Silently handle cases where import.meta is not available
+  }
+
+  if (envLogLevel && envLogLevel.toLowerCase() in LOG_LEVELS) {
+    return envLogLevel.toLowerCase() as LogLevel;
   }
 
   // Default log levels based on environment
@@ -161,7 +196,8 @@ export const logger = {
     }
 
     // Database logging
-    const argsString = args.length > 0 ? " - " + safeStringify(args) : "";
+    const argsString =
+      args.length > 0 ? " - " + args.map(safeStringify).join(", ") : "";
     logToDatabase(message + argsString, "info");
   },
 
@@ -172,7 +208,8 @@ export const logger = {
     }
 
     // Database logging
-    const argsString = args.length > 0 ? " - " + safeStringify(args) : "";
+    const argsString =
+      args.length > 0 ? " - " + args.map(safeStringify).join(", ") : "";
     logToDatabase(message + argsString, "info");
   },
 
@@ -183,7 +220,8 @@ export const logger = {
     }
 
     // Database logging
-    const argsString = args.length > 0 ? " - " + safeStringify(args) : "";
+    const argsString =
+      args.length > 0 ? " - " + args.map(safeStringify).join(", ") : "";
     logToDatabase(message + argsString, "warn");
   },
 
@@ -194,9 +232,9 @@ export const logger = {
     }
 
     // Database logging
-    const messageString = safeStringify(message);
-    const argsString = args.length > 0 ? safeStringify(args) : "";
-    logToDatabase(messageString + argsString, "error");
+    const argsString =
+      args.length > 0 ? " - " + args.map(safeStringify).join(", ") : "";
+    logToDatabase(message + argsString, "error");
   },
 
   // New database-focused methods (self-contained)

src/utils/seedPhraseReminder.ts

@@ -0,0 +1,90 @@
+import { NotificationIface } from "@/constants/app";
+
+const SEED_REMINDER_KEY = "seedPhraseReminderLastShown";
+const REMINDER_COOLDOWN_MS = 24 * 60 * 60 * 1000; // 24 hours in milliseconds
+
+/**
+ * Checks if the seed phrase backup reminder should be shown
+ * @param hasBackedUpSeed - Whether the user has backed up their seed phrase
+ * @returns true if the reminder should be shown, false otherwise
+ */
+export function shouldShowSeedReminder(hasBackedUpSeed: boolean): boolean {
+  // Don't show if user has already backed up
+  if (hasBackedUpSeed) {
+    return false;
+  }
+
+  // Check localStorage for last shown time
+  const lastShown = localStorage.getItem(SEED_REMINDER_KEY);
+  if (!lastShown) {
+    return true; // First time, show the reminder
+  }
+
+  try {
+    const lastShownTime = parseInt(lastShown, 10);
+    const now = Date.now();
+    const timeSinceLastShown = now - lastShownTime;
+
+    // Show if more than 24 hours have passed
+    return timeSinceLastShown >= REMINDER_COOLDOWN_MS;
+  } catch (error) {
+    // If there's an error parsing the timestamp, show the reminder
+    return true;
+  }
+}
+
+/**
+ * Marks the seed phrase reminder as shown by updating localStorage
+ */
+export function markSeedReminderShown(): void {
+  localStorage.setItem(SEED_REMINDER_KEY, Date.now().toString());
+}
+
+/**
+ * Creates the seed phrase backup reminder notification
+ * @returns NotificationIface configuration for the reminder modal
+ */
+export function createSeedReminderNotification(): NotificationIface {
+  return {
+    group: "modal",
+    type: "confirm",
+    title: "Backup Your Identifier Seed?",
+    text: "It looks like you haven't backed up your identifier seed yet. It's important to back it up as soon as possible to secure your identity.",
+    yesText: "Backup Identifier Seed",
+    noText: "Remind me Later",
+    onYes: async () => {
+      // Navigate to seed backup page
+      window.location.href = "/seed-backup";
+    },
+    onNo: async () => {
+      // Mark as shown so it won't appear again for 24 hours
+      markSeedReminderShown();
+    },
+    onCancel: async () => {
+      // Mark as shown so it won't appear again for 24 hours
+      markSeedReminderShown();
+    },
+  };
+}
+
+/**
+ * Shows the seed phrase backup reminder if conditions are met
+ * @param hasBackedUpSeed - Whether the user has backed up their seed phrase
+ * @param notifyFunction - Function to show notifications
+ * @returns true if the reminder was shown, false otherwise
+ */
+export function showSeedPhraseReminder(
+  hasBackedUpSeed: boolean,
+  notifyFunction: (notification: NotificationIface, timeout?: number) => void,
+): boolean {
+  if (shouldShowSeedReminder(hasBackedUpSeed)) {
+    const notification = createSeedReminderNotification();
+    // Add 1-second delay before showing the modal to allow success message to be visible
+    setTimeout(() => {
+      // Pass -1 as timeout to ensure modal stays open until user interaction
+      notifyFunction(notification, -1);
+    }, 1000);
+    return true;
+  }
+  return false;
+}

src/views/AccountViewView.vue

@@ -1,6 +1,5 @@
 <template>
   <QuickNav selected="Profile" />
-  <TopMessage />
 
   <!-- CONTENT -->
   <main
@@ -9,10 +8,22 @@
     role="main"
     aria-label="Account Profile"
   >
-    <!-- Heading -->
-    <h1 id="ViewHeading" class="text-4xl text-center font-light">
-      Your Identity
-    </h1>
+    <TopMessage />
+
+    <!-- Main View Heading -->
+    <div class="flex gap-4 items-center mb-8">
+      <h1 id="ViewHeading" class="text-2xl font-bold leading-none">
+        Your Identity
+      </h1>
+
+      <!-- Help button -->
+      <router-link
+        :to="{ name: 'help' }"
+        class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
+      >
+        <font-awesome icon="question" class="block text-center w-[1em]" />
+      </router-link>
+    </div>
 
     <!-- ID notice -->
     <div
@@ -27,7 +38,7 @@
         need an identifier.
       </p>
       <router-link
-        :to="{ name: 'start' }"
+        :to="{ name: 'new-identifier' }"
         class="inline-block text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
       >
         Create An Identifier
@@ -150,8 +161,6 @@
     </section>
     <PushNotificationPermission ref="pushNotificationPermission" />
 
-    <LocationSearchSection :search-box="searchBox" />
-
     <!-- User Profile -->
     <section
       v-if="isRegistered"
@@ -244,6 +253,8 @@
       <div v-else>Saving...</div>
     </section>
 
+    <LocationSearchSection :search-box="searchBox" />
+
     <UsageLimitsSection
       v-if="activeDid"
       :loading-limits="loadingLimits"
@@ -764,7 +775,7 @@ import { IIdentifier } from "@veramo/core";
 import { ref } from "vue";
 import { Component, Vue } from "vue-facing-decorator";
 import { RouteLocationNormalizedLoaded, Router } from "vue-router";
-import { useClipboard } from "@vueuse/core";
+import { copyToClipboard } from "../services/ClipboardService";
 import { LMap, LMarker, LTileLayer } from "@vue-leaflet/vue-leaflet";
 import { Capacitor } from "@capacitor/core";
 
@@ -811,6 +822,7 @@ import { logger } from "../utils/logger";
 import { PlatformServiceMixin } from "../utils/PlatformServiceMixin";
 import { createNotifyHelpers, TIMEOUTS } from "@/utils/notify";
 import { ACCOUNT_VIEW_CONSTANTS } from "@/constants/accountView";
+import { showSeedPhraseReminder } from "@/utils/seedPhraseReminder";
 import {
   AccountSettings,
   isApiError,
@@ -1050,7 +1062,11 @@ export default class AccountViewView extends Vue {
     // Then get the account-specific settings
     const settings: AccountSettings = await this.$accountSettings();
 
-    this.activeDid = settings.activeDid || "";
+    // Get activeDid from active_identity table (single source of truth)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const activeIdentity = await (this as any).$getActiveIdentity();
+    this.activeDid = activeIdentity.activeDid || "";
+
     this.apiServer = settings.apiServer || "";
     this.apiServerInput = settings.apiServer || "";
     this.givenName =
@@ -1059,8 +1075,8 @@ export default class AccountViewView extends Vue {
     this.hideRegisterPromptOnNewContact =
       !!settings.hideRegisterPromptOnNewContact;
     this.isRegistered = !!settings?.isRegistered;
-    this.isSearchAreasSet = !!settings.searchBoxes;
-    this.searchBox = settings.searchBoxes?.[0] || null;
+    this.isSearchAreasSet =
+      !!settings.searchBoxes && settings.searchBoxes.length > 0;
     this.notifyingNewActivity = !!settings.notifyingNewActivityTime;
     this.notifyingNewActivityTime = settings.notifyingNewActivityTime || "";
     this.notifyingReminder = !!settings.notifyingReminderTime;
@@ -1074,6 +1090,7 @@ export default class AccountViewView extends Vue {
     this.passkeyExpirationMinutes =
       settings.passkeyExpirationMinutes ?? DEFAULT_PASSKEY_EXPIRATION_MINUTES;
     this.previousPasskeyExpirationMinutes = this.passkeyExpirationMinutes;
+    this.searchBox = settings.searchBoxes?.[0] || null;
     this.showGeneralAdvanced = !!settings.showGeneralAdvanced;
     this.showShortcutBvc = !!settings.showShortcutBvc;
     this.warnIfProdServer = !!settings.warnIfProdServer;
@@ -1083,11 +1100,15 @@ export default class AccountViewView extends Vue {
   }
 
   // call fn, copy text to the clipboard, then redo fn after 2 seconds
-  doCopyTwoSecRedo(text: string, fn: () => void): void {
+  async doCopyTwoSecRedo(text: string, fn: () => void): Promise<void> {
     fn();
-    useClipboard()
-      .copy(text)
-      .then(() => setTimeout(fn, 2000));
+    try {
+      await copyToClipboard(text);
+      setTimeout(fn, 2000);
+    } catch (error) {
+      this.$logAndConsole(`Error copying to clipboard: ${error}`, true);
+      this.notify.error("Failed to copy to clipboard.");
+    }
   }
 
   async toggleShowContactAmounts(): Promise<void> {
@@ -1441,12 +1462,10 @@ export default class AccountViewView extends Vue {
         this.DEFAULT_IMAGE_API_SERVER,
       );
 
-      if (imageResp.status === 200) {
+      if (imageResp && imageResp.status === 200) {
         this.imageLimits = imageResp.data;
       } else {
         this.limitsMessage = ACCOUNT_VIEW_CONSTANTS.LIMITS.NO_IMAGE_ACCESS;
-        this.notify.warning(ACCOUNT_VIEW_CONSTANTS.LIMITS.CANNOT_UPLOAD_IMAGES);
-        return;
       }
 
       const endorserResp = await fetchEndorserRateLimits(
@@ -1457,10 +1476,6 @@ export default class AccountViewView extends Vue {
 
       if (endorserResp.status === 200) {
         this.endorserLimits = endorserResp.data;
-      } else {
-        this.limitsMessage = ACCOUNT_VIEW_CONSTANTS.LIMITS.NO_LIMITS_FOUND;
-        this.notify.warning(ACCOUNT_VIEW_CONSTANTS.LIMITS.BAD_SERVER_RESPONSE);
-        return;
       }
     } catch (error) {
       this.limitsMessage =
@@ -1473,17 +1488,21 @@ export default class AccountViewView extends Vue {
           status?: number;
         };
       };
-      logger.error("[Server Limits] Error retrieving limits:", {
-        error: error instanceof Error ? error.message : String(error),
-        did: did,
-        apiServer: this.apiServer,
-        partnerApiServer: this.partnerApiServer,
-        errorCode: axiosError?.response?.data?.error?.code,
-        errorMessage: axiosError?.response?.data?.error?.message,
-        httpStatus: axiosError?.response?.status,
-        needsUserMigration: true,
-        timestamp: new Date().toISOString(),
-      });
+      logger.warn(
+        "[Server Limits] Error retrieving limits, expected for unregistered users:",
+        {
+          error: error instanceof Error ? error.message : String(error),
+          did: did,
+          apiServer: this.apiServer,
+          imageServer: this.DEFAULT_IMAGE_API_SERVER,
+          partnerApiServer: this.partnerApiServer,
+          errorCode: axiosError?.response?.data?.error?.code,
+          errorMessage: axiosError?.response?.data?.error?.message,
+          httpStatus: axiosError?.response?.status,
+          needsUserMigration: true,
+          timestamp: new Date().toISOString(),
+        },
+      );
 
       // this.notify.error(this.limitsMessage, TIMEOUTS.STANDARD);
     } finally {
@@ -1695,6 +1714,14 @@ export default class AccountViewView extends Vue {
       );
       if (success) {
         this.notify.success(ACCOUNT_VIEW_CONSTANTS.SUCCESS.PROFILE_SAVED);
+
+        // Show seed phrase backup reminder if needed
+        try {
+          const settings = await this.$accountSettings();
+          showSeedPhraseReminder(!!settings.hasBackedUpSeed, this.$notify);
+        } catch (error) {
+          logger.error("Error checking seed backup status:", error);
+        }
       } else {
         this.notify.error(ACCOUNT_VIEW_CONSTANTS.ERRORS.PROFILE_SAVE_ERROR);
       }
@@ -1983,7 +2010,7 @@ export default class AccountViewView extends Vue {
         error: error instanceof Error ? error.message : String(error),
         timestamp: new Date().toISOString(),
       });
-      throw new Error("Failed to load profile");
+      return null;
     }
   }
 

src/views/ClaimAddRawView.vue

@@ -1,19 +1,27 @@
 <template>
-  <QuickNav />
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
-    <!-- Breadcrumb -->
-    <div id="ViewBreadcrumb" class="mb-8">
-      <h1 class="text-lg text-center font-light relative px-7">
-        <!-- Back -->
-        <button
-          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          @click="$router.back()"
-        >
-          <font-awesome icon="chevron-left" class="fa-fw" />
-        </button>
+    <!-- Sub View Heading -->
+    <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
+      <h1 class="grow text-xl text-center font-semibold leading-tight">
         Raw Claim
       </h1>
+
+      <!-- Back -->
+      <a
+        class="order-first text-lg text-center leading-none p-1"
+        @click="$router.go(-1)"
+      >
+        <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
+      </a>
+
+      <!-- Help button -->
+      <router-link
+        :to="{ name: 'help' }"
+        class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
+      >
+        <font-awesome icon="question" class="block text-center w-[1em]" />
+      </router-link>
     </div>
 
     <div class="flex">
@@ -41,6 +49,7 @@ import { Router, RouteLocationNormalizedLoaded } from "vue-router";
 import { logger } from "../utils/logger";
 import { PlatformServiceMixin } from "@/utils/PlatformServiceMixin";
 import { createNotifyHelpers, TIMEOUTS } from "@/utils/notify";
+import { showSeedPhraseReminder } from "@/utils/seedPhraseReminder";
 
 // Type guard for API responses
 function isApiResponse(response: unknown): response is AxiosResponse {
@@ -112,7 +121,12 @@ export default class ClaimAddRawView extends Vue {
    */
   private async initializeSettings() {
     const settings = await this.$accountSettings();
-    this.activeDid = settings.activeDid || "";
+
+    // Get activeDid from active_identity table (single source of truth)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const activeIdentity = await (this as any).$getActiveIdentity();
+    this.activeDid = activeIdentity.activeDid || "";
+
     this.apiServer = settings.apiServer || "";
   }
 
@@ -223,6 +237,14 @@ export default class ClaimAddRawView extends Vue {
     );
     if (result.success) {
       this.notify.success("Claim submitted.", TIMEOUTS.LONG);
+
+      // Show seed phrase backup reminder if needed
+      try {
+        const settings = await this.$accountSettings();
+        showSeedPhraseReminder(!!settings.hasBackedUpSeed, this.$notify);
+      } catch (error) {
+        logger.error("Error checking seed backup status:", error);
+      }
     } else {
       logger.error("Got error submitting the claim:", result);
       this.notify.error(

src/views/ClaimCertificateView.vue

@@ -40,7 +40,12 @@ export default class ClaimCertificateView extends Vue {
   async created() {
     this.notify = createNotifyHelpers(this.$notify);
     const settings = await this.$accountSettings();
-    this.activeDid = settings.activeDid || "";
+
+    // Get activeDid from active_identity table (single source of truth)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const activeIdentity = await (this as any).$getActiveIdentity();
+    this.activeDid = activeIdentity.activeDid || "";
+
     this.apiServer = settings.apiServer || "";
     const pathParams = window.location.pathname.substring(
       "/claim-cert/".length,

src/views/ClaimReportCertificateView.vue

@@ -53,8 +53,13 @@ export default class ClaimReportCertificateView extends Vue {
     // Initialize notification helper
     this.notify = createNotifyHelpers(this.$notify);
 
-    const settings = await this.$settings();
-    this.activeDid = settings.activeDid || "";
+    const settings = await this.$accountSettings();
+
+    // Get activeDid from active_identity table (single source of truth)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const activeIdentity = await (this as any).$getActiveIdentity();
+    this.activeDid = activeIdentity.activeDid || "";
+
     this.apiServer = settings.apiServer || "";
     const pathParams = window.location.pathname.substring(
       "/claim-cert/".length,

src/views/ClaimView.vue

@@ -2,19 +2,27 @@
   <QuickNav />
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
-    <!-- Breadcrumb -->
-    <div id="ViewBreadcrumb" class="mb-8">
-      <h1 class="text-lg text-center font-light relative px-7">
-        <!-- Back -->
-        <button
-          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          aria-label="Go back"
-          @click="$router.go(-1)"
-        >
-          <font-awesome icon="chevron-left" class="fa-fw" />
-        </button>
+    <!-- Sub View Heading -->
+    <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
+      <h1 class="grow text-xl text-center font-semibold leading-tight">
         Verifiable Claim Details
       </h1>
+
+      <!-- Back -->
+      <a
+        class="order-first text-lg text-center leading-none p-1"
+        @click="$router.go(-1)"
+      >
+        <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
+      </a>
+
+      <!-- Help button -->
+      <router-link
+        :to="{ name: 'help' }"
+        class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
+      >
+        <font-awesome icon="question" class="block text-center w-[1em]" />
+      </router-link>
     </div>
 
     <!-- Details -->
@@ -24,7 +32,9 @@
           <div class="flex columns-3">
             <h2 class="text-md font-bold w-full">
               {{
-                capitalizeAndInsertSpacesBeforeCaps(veriClaim.claimType || "")
+                serverUtil.capitalizeAndInsertSpacesBeforeCaps(
+                  veriClaim.claimType || "",
+                )
               }}
               <button
                 v-if="canEditClaim"
@@ -56,7 +66,7 @@
                 title="Copy Printable Certificate Link"
                 aria-label="Copy printable certificate link"
                 @click="
-                  copyToClipboard(
+                  copyTextToClipboard(
                     'A link to the certificate page',
                     `${APP_SERVER}/deep-link/claim-cert/${veriClaim.id}`,
                   )
@@ -70,22 +80,33 @@
               <button
                 title="Copy Link"
                 aria-label="Copy page link"
-                @click="copyToClipboard('A link to this page', windowDeepLink)"
+                @click="
+                  copyTextToClipboard('A link to this page', windowDeepLink)
+                "
               >
                 <font-awesome icon="link" class="text-slate-500" />
               </button>
             </div>
           </div>
-          <div class="text-sm">
-            <div data-testId="description">
-              <font-awesome icon="message" class="fa-fw text-slate-400" />
-              {{ claimDescription }}
+          <div class="text-sm overflow-hidden">
+            <div
+              data-testId="description"
+              class="flex items-start gap-2 overflow-hidden"
+            >
+              <font-awesome
+                icon="message"
+                class="fa-fw text-slate-400 flex-shrink-0 mt-1"
+              />
+              <vue-markdown
+                :source="claimDescription"
+                class="markdown-content flex-1 min-w-0"
+              />
             </div>
-            <div>
+            <div class="overflow-hidden text-ellipsis">
               <font-awesome icon="user" class="fa-fw text-slate-400" />
               {{ didInfo(veriClaim.issuer) }}
             </div>
-            <div>
+            <div class="overflow-hidden text-ellipsis">
               <font-awesome icon="calendar" class="fa-fw text-slate-400" />
               Recorded
               {{ formattedIssueDate }}
@@ -106,77 +127,91 @@
             </div>
 
             <!-- Fullfills Links -->
-
-            <!-- fullfills links for a give -->
-            <div v-if="detailsForGive?.fulfillsPlanHandleId" class="mt-4">
-              <router-link
-                :to="
-                  '/project/' +
-                  encodeURIComponent(detailsForGive?.fulfillsPlanHandleId)
-                "
-                class="text-blue-500 mt-2"
-              >
-                Fulfills a bigger plan...
-              </router-link>
-            </div>
-            <!-- if there's another, it's probably fulfilling an offer, too -->
-            <div
-              v-if="
-                detailsForGive?.fulfillsType &&
-                detailsForGive?.fulfillsType !== 'PlanAction' &&
-                detailsForGive?.fulfillsHandleId
-              "
-            >
-              <!-- router-link to /claim/ only changes URL path -->
-              <a
-                class="text-blue-500 mt-4 cursor-pointer"
-                @click="
-                  showDifferentClaimPage(detailsForGive?.fulfillsHandleId)
-                "
-              >
-                Fulfills
-                {{
-                  capitalizeAndInsertSpacesBeforeCaps(
-                    detailsForGive.fulfillsType,
-                  )
-                }}...
-              </a>
-            </div>
-
-            <!-- fullfills links for an offer -->
-            <div v-if="detailsForOffer?.fulfillsPlanHandleId">
-              <router-link
-                :to="
-                  '/project/' +
-                  encodeURIComponent(detailsForOffer?.fulfillsPlanHandleId)
-                "
-                class="text-blue-500 mt-4"
-              >
-                Offered to a bigger plan...
-              </router-link>
-            </div>
-
-            <!-- Providers -->
-            <div v-if="providersForGive?.length > 0" class="mt-4">
-              <span>Other assistance provided by:</span>
-              <ul class="ml-4">
-                <li
-                  v-for="provider of providersForGive"
-                  :key="provider.identifier"
-                  class="list-disc ml-4"
+            <div class="mt-4 empty:hidden">
+              <!-- fullfills links for a give -->
+              <div v-if="detailsForGive?.fulfillsPlanHandleId">
+                <router-link
+                  :to="
+                    '/project/' +
+                    encodeURIComponent(detailsForGive?.fulfillsPlanHandleId)
+                  "
+                  class="text-blue-500 mt-2"
                 >
-                  <div class="flex gap-4">
-                    <div class="grow overflow-hidden">
-                      <a
-                        class="text-blue-500 mt-4 cursor-pointer"
-                        @click="handleProviderClick(provider)"
-                      >
-                        an activity...
-                      </a>
+                  This fulfills a bigger plan
+                  <font-awesome
+                    icon="arrow-up-right-from-square"
+                    class="fa-fw"
+                  />
+                </router-link>
+              </div>
+
+              <!-- Show offer fulfillment if this give fulfills an offer -->
+              <div v-if="detailsForGiveOfferFulfillment?.offerHandleId">
+                <!-- router-link to /claim/ only changes URL path -->
+                <a
+                  class="text-blue-500 mt-4 cursor-pointer"
+                  @click="
+                    showDifferentClaimPage(
+                      detailsForGiveOfferFulfillment.offerHandleId,
+                    )
+                  "
+                >
+                  This fulfills
+                  {{
+                    serverUtil.capitalizeAndInsertSpacesBeforeCapsWithAPrefix(
+                      detailsForGiveOfferFulfillment.offerType || "Offer",
+                    )
+                  }}
+                  <font-awesome
+                    icon="arrow-up-right-from-square"
+                    class="fa-fw"
+                  />
+                </a>
+              </div>
+
+              <!-- fullfills links for an offer -->
+              <div v-if="detailsForOffer?.fulfillsPlanHandleId">
+                <router-link
+                  :to="
+                    '/project/' +
+                    encodeURIComponent(detailsForOffer?.fulfillsPlanHandleId)
+                  "
+                  class="text-blue-500 mt-4"
+                >
+                  Offered to a bigger plan
+                  <font-awesome
+                    icon="arrow-up-right-from-square"
+                    class="fa-fw"
+                  />
+                </router-link>
+              </div>
+
+              <!-- Providers -->
+              <div v-if="providersForGive?.length > 0">
+                <span>Other assistance provided by:</span>
+                <ul class="ml-4">
+                  <li
+                    v-for="provider of providersForGive"
+                    :key="provider.identifier"
+                    class="list-disc ml-4"
+                  >
+                    <div class="flex gap-4">
+                      <div class="grow overflow-hidden">
+                        <a
+                          class="text-blue-500 mt-4 cursor-pointer"
+                          @click="handleProviderClick(provider)"
+                        >
+                          an activity
+                          <font-awesome
+                            icon="arrow-up-right-from-square"
+                            class="fa-fw"
+                          />
+                        </a>
+                      </div>
                     </div>
-                  </div>
-                </li>
-              </ul>
+                  </li>
+                </ul>
+              </div>
             </div>
           </div>
         </div>
@@ -383,7 +418,7 @@
           contacts can see more details:
           <a
             class="text-blue-500"
-            @click="copyToClipboard('A link to this page', windowDeepLink)"
+            @click="copyTextToClipboard('A link to this page', windowDeepLink)"
             >click to copy this page info</a
           >
           and see if they can make an introduction. Someone is connected to
@@ -406,7 +441,7 @@
           If you'd like an introduction,
           <a
             class="text-blue-500"
-            @click="copyToClipboard('A link to this page', windowDeepLink)"
+            @click="copyTextToClipboard('A link to this page', windowDeepLink)"
             >share this page with them and ask if they'll tell you more about
             about the participants.</a
           >
@@ -515,9 +550,11 @@ import { AxiosError } from "axios";
 import * as yaml from "js-yaml";
 import * as R from "ramda";
 import { Component, Vue } from "vue-facing-decorator";
+import VueMarkdown from "vue-markdown-render";
 import { Router, RouteLocationNormalizedLoaded } from "vue-router";
-import { useClipboard } from "@vueuse/core";
-import { GenericVerifiableCredential } from "../interfaces";
+import { copyToClipboard } from "../services/ClipboardService";
+
+import { EmojiClaim, GenericVerifiableCredential } from "../interfaces";
 import GiftedDialog from "../components/GiftedDialog.vue";
 import QuickNav from "../components/QuickNav.vue";
 import { NotificationIface } from "../constants/app";
@@ -535,7 +572,7 @@ import { createNotifyHelpers, TIMEOUTS } from "@/utils/notify";
 import { APP_SERVER } from "@/constants/app";
 
 @Component({
-  components: { GiftedDialog, QuickNav },
+  components: { GiftedDialog, QuickNav, VueMarkdown },
   mixins: [PlatformServiceMixin],
 })
 export default class ClaimView extends Vue {
@@ -556,6 +593,17 @@ export default class ClaimView extends Vue {
     fulfillsPlanHandleId?: string;
     fulfillsType?: string;
     fulfillsHandleId?: string;
+    fullClaim?: {
+      fulfills?: Array<{
+        "@type": string;
+        identifier?: string;
+      }>;
+    };
+  } | null = null;
+  // Additional offer information extracted from the fulfills array
+  detailsForGiveOfferFulfillment: {
+    offerHandleId?: string;
+    offerType?: string;
   } | null = null;
   detailsForOffer: { fulfillsPlanHandleId?: string } | null = null;
   // Project information for fulfillsPlanHandleId
@@ -622,6 +670,10 @@ export default class ClaimView extends Vue {
       return giveClaim.description || "";
     }
 
+    if (this.veriClaim.claimType === "Emoji") {
+      return (claim as EmojiClaim).text || "";
+    }
+
     // Fallback for other claim types
     return (claim as { description?: string })?.description || "";
   }
@@ -689,6 +741,7 @@ export default class ClaimView extends Vue {
     this.confsVisibleToIdList = [];
     this.detailsForGive = null;
     this.detailsForOffer = null;
+    this.detailsForGiveOfferFulfillment = null;
     this.projectInfo = null;
     this.fullClaim = null;
     this.fullClaimDump = "";
@@ -701,6 +754,15 @@ export default class ClaimView extends Vue {
     this.veriClaimDidsVisible = {};
   }
 
+  /**
+   * Extract offer fulfillment information from the fulfills array
+   */
+  extractOfferFulfillment() {
+    this.detailsForGiveOfferFulfillment = libsUtil.extractOfferFulfillment(
+      this.detailsForGive?.fullClaim?.fulfills,
+    );
+  }
+
   // =================================================
   // UTILITY METHODS
   // =================================================
@@ -728,7 +790,11 @@ export default class ClaimView extends Vue {
 
     const settings = await this.$accountSettings();
 
-    this.activeDid = settings.activeDid || "";
+    // Get activeDid from active_identity table (single source of truth)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const activeIdentity = await (this as any).$getActiveIdentity();
+    this.activeDid = activeIdentity.activeDid || "";
+
     this.apiServer = settings.apiServer || "";
     this.allContacts = await this.$contacts();
 
@@ -758,13 +824,6 @@ export default class ClaimView extends Vue {
     this.canShare = !!navigator.share;
   }
 
-  // insert a space before any capital letters except the initial letter
-  // (and capitalize initial letter, just in case)
-  capitalizeAndInsertSpacesBeforeCaps(text: string): string {
-    if (!text) return "";
-    return text[0].toUpperCase() + text.substr(1).replace(/([A-Z])/g, " $1");
-  }
-
   totalConfirmers() {
     return (
       this.numConfsNotVisible +
@@ -821,6 +880,8 @@ export default class ClaimView extends Vue {
         });
         if (giveResp.status === 200 && giveResp.data.data?.length > 0) {
           this.detailsForGive = giveResp.data.data[0];
+          // Extract offer information from the fulfills array
+          this.extractOfferFulfillment();
         } else {
           await this.$logError(
             "Error getting detailed give info: " + JSON.stringify(giveResp),
@@ -1097,16 +1158,21 @@ export default class ClaimView extends Vue {
     );
   }
 
-  copyToClipboard(name: string, text: string) {
-    useClipboard()
-      .copy(text)
-      .then(() => {
-        this.notify.copied(name || "That");
-      });
+  async copyTextToClipboard(name: string, text: string) {
+    try {
+      await copyToClipboard(text);
+      this.notify.copied(name || "That");
+    } catch (error) {
+      this.$logAndConsole(
+        `Error copying ${name || "content"} to clipboard: ${error}`,
+        true,
+      );
+      this.notify.error(`Failed to copy ${name || "content"} to clipboard.`);
+    }
   }
 
   onClickShareClaim() {
-    this.copyToClipboard("A link to this page", this.windowDeepLink);
+    this.copyTextToClipboard("A link to this page", this.windowDeepLink);
     window.navigator.share({
       title: "Help Connect Me",
       text: "I'm trying to find the people who recorded this. Can you help me?",

src/views/ConfirmContactView.vue

@@ -1,18 +1,27 @@
 <template>
   <!-- CONTENT -->
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
-    <!-- Breadcrumb -->
-    <div id="ViewBreadcrumb" class="mb-8">
-      <h1 class="text-lg text-center font-light relative px-7">
-        <!-- Cancel -->
-        <router-link
-          :to="{ name: 'account' }"
-          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
-        </router-link>
-
+    <!-- Sub View Heading -->
+    <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
+      <h1 class="grow text-xl text-center font-semibold leading-tight">
         Confirm Contact
       </h1>
+
+      <!-- Back -->
+      <router-link
+        class="order-first text-lg text-center leading-none p-1"
+        :to="{ name: 'account' }"
+      >
+        <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
+      </router-link>
+
+      <!-- Help button -->
+      <router-link
+        :to="{ name: 'help' }"
+        class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
+      >
+        <font-awesome icon="question" class="block text-center w-[1em]" />
+      </router-link>
     </div>
 
     <p class="text-center text-xl mb-4 font-light">