From c57a13b35080c8fb29c24b6f082664cedda01cea Mon Sep 17 00:00:00 2001
From: James Wampler <james@wamp.dev>
Date: Thu, 11 Jun 2026 11:26:19 -0700
Subject: [PATCH] Persist and restore selected project and environment across
 page reloads
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add refreshOrganization/refreshProject/refreshEnvironment to context store — update value and localStorage without clearing child selections
- OrgSelector: use refreshOrganization when same org is already stored, preventing the chain that was clearing project and environment
- ProjectSelector: watch org ID (not object ref) so refresh doesn't retrigger; add autoSelectProject to restore stored project or auto-select single project
- EnvironmentTabBar: watch project ID; skip env-clear on initial mount; add autoSelectEnvironment to restore stored env or fall back to first
- Fix test fixtures missing isPrimary field; update EnvironmentTabBar tests to match v-select implementation; add tests for restore behavior
---
 .../src/components/features/FeatureDetail.vue |  2 +-
 .../src/components/features/TagsChipInput.vue | 13 ++++-
 .../src/components/nav/EnvironmentTabBar.vue  | 26 ++++++---
 src/admin/src/components/nav/OrgSelector.vue  |  2 +-
 .../src/components/nav/ProjectSelector.vue    | 25 +++++++--
 src/admin/src/stores/context.ts               | 18 ++++++
 .../unit/components/EnvironmentTabBar.spec.ts | 55 ++++++++++++++-----
 .../tests/unit/components/OrgSelector.spec.ts |  6 +-
 .../unit/components/ProjectSelector.spec.ts   | 52 +++++++++++++++++-
 .../components/features/FeatureDetail.spec.ts |  2 +-
 .../components/features/FeatureDialog.spec.ts |  2 +-
 .../components/features/TagsChipInput.spec.ts |  2 +-
 .../identities/IdentityDetail.spec.ts         |  2 +-
 .../components/segments/SegmentEditor.spec.ts |  2 +-
 src/admin/tests/unit/stores/context.spec.ts   | 53 +++++++++++++++++-
 .../tests/unit/views/AuditLogsView.spec.ts    | 18 +++---
 .../tests/unit/views/FeaturesView.spec.ts     |  8 +--
 .../tests/unit/views/IdentitiesView.spec.ts   | 12 ++--
 .../tests/unit/views/ProfileView.spec.ts      |  2 +-
 .../tests/unit/views/SegmentsView.spec.ts     | 18 +++---
 .../tests/unit/views/SettingsView.spec.ts     |  2 +-
 src/api/MicCheck.Api/Organizations/.gitkeep   |  0
 22 files changed, 251 insertions(+), 71 deletions(-)
 delete mode 100755 src/api/MicCheck.Api/Organizations/.gitkeep

diff --git a/src/admin/src/components/features/FeatureDetail.vue b/src/admin/src/components/features/FeatureDetail.vue
index 131d14c..d7fdae9 100755
--- a/src/admin/src/components/features/FeatureDetail.vue
+++ b/src/admin/src/components/features/FeatureDetail.vue
@@ -29,7 +29,7 @@
       </v-tabs>
       <v-divider />
 
-      <v-card-text class="pa-0" style="height: 480px; overflow-y: auto;">
+      <v-card-text class="pa-0" style="height: 580px; overflow-y: auto;">
         <v-tabs-window v-model="activeTab">
           <!-- ── Value tab ─────────────────────────────────────────────── -->
           <v-tabs-window-item value="value" class="pa-6">
diff --git a/src/admin/src/components/features/TagsChipInput.vue b/src/admin/src/components/features/TagsChipInput.vue
index db9f3e9..7846e1f 100755
--- a/src/admin/src/components/features/TagsChipInput.vue
+++ b/src/admin/src/components/features/TagsChipInput.vue
@@ -33,6 +33,7 @@
         <v-form ref="createFormRef" @submit.prevent="onCreateTag">
           <div class="d-flex align-center ga-2">
             <v-text-field
+              ref="tagLabelInputRef"
               v-model="newTagLabel"
               label="Tag name"
               variant="outlined"
@@ -47,6 +48,7 @@
               style="width:36px;height:36px;border:none;padding:2px;cursor:pointer;border-radius:4px"
               title="Tag colour"
               data-testid="new-tag-color-input"
+              @blur="focusTagLabel"
             />
             <v-btn
               icon="ri-check-line"
