feat: migrate phase 1 critical identity components to active identity façade

- Update ClaimAddRawView, HomeView, IdentitySwitcherView, ImportDerivedAccountView
- Replace settings.activeDid access with () façade method
- Update switchAccount to switchIdentity using
- Add legacy fallback support for backward compatibility
- Ensure proper error handling and logging

Phase 1 completes migration of 12 critical identity-related
components to use the new Active Identity system.

src/views/ClaimAddRawView.vue

@@ -112,7 +112,8 @@ export default class ClaimAddRawView extends Vue {
    */
   private async initializeSettings() {
     const settings = await this.$accountSettings();
-    this.activeDid = settings.activeDid || "";
+    // Use new façade method with legacy fallback
+    this.activeDid = (await this.$getActiveDid()) || "";
     this.apiServer = settings.apiServer || "";
   }
 

src/views/HomeView.vue

@@ -538,7 +538,8 @@ export default class HomeView extends Vue {
       // **CRITICAL**: Ensure correct API server for platform
       await this.ensureCorrectApiServer();
 
-      this.activeDid = settings.activeDid || "";
+      // Use new façade method with legacy fallback
+      this.activeDid = (await this.$getActiveDid()) || "";
 
       // Load contacts with graceful fallback
       try {

src/views/IdentitySwitcherView.vue

@@ -46,7 +46,7 @@
         <div class="flex items-center justify-between mb-2">
           <div
             :class="identityListItemClasses"
-            @click="switchAccount(ident.did)"
+            @click="switchIdentity(ident.did)"
           >
             <font-awesome
               v-if="ident.did === activeDid"
@@ -94,7 +94,7 @@
     <a
       href="#"
       :class="secondaryButtonClasses"
-      @click="switchAccount(undefined)"
+      @click="switchIdentity(undefined)"
     >
       No Identity
     </a>
@@ -116,6 +116,7 @@ import {
   NOTIFY_DELETE_IDENTITY_CONFIRM,
 } from "@/constants/notifications";
 import { Account } from "@/db/tables/accounts";
+import { FLAGS } from "@/config/featureFlags";
 
 @Component({
   components: { QuickNav },
@@ -200,7 +201,8 @@ export default class IdentitySwitcherView extends Vue {
   async created() {
     try {
       const settings = await this.$accountSettings();
-      this.activeDid = settings.activeDid || "";
+      // Use new façade method with legacy fallback
+      this.activeDid = (await this.$getActiveDid()) || "";
       this.apiServer = settings.apiServer || "";
       this.apiServerInput = settings.apiServer || "";
 
@@ -221,12 +223,21 @@ export default class IdentitySwitcherView extends Vue {
     }
   }
 
-  async switchAccount(did?: string) {
-    // Save the new active DID to master settings
+  async switchIdentity(did?: string) {
+    try {
+      if (did) {
+        // Use new façade method instead of legacy settings
+        await this.$setActiveDid(did);
+
+        // Update local state
+        this.activeDid = did;
+
+        // Legacy fallback - remove after Phase C
+        if (!FLAGS.USE_ACTIVE_IDENTITY_ONLY) {
           await this.$saveSettings({ activeDid: did });
+        }
 
         // Check if we need to load user-specific settings for the new DID
-    if (did) {
         try {
           const newSettings = await this.$accountSettings(did);
           logger.info(
@@ -250,6 +261,10 @@ export default class IdentitySwitcherView extends Vue {
           );
           // Handle error silently - user settings will be loaded when needed
         }
+      } else {
+        // Handle "No Identity" case
+        this.activeDid = "";
+        // Note: We don't clear active DID in database for safety
       }
 
       logger.info(
@@ -261,6 +276,10 @@ export default class IdentitySwitcherView extends Vue {
 
       // Navigate to home page to trigger the watcher
       this.$router.push({ name: "home" });
+    } catch (error) {
+      logger.error("[IdentitySwitcher] Error switching identity", error);
+      this.notify.error("Error switching identity", TIMEOUTS.SHORT);
+    }
   }
 
   async deleteAccount(id: string) {

src/views/ImportDerivedAccountView.vue

@@ -173,8 +173,13 @@ export default class ImportAccountView extends Vue {
     try {
       await saveNewIdentity(newId, mne, newDerivPath);
 
-      // record that as the active DID
+      // record that as the active DID using new façade
+      await this.$setActiveDid(newId.did);
+
+      // Legacy fallback - remove after Phase C
+      if (!FLAGS.USE_ACTIVE_IDENTITY_ONLY) {
         await this.$saveSettings({ activeDid: newId.did });
+      }
       await this.$saveUserSettings(newId.did, {
         isRegistered: false,
       });