@@ -99,7 +101,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, watch, nextTick } from 'vue';
 import { listTags, createTag, deleteTag } from '@/api/tags';
 import { useContextStore } from '@/stores/context';
 import type { TagResponse } from '@/types/api';
@@ -114,6 +116,15 @@ const newTagLabel = ref('');
 const newTagColor = ref('#1565C0');
 const errorMessage = ref<string | null>(null);
 const createFormRef = ref<{ validate: () => Promise<{ valid: boolean }> } | null>(null);
+const tagLabelInputRef = ref<{ focus: () => void } | null>(null);
+
+function focusTagLabel(): void {
+  nextTick(() => tagLabelInputRef.value?.focus());
+}
+
+watch(showCreateForm, (open) => {
+  if (open) focusTagLabel();
+});
 
 const rules = {
   required: (v: string) => !!v || 'Tag name is required',
diff --git a/src/admin/src/components/nav/EnvironmentTabBar.vue b/src/admin/src/components/nav/EnvironmentTabBar.vue
index c178310..defaa0c 100755
--- a/src/admin/src/components/nav/EnvironmentTabBar.vue
+++ b/src/admin/src/components/nav/EnvironmentTabBar.vue
@@ -86,14 +86,25 @@ async function fetchEnvironments(projectId: number): Promise<void> {
   isLoading.value = true;
   try {
     environments.value = await listEnvironments(projectId);
-    if (environments.value.length > 0 && !contextStore.currentEnvironment) {
-      contextStore.setEnvironment(environments.value[0]);
-    }
+    autoSelectEnvironment();
   } finally {
     isLoading.value = false;
   }
 }
 
+function autoSelectEnvironment(): void {
+  if (contextStore.currentEnvironment) {
+    const fresh = environments.value.find(e => e.id === contextStore.currentEnvironment!.id);
+    if (fresh) {
+      contextStore.refreshEnvironment(fresh);
+      return;
+    }
+  }
+  if (environments.value.length > 0) {
+    contextStore.setEnvironment(environments.value[0]);
+  }
+}
+
 function onEnvironmentSelected(env: EnvironmentResponse | null): void {
   if (env) contextStore.setEnvironment(env);
 }
@@ -127,11 +138,12 @@ async function onCreateConfirm(): Promise<void> {
 }
 
 watch(
-  () => contextStore.currentProject,
-  (project) => {
+  () => contextStore.currentProject?.id,
+  (projectId, oldProjectId) => {
+    if (projectId === oldProjectId) return;
     environments.value = [];
-    contextStore.setEnvironment(null);
-    if (project) fetchEnvironments(project.id);
+    if (oldProjectId !== undefined) contextStore.setEnvironment(null);
+    if (projectId) fetchEnvironments(projectId);
   },
   { immediate: true },
 );
diff --git a/src/admin/src/components/nav/OrgSelector.vue b/src/admin/src/components/nav/OrgSelector.vue
index aac3ba8..37b4c3f 100755
--- a/src/admin/src/components/nav/OrgSelector.vue
+++ b/src/admin/src/components/nav/OrgSelector.vue
@@ -96,7 +96,7 @@ function autoSelectOrganization(): void {
   if (contextStore.currentOrganization) {
     // Refresh stored org with latest data from API (name may have changed)
     const fresh = organizations.value.find(o => o.id === contextStore.currentOrganization!.id);
-    if (fresh) contextStore.setOrganization(fresh);
+    if (fresh) contextStore.refreshOrganization(fresh);
     return;
   }
 
diff --git a/src/admin/src/components/nav/ProjectSelector.vue b/src/admin/src/components/nav/ProjectSelector.vue
index a78d660..0bd1123 100755
--- a/src/admin/src/components/nav/ProjectSelector.vue
+++ b/src/admin/src/components/nav/ProjectSelector.vue
@@ -86,11 +86,27 @@ async function fetchProjects(organizationId: number): Promise<void> {
   isLoading.value = true;
   try {
     projects.value = await listProjects(organizationId);
+    autoSelectProject();
   } finally {
     isLoading.value = false;
   }
 }
 
+function autoSelectProject(): void {
+  if (contextStore.currentProject) {
+    const fresh = projects.value.find(p => p.id === contextStore.currentProject!.id);
+    if (fresh) {
+      contextStore.refreshProject(fresh);
+      return;
+    }
+    contextStore.setProject(null);
+    return;
+  }
+  if (projects.value.length === 1) {
+    contextStore.setProject(projects.value[0]);
+  }
+}
+
 function onProjectSelected(project: ProjectResponse | null): void {
   contextStore.setProject(project);
 }
@@ -124,12 +140,11 @@ async function onCreateConfirm(): Promise<void> {
 }
 
 watch(
-  () => contextStore.currentOrganization,
-  (org) => {
+  () => contextStore.currentOrganization?.id,
+  (orgId, oldOrgId) => {
+    if (orgId === oldOrgId) return;
     projects.value = [];
-    if (org) {
-      fetchProjects(org.id);
-    }
+    if (orgId) fetchProjects(orgId);
   },
   { immediate: true },
 );
diff --git a/src/admin/src/stores/context.ts b/src/admin/src/stores/context.ts
index 48b16d9..c6d56ff 100755
--- a/src/admin/src/stores/context.ts
+++ b/src/admin/src/stores/context.ts
@@ -46,6 +46,21 @@ export const useContextStore = defineStore('context', () => {
     }
   }
 
+  function refreshOrganization(org: OrganizationResponse): void {
+    currentOrganization.value = org;
+    localStorage.setItem(STORAGE_KEYS.organization, JSON.stringify(org));
+  }
+
+  function refreshProject(project: ProjectResponse): void {
+    currentProject.value = project;
+    localStorage.setItem(STORAGE_KEYS.project, JSON.stringify(project));
+  }
+
+  function refreshEnvironment(environment: EnvironmentResponse): void {
+    currentEnvironment.value = environment;
+    localStorage.setItem(STORAGE_KEYS.environment, JSON.stringify(environment));
+  }
+
   function loadFromStorage(): void {
     try {
       const orgRaw = localStorage.getItem(STORAGE_KEYS.organization);
@@ -79,6 +94,9 @@ export const useContextStore = defineStore('context', () => {
     setOrganization,
     setProject,
     setEnvironment,
+    refreshOrganization,
+    refreshProject,
+    refreshEnvironment,
     loadFromStorage,
     clearContext,
   };
diff --git a/src/admin/tests/unit/components/EnvironmentTabBar.spec.ts b/src/admin/tests/unit/components/EnvironmentTabBar.spec.ts
index e2f3272..68e99c2 100755
--- a/src/admin/tests/unit/components/EnvironmentTabBar.spec.ts
+++ b/src/admin/tests/unit/components/EnvironmentTabBar.spec.ts
@@ -56,13 +56,6 @@ describe('EnvironmentTabBar', () => {
       expect(envApi.listEnvironments).not.toHaveBeenCalled();
     });
 
-    it('ThenNoProjectMessageIsShown', async () => {
-      const wrapper = mountComponent();
-      await flushPromises();
-
-      expect(wrapper.find('[data-testid="env-no-project-message"]').exists()).toBe(true);
-    });
-
     it('ThenCreateEnvironmentButtonIsDisabled', async () => {
       const wrapper = mountComponent();
       await flushPromises();
@@ -84,7 +77,7 @@ describe('EnvironmentTabBar', () => {
       expect(envApi.listEnvironments).toHaveBeenCalledWith(mockProject.id);
     });
 
-    it('ThenEnvironmentChipsAreRendered', async () => {
+    it('ThenEnvironmentSelectIsEnabled', async () => {
       jest.mocked(envApi.listEnvironments).mockResolvedValue(mockEnvironments);
 
       const contextStore = useContextStore();
@@ -93,8 +86,7 @@ describe('EnvironmentTabBar', () => {
       contextStore.setProject(mockProject);
       await flushPromises();
 
-      expect(wrapper.find('[data-testid="env-chip-development"]').exists()).toBe(true);
-      expect(wrapper.find('[data-testid="env-chip-production"]').exists()).toBe(true);
+      expect(wrapper.find('[data-testid="env-select"]').attributes('disabled')).toBeUndefined();
     });
 
     it('ThenFirstEnvironmentIsAutoSelected', async () => {
@@ -122,7 +114,7 @@ describe('EnvironmentTabBar', () => {
     });
   });
 
-  describe('WhenEnvironmentChipIsClicked', () => {
+  describe('WhenEnvironmentIsSelected', () => {
     it('ThenContextStoreIsUpdatedWithSelectedEnvironment', async () => {
       jest.mocked(envApi.listEnvironments).mockResolvedValue(mockEnvironments);
 
@@ -132,7 +124,7 @@ describe('EnvironmentTabBar', () => {
       contextStore.setProject(mockProject);
       await flushPromises();
 
-      await wrapper.findComponent({ name: 'VChipGroup' }).vm.$emit('update:modelValue', 1);
+      await wrapper.findComponent({ name: 'VSelect' }).vm.$emit('update:modelValue', mockEnvironments[1]);
 
       expect(contextStore.currentEnvironment).toEqual(mockEnvironments[1]);
     });
@@ -158,16 +150,49 @@ describe('EnvironmentTabBar', () => {
   });
 
   describe('WhenApiReturnsNoEnvironments', () => {
-    it('ThenEmptyMessageIsDisplayed', async () => {
+    it('ThenNoEnvironmentIsAutoSelected', async () => {
       jest.mocked(envApi.listEnvironments).mockResolvedValue([]);
 
       const contextStore = useContextStore();
-      const wrapper = mountComponent();
+      mountComponent();
 
       contextStore.setProject(mockProject);
       await flushPromises();
 
-      expect(wrapper.find('[data-testid="env-empty-message"]').exists()).toBe(true);
+      expect(contextStore.currentEnvironment).toBeNull();
+    });
+  });
+
+  describe('WhenStoredEnvironmentExistsInContextStore', () => {
+    it('ThenStoredEnvironmentIsRestoredAfterFetch', async () => {
+      jest.mocked(envApi.listEnvironments).mockResolvedValue(mockEnvironments);
+
+      const contextStore = useContextStore();
+      contextStore.setProject(mockProject);
+      contextStore.setEnvironment(mockEnvironments[1]);
+
+      mountComponent();
+      await flushPromises();
+
+      expect(contextStore.currentEnvironment).toEqual(mockEnvironments[1]);
+    });
+
+    it('ThenEnvironmentIsClearedWhenProjectChanges', async () => {
+      jest.mocked(envApi.listEnvironments).mockResolvedValue(mockEnvironments);
+
+      const contextStore = useContextStore();
+      contextStore.setProject(mockProject);
+      contextStore.setEnvironment(mockEnvironments[0]);
+
+      mountComponent();
+      await flushPromises();
+
+      const newProject: ProjectResponse = { ...mockProject, id: 20, name: 'Mobile' };
+      jest.mocked(envApi.listEnvironments).mockResolvedValue([]);
+      contextStore.setProject(newProject);
+      await flushPromises();
+
+      expect(contextStore.currentEnvironment).toBeNull();
     });
   });
 
diff --git a/src/admin/tests/unit/components/OrgSelector.spec.ts b/src/admin/tests/unit/components/OrgSelector.spec.ts
index 32fe763..9288983 100755
--- a/src/admin/tests/unit/components/OrgSelector.spec.ts
+++ b/src/admin/tests/unit/components/OrgSelector.spec.ts
@@ -18,8 +18,8 @@ import * as orgsApi from '@/api/organizations';
 const dialogStub = { template: '<div><slot /></div>' };
 
 const mockOrgs: OrganizationResponse[] = [
-  { id: 1, name: 'Acme Corp', createdAt: '2026-01-01T00:00:00Z' },
-  { id: 2, name: 'Globex', createdAt: '2026-01-01T00:00:00Z' },
+  { id: 1, name: 'Acme Corp', createdAt: '2026-01-01T00:00:00Z', isPrimary: false },
+  { id: 2, name: 'Globex', createdAt: '2026-01-01T00:00:00Z', isPrimary: false },
 ];
 
 function mountComponent() {
@@ -132,7 +132,7 @@ describe('OrgSelector', () => {
   });
 
   describe('WhenCreateOrganizationIsConfirmed', () => {
-    const newOrg: OrganizationResponse = { id: 3, name: 'New Org', createdAt: '2026-04-13T00:00:00Z' };
+    const newOrg: OrganizationResponse = { id: 3, name: 'New Org', createdAt: '2026-04-13T00:00:00Z', isPrimary: false };
 
     it('ThenCreateOrganizationApiIsCalled', async () => {
       jest.mocked(orgsApi.listOrganizations).mockResolvedValue([]);
diff --git a/src/admin/tests/unit/components/ProjectSelector.spec.ts b/src/admin/tests/unit/components/ProjectSelector.spec.ts
index 06d8ce5..9011355 100755
--- a/src/admin/tests/unit/components/ProjectSelector.spec.ts
+++ b/src/admin/tests/unit/components/ProjectSelector.spec.ts
@@ -17,7 +17,7 @@ import * as projectsApi from '@/api/projects';
 
 const dialogStub = { template: '<div><slot /></div>' };
 
-const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z' };
+const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z', isPrimary: false };
 const mockProjects: ProjectResponse[] = [
   { id: 10, name: 'Website', organizationId: 1, hideDisabledFlags: false, createdAt: '2026-01-01T00:00:00Z' },
   { id: 11, name: 'Mobile App', organizationId: 1, hideDisabledFlags: false, createdAt: '2026-01-01T00:00:00Z' },
@@ -104,6 +104,54 @@ describe('ProjectSelector', () => {
     });
   });
 
+  describe('WhenStoredProjectExistsInContextStore', () => {
+    it('ThenStoredProjectIsRestoredAfterFetch', async () => {
+      jest.mocked(projectsApi.listProjects).mockResolvedValue(mockProjects);
+
+      const contextStore = useContextStore();
+      contextStore.setOrganization(mockOrg);
+      contextStore.setProject(mockProjects[1]);
+
+      mountComponent();
+      await flushPromises();
+
+      expect(contextStore.currentProject).toEqual(mockProjects[1]);
+    });
+
+    it('ThenProjectIsClearedWhenNotFoundInNewOrg', async () => {
+      jest.mocked(projectsApi.listProjects).mockResolvedValue(mockProjects);
+
+      const contextStore = useContextStore();
+      contextStore.setOrganization(mockOrg);
+      contextStore.setProject(mockProjects[0]);
+
+      mountComponent();
+      await flushPromises();
+
+      const newOrg: OrganizationResponse = { id: 2, name: 'Globex', createdAt: '2026-01-01T00:00:00Z', isPrimary: false };
+      jest.mocked(projectsApi.listProjects).mockResolvedValue([]);
+      contextStore.setOrganization(newOrg);
+      await flushPromises();
+
+      expect(contextStore.currentProject).toBeNull();
+    });
+  });
+
+  describe('WhenSingleProjectIsAvailable', () => {
+    it('ThenItIsAutoSelected', async () => {
+      const singleProject = mockProjects[0];
+      jest.mocked(projectsApi.listProjects).mockResolvedValue([singleProject]);
+
+      const contextStore = useContextStore();
+      mountComponent();
+
+      contextStore.setOrganization(mockOrg);
+      await flushPromises();
+
+      expect(contextStore.currentProject).toEqual(singleProject);
+    });
+  });
+
   describe('WhenOrganizationChanges', () => {
     it('ThenProjectsAreReloaded', async () => {
       jest.mocked(projectsApi.listProjects).mockResolvedValue(mockProjects);
@@ -114,7 +162,7 @@ describe('ProjectSelector', () => {
       contextStore.setOrganization(mockOrg);
       await flushPromises();
 
-      const newOrg: OrganizationResponse = { id: 2, name: 'Globex', createdAt: '2026-01-01T00:00:00Z' };
+      const newOrg: OrganizationResponse = { id: 2, name: 'Globex', createdAt: '2026-01-01T00:00:00Z', isPrimary: false };
       contextStore.setOrganization(newOrg);
       await flushPromises();
 
diff --git a/src/admin/tests/unit/components/features/FeatureDetail.spec.ts b/src/admin/tests/unit/components/features/FeatureDetail.spec.ts
index e7c917d..e63db83 100755
--- a/src/admin/tests/unit/components/features/FeatureDetail.spec.ts
+++ b/src/admin/tests/unit/components/features/FeatureDetail.spec.ts
@@ -46,7 +46,7 @@ describe('FeatureDetail', () => {
     setActivePinia(createPinia());
     jest.clearAllMocks();
     const contextStore = useContextStore();
-    contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+    contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
     contextStore.setProject(mockProject);
     contextStore.setEnvironment({ id: 100, name: 'Development', apiKey: 'env-dev', projectId: 10, createdAt: '' });
   });
diff --git a/src/admin/tests/unit/components/features/FeatureDialog.spec.ts b/src/admin/tests/unit/components/features/FeatureDialog.spec.ts
index 2305690..16edb46 100755
--- a/src/admin/tests/unit/components/features/FeatureDialog.spec.ts
+++ b/src/admin/tests/unit/components/features/FeatureDialog.spec.ts
@@ -39,7 +39,7 @@ describe('FeatureDialog', () => {
     setActivePinia(createPinia());
     jest.clearAllMocks();
     const contextStore = useContextStore();
-    contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+    contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
     contextStore.setProject(mockProject);
   });
 
diff --git a/src/admin/tests/unit/components/features/TagsChipInput.spec.ts b/src/admin/tests/unit/components/features/TagsChipInput.spec.ts
index 692d9df..40c48e1 100755
--- a/src/admin/tests/unit/components/features/TagsChipInput.spec.ts
+++ b/src/admin/tests/unit/components/features/TagsChipInput.spec.ts
@@ -33,7 +33,7 @@ describe('TagsChipInput', () => {
     setActivePinia(createPinia());
     jest.clearAllMocks();
     const contextStore = useContextStore();
-    contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+    contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
     contextStore.setProject(mockProject);
   });
 
diff --git a/src/admin/tests/unit/components/identities/IdentityDetail.spec.ts b/src/admin/tests/unit/components/identities/IdentityDetail.spec.ts
index 5598d59..fec0b82 100755
--- a/src/admin/tests/unit/components/identities/IdentityDetail.spec.ts
+++ b/src/admin/tests/unit/components/identities/IdentityDetail.spec.ts
@@ -60,7 +60,7 @@ describe('IdentityDetail', () => {
     setActivePinia(createPinia());
     jest.clearAllMocks();
     const contextStore = useContextStore();
-    contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+    contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
     contextStore.setProject(mockProject);
     contextStore.setEnvironment(mockEnv);
 
diff --git a/src/admin/tests/unit/components/segments/SegmentEditor.spec.ts b/src/admin/tests/unit/components/segments/SegmentEditor.spec.ts
index 962e460..60e5acd 100755
--- a/src/admin/tests/unit/components/segments/SegmentEditor.spec.ts
+++ b/src/admin/tests/unit/components/segments/SegmentEditor.spec.ts
@@ -42,7 +42,7 @@ describe('SegmentEditor', () => {
     setActivePinia(createPinia());
     jest.clearAllMocks();
     const contextStore = useContextStore();
-    contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+    contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
     contextStore.setProject(mockProject);
   });
 
diff --git a/src/admin/tests/unit/stores/context.spec.ts b/src/admin/tests/unit/stores/context.spec.ts
index b0ef8a0..04ab3fa 100755
--- a/src/admin/tests/unit/stores/context.spec.ts
+++ b/src/admin/tests/unit/stores/context.spec.ts
@@ -3,7 +3,7 @@ import { setActivePinia, createPinia } from 'pinia';
 import { useContextStore } from '@/stores/context';
 import type { OrganizationResponse, ProjectResponse, EnvironmentResponse } from '@/types/api';
 
-const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z' };
+const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z', isPrimary: false };
 const mockProject: ProjectResponse = {
   id: 10,
   name: 'Website',
@@ -119,6 +119,57 @@ describe('useContextStore', () => {
     });
   });
 
+  describe('WhenRefreshOrganizationIsCalled', () => {
+    it('ThenOrgIsUpdatedWithoutClearingProjectOrEnvironment', () => {
+      const store = useContextStore();
+      store.setOrganization(mockOrg);
+      store.setProject(mockProject);
+      store.setEnvironment(mockEnv);
+
+      const updatedOrg = { ...mockOrg, name: 'Acme Updated' };
+      store.refreshOrganization(updatedOrg);
+
+      expect(store.currentOrganization).toEqual(updatedOrg);
+      expect(store.currentProject).toEqual(mockProject);
+      expect(store.currentEnvironment).toEqual(mockEnv);
+    });
+
+    it('ThenOrgIsPersistedToLocalStorage', () => {
+      const store = useContextStore();
+      const updatedOrg = { ...mockOrg, name: 'Acme Updated' };
+      store.refreshOrganization(updatedOrg);
+
+      const stored = JSON.parse(localStorage.getItem('mic_ctx_organization')!);
+      expect(stored).toEqual(updatedOrg);
+    });
+  });
+
+  describe('WhenRefreshProjectIsCalled', () => {
+    it('ThenProjectIsUpdatedWithoutClearingEnvironment', () => {
+      const store = useContextStore();
+      store.setProject(mockProject);
+      store.setEnvironment(mockEnv);
+
+      const updatedProject = { ...mockProject, name: 'Website Updated' };
+      store.refreshProject(updatedProject);
+
+      expect(store.currentProject).toEqual(updatedProject);
+      expect(store.currentEnvironment).toEqual(mockEnv);
+    });
+  });
+
+  describe('WhenRefreshEnvironmentIsCalled', () => {
+    it('ThenEnvironmentIsUpdatedAndPersisted', () => {
+      const store = useContextStore();
+      const updatedEnv = { ...mockEnv, name: 'Production Updated' };
+      store.refreshEnvironment(updatedEnv);
+
+      expect(store.currentEnvironment).toEqual(updatedEnv);
+      const stored = JSON.parse(localStorage.getItem('mic_ctx_environment')!);
+      expect(stored).toEqual(updatedEnv);
+    });
+  });
+
   describe('WhenClearContextIsCalled', () => {
     it('ThenAllContextIsRemovedFromStateAndStorage', () => {
       const store = useContextStore();
diff --git a/src/admin/tests/unit/views/AuditLogsView.spec.ts b/src/admin/tests/unit/views/AuditLogsView.spec.ts
index e98e7e8..d9ce88a 100755
--- a/src/admin/tests/unit/views/AuditLogsView.spec.ts
+++ b/src/admin/tests/unit/views/AuditLogsView.spec.ts
@@ -23,12 +23,12 @@ const mockLogs: AuditLogResponse[] = [
   {
     id: 1, resourceType: 'Feature', resourceId: '42', action: 'Created',
     changes: null, organizationId: 1, projectId: 10, environmentId: null,
-    actorUserId: 5, createdAt: '2026-01-10T10:00:00Z',
+    actorUserId: 5, actorUserName: 'Alice', createdAt: '2026-01-10T10:00:00Z',
   },
   {
     id: 2, resourceType: 'FeatureState', resourceId: '99', action: 'Updated',
     changes: '{"enabled":true}', organizationId: 1, projectId: 10, environmentId: 100,
-    actorUserId: 5, createdAt: '2026-01-11T11:00:00Z',
+    actorUserId: 5, actorUserName: 'Alice', createdAt: '2026-01-11T11:00:00Z',
   },
 ];
 
@@ -58,7 +58,7 @@ describe('AuditLogsView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       mountView();
@@ -76,7 +76,7 @@ describe('AuditLogsView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -95,7 +95,7 @@ describe('AuditLogsView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -120,7 +120,7 @@ describe('AuditLogsView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -145,7 +145,7 @@ describe('AuditLogsView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -170,7 +170,7 @@ describe('AuditLogsView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -195,7 +195,7 @@ describe('AuditLogsView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
diff --git a/src/admin/tests/unit/views/FeaturesView.spec.ts b/src/admin/tests/unit/views/FeaturesView.spec.ts
index 246e000..576950a 100755
--- a/src/admin/tests/unit/views/FeaturesView.spec.ts
+++ b/src/admin/tests/unit/views/FeaturesView.spec.ts
@@ -58,7 +58,7 @@ describe('FeaturesView', () => {
       jest.mocked(featureStatesApi.listFeatureStates).mockResolvedValue(mockStates);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
       contextStore.setEnvironment(mockEnv);
 
@@ -74,7 +74,7 @@ describe('FeaturesView', () => {
       jest.mocked(featureStatesApi.listFeatureStates).mockResolvedValue(mockStates);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -92,7 +92,7 @@ describe('FeaturesView', () => {
       jest.mocked(featureStatesApi.patchFeatureState).mockResolvedValue({ ...mockStates[0], enabled: true });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
       contextStore.setEnvironment(mockEnv);
 
@@ -115,7 +115,7 @@ describe('FeaturesView', () => {
       jest.mocked(featureStatesApi.listFeatureStates).mockResolvedValue([]);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
diff --git a/src/admin/tests/unit/views/IdentitiesView.spec.ts b/src/admin/tests/unit/views/IdentitiesView.spec.ts
index 4e41a1e..365fdab 100755
--- a/src/admin/tests/unit/views/IdentitiesView.spec.ts
+++ b/src/admin/tests/unit/views/IdentitiesView.spec.ts
@@ -57,7 +57,7 @@ describe('IdentitiesView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
       contextStore.setEnvironment(mockEnv);
 
@@ -73,7 +73,7 @@ describe('IdentitiesView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
       contextStore.setEnvironment(mockEnv);
 
@@ -91,7 +91,7 @@ describe('IdentitiesView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
       contextStore.setEnvironment(mockEnv);
 
@@ -115,7 +115,7 @@ describe('IdentitiesView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
       contextStore.setEnvironment(mockEnv);
 
@@ -137,7 +137,7 @@ describe('IdentitiesView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
       contextStore.setEnvironment(mockEnv);
 
@@ -163,7 +163,7 @@ describe('IdentitiesView', () => {
       });
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
       contextStore.setEnvironment(mockEnv);
 
diff --git a/src/admin/tests/unit/views/ProfileView.spec.ts b/src/admin/tests/unit/views/ProfileView.spec.ts
index 60a722a..f274349 100755
--- a/src/admin/tests/unit/views/ProfileView.spec.ts
+++ b/src/admin/tests/unit/views/ProfileView.spec.ts
@@ -44,7 +44,7 @@ describe('ProfileView', () => {
     it('ThenOrgNameIsDisplayedWhenSelected', () => {
       const { wrapper } = mountView();
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme Corp', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme Corp', createdAt: '', isPrimary: false });
 
       expect(wrapper.find('[data-testid="profile-org-name"]').exists()).toBe(false); // org name shown in v-if block
     });
diff --git a/src/admin/tests/unit/views/SegmentsView.spec.ts b/src/admin/tests/unit/views/SegmentsView.spec.ts
index 3ed7f34..06d5cb4 100755
--- a/src/admin/tests/unit/views/SegmentsView.spec.ts
+++ b/src/admin/tests/unit/views/SegmentsView.spec.ts
@@ -61,7 +61,7 @@ describe('SegmentsView', () => {
       jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       mountView();
@@ -74,7 +74,7 @@ describe('SegmentsView', () => {
       jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -88,7 +88,7 @@ describe('SegmentsView', () => {
       jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -104,7 +104,7 @@ describe('SegmentsView', () => {
       jest.mocked(segmentsApi.listSegments).mockResolvedValue([]);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -123,7 +123,7 @@ describe('SegmentsView', () => {
       jest.mocked(segmentsApi.listSegments).mockResolvedValue(mockSegments);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -143,7 +143,7 @@ describe('SegmentsView', () => {
       jest.mocked(segmentsApi.deleteSegment).mockResolvedValue(undefined);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -172,7 +172,7 @@ describe('SegmentsView', () => {
       jest.mocked(segmentsApi.deleteSegment).mockResolvedValue(undefined);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -196,7 +196,7 @@ describe('SegmentsView', () => {
       jest.mocked(segmentsApi.listSegments).mockResolvedValue([]);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
@@ -214,7 +214,7 @@ describe('SegmentsView', () => {
       jest.mocked(segmentsApi.listSegments).mockResolvedValue([...mockSegments]);
 
       const contextStore = useContextStore();
-      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '' });
+      contextStore.setOrganization({ id: 1, name: 'Acme', createdAt: '', isPrimary: false });
       contextStore.setProject(mockProject);
 
       const wrapper = mountView();
diff --git a/src/admin/tests/unit/views/SettingsView.spec.ts b/src/admin/tests/unit/views/SettingsView.spec.ts
index 7511abb..4d19021 100755
--- a/src/admin/tests/unit/views/SettingsView.spec.ts
+++ b/src/admin/tests/unit/views/SettingsView.spec.ts
@@ -26,7 +26,7 @@ import * as environmentsApi from '@/api/environments';
 import * as apiKeysApi from '@/api/apiKeys';
 import * as webhooksApi from '@/api/webhooks';
 
-const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z' };
+const mockOrg: OrganizationResponse = { id: 1, name: 'Acme', createdAt: '2026-01-01T00:00:00Z', isPrimary: false };
 const mockProject: ProjectResponse = { id: 10, name: 'Website', organizationId: 1, hideDisabledFlags: false, createdAt: '2026-01-01T00:00:00Z' };
 const mockEnvs: EnvironmentResponse[] = [
   { id: 100, name: 'Development', apiKey: 'env-dev', projectId: 10, createdAt: '2026-01-01T00:00:00Z' },
diff --git a/src/api/MicCheck.Api/Organizations/.gitkeep b/src/api/MicCheck.Api/Organizations/.gitkeep
deleted file mode 100755
index e69de29..0000000