From 8472ff9ea9e3d03f7dd1a63b0f77e99da8b8e6f6 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Thu, 19 Feb 2026 14:52:15 +0300
Subject: [PATCH 01/99] feat: add settings section and languages index
 component

---
 histoire.config.ts                                   |  4 ++++
 .../settings/languages/languages-index.story.vue     | 12 ++++++++++++
 src/frontend/settings/languages/languages-index.vue  |  4 ++++
 3 files changed, 20 insertions(+)
 create mode 100644 src/frontend/settings/languages/languages-index.story.vue
 create mode 100644 src/frontend/settings/languages/languages-index.vue

diff --git a/histoire.config.ts b/histoire.config.ts
index 481140fd..e8834b66 100644
--- a/histoire.config.ts
+++ b/histoire.config.ts
@@ -43,6 +43,10 @@ export default defineConfig({
         id: 'team',
         title: 'Team',
       },
+      {
+        id: 'settings',
+        title: 'Settings',
+      },
       {
         id: 'shared',
         title: 'Shared',
diff --git a/src/frontend/settings/languages/languages-index.story.vue b/src/frontend/settings/languages/languages-index.story.vue
new file mode 100644
index 00000000..4940d55e
--- /dev/null
+++ b/src/frontend/settings/languages/languages-index.story.vue
@@ -0,0 +1,12 @@
+<template>
+  <Story title="Languages Page" group="settings">
+    <Variant title="Index" :setup-app="miniSidebar">
+      <LanguagesIndex />
+    </Variant>
+  </Story>
+</template>
+
+<script setup lang="ts">
+import LanguagesIndex from './languages-index.vue';
+import { miniSidebar } from '../../test/mocks';
+</script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
new file mode 100644
index 00000000..dd7eba0f
--- /dev/null
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -0,0 +1,4 @@
+
+<template>
+    <h1></h1>
+</template>
\ No newline at end of file

From 24e888d51d6d041f3817c39ccaa4f659c9c4e7ac Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Fri, 20 Feb 2026 08:52:03 +0300
Subject: [PATCH 02/99] feat: add source language component for language
 settings

---
 .../languages/components/source-lang.vue      | 50 +++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 src/frontend/settings/languages/components/source-lang.vue

diff --git a/src/frontend/settings/languages/components/source-lang.vue b/src/frontend/settings/languages/components/source-lang.vue
new file mode 100644
index 00000000..6c9db8b6
--- /dev/null
+++ b/src/frontend/settings/languages/components/source-lang.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="grid grid-cols-[auto_1fr_auto] gap-x-8 bg-white px-6 py-3">
+    <div class="pr-8">
+      <h4 class="text-sm/5 font-normal leading-5 text-gray-900">
+        {{ language }}
+      </h4>
+      <p class="text-[14px] font-normal leading-5 text-gray-500">
+        {{ nativeName }} ({{ locale }})
+      </p>
+    </div>
+    <div>
+      <p class="text-sm/5 font-normal leading-5 text-gray-500">
+        ( {{ bibleVersionAbbreviation }} ) {{ bibleVersionName }}
+      </p>
+    </div>
+    <div class="flex flex-col items-center justify-center px-4">
+      <button>
+        <Icon name="dots-vertical" class="size-5" />
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import Icon from '../../../shared/icon.vue';
+
+const props = defineProps<{
+  language: string;
+  locale: string;
+  languageDirection: 'rtl' | 'ltr';
+  bibleVersionId?: string;
+  bibleVersionName?: string;
+  bibleVersionAbbreviation?: string;
+}>();
+
+// Check language if it looks like this "German | Deutsch" split it into language and native name
+const language = computed(() => {
+  if (props.language.includes('|')) {
+    return props.language.split('|')[0].trim();
+  }
+  return props.language;
+});
+const nativeName = computed(() => {
+  if (props.language.includes('|')) {
+    return props.language.split('|')[1].trim();
+  }
+  return '';
+});
+</script>

From ea16b36c0d733effe3b93c2937cfcc76aea30961 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Fri, 20 Feb 2026 11:25:29 +0300
Subject: [PATCH 03/99] feat: implement language management interface with
 actions and table components

---
 .../settings/languages/components/actions.vue |  13 +
 .../languages/components/lang-table.story.vue | 295 ++++++++++++++++++
 .../languages/components/lang-table.vue       | 136 ++++++++
 .../languages/components/member-row.vue       |  12 +
 .../components/source-lang.story.vue          |  27 ++
 .../languages/components/source-lang.vue      |  17 +-
 .../settings/languages/languages-index.vue    |  51 ++-
 src/frontend/shared/icon.vue                  |  14 +
 src/frontend/shared/pagination.vue            |   2 +-
 9 files changed, 551 insertions(+), 16 deletions(-)
 create mode 100644 src/frontend/settings/languages/components/actions.vue
 create mode 100644 src/frontend/settings/languages/components/lang-table.story.vue
 create mode 100644 src/frontend/settings/languages/components/lang-table.vue
 create mode 100644 src/frontend/settings/languages/components/member-row.vue
 create mode 100644 src/frontend/settings/languages/components/source-lang.story.vue

diff --git a/src/frontend/settings/languages/components/actions.vue b/src/frontend/settings/languages/components/actions.vue
new file mode 100644
index 00000000..9b7e8cb7
--- /dev/null
+++ b/src/frontend/settings/languages/components/actions.vue
@@ -0,0 +1,13 @@
+<template>
+  <button
+    class="rounded-[38px] border bg-green-500 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-green-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset]"
+    @click="requestAppUpdate"
+  >
+    Request App Update
+  </button>
+</template>
+<script setup lang="ts">
+const requestAppUpdate = () => {
+  console.log('requestAppUpdate');
+};
+</script>
diff --git a/src/frontend/settings/languages/components/lang-table.story.vue b/src/frontend/settings/languages/components/lang-table.story.vue
new file mode 100644
index 00000000..fec7e045
--- /dev/null
+++ b/src/frontend/settings/languages/components/lang-table.story.vue
@@ -0,0 +1,295 @@
+<template>
+  <Story title="Lang Table" group="settings">
+    <Variant title="Default">
+      <LangTable :items="languages" @actions="onActions" />
+    </Variant>
+    <Variant title="Empty">
+      <LangTable :items="[]" />
+    </Variant>
+    <Variant title="With pagination">
+      <LangTable :items="manyLanguages" :items-per-page="5" @actions="onActions" />
+    </Variant>
+  </Story>
+</template>
+
+<script setup lang="ts">
+import LangTable from './lang-table.vue';
+import type { LangTableItem } from './lang-table.vue';
+
+const languages: LangTableItem[] = [
+  {
+    language: 'English',
+    languageDirection: 'ltr',
+    locale: 'en',
+    activeTranslations: 24,
+    translationProgress: 100,
+    teamMembers: [
+      {
+        id: 1,
+        name: 'Alice Chen',
+        initials: 'AC',
+        email: 'alice.chen@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'admin',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => false,
+      },
+      {
+        id: 2,
+        name: 'Bob Smith',
+        initials: 'BS',
+        email: 'bob.smith@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+    ],
+    bibleTranslation: 'King James Version',
+  },
+  {
+    language: 'Spanish',
+    languageDirection: 'ltr',
+    locale: 'es',
+    activeTranslations: 18,
+    translationProgress: 75,
+    teamMembers: [
+      {
+        id: 3,
+        name: 'Carlos García',
+        initials: 'CG',
+        email: 'carlos.garcía@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'admin',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+      {
+        id: 4,
+        name: 'Maria Lopez',
+        initials: 'ML',
+        email: 'maria.lopez@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+      {
+        id: 5,
+        name: 'Juan Pérez',
+        initials: 'JP',
+        email: 'juan.pérez@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+    ],
+    bibleTranslation: 'Reina-Valera 1960',
+  },
+  {
+    language: 'French',
+    languageDirection: 'ltr',
+    locale: 'fr',
+    activeTranslations: 12,
+    translationProgress: 50,
+    teamMembers: [
+      {
+        id: 6,
+        name: 'Pierre Dubois',
+        initials: 'PD',
+        email: 'pierre.dubois@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+    ],
+    bibleTranslation: 'Louis Segond',
+  },
+  {
+    language: 'Arabic',
+    languageDirection: 'rtl',
+    locale: 'ar',
+    activeTranslations: 5,
+    translationProgress: 25,
+    teamMembers: [],
+    bibleTranslation: 'Smith & Van Dyke',
+  },
+  {
+    language: 'Portuguese',
+    languageDirection: 'ltr',
+    locale: 'pt',
+    activeTranslations: 0,
+    translationProgress: 0,
+    teamMembers: [
+      {
+        id: 7,
+        name: 'Ana Costa',
+        initials: 'AC',
+        email: 'ana.costa@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+    ],
+    bibleTranslation: undefined,
+  },
+];
+
+const manyLanguages: LangTableItem[] = [
+  ...languages,
+  {
+    language: 'German',
+    languageDirection: 'ltr',
+    locale: 'de',
+    activeTranslations: 8,
+    translationProgress: 42,
+    teamMembers: [
+      {
+        id: 8,
+        name: 'Hans Müller',
+        initials: 'HM',
+        email: 'hans.müller@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+    ],
+    bibleTranslation: 'Luther Bibel',
+  },
+  {
+    language: 'Swahili',
+    languageDirection: 'ltr',
+    locale: 'sw',
+    activeTranslations: 15,
+    translationProgress: 88,
+    teamMembers: [
+      {
+        id: 9,
+        name: 'Juma Ochieng',
+        initials: 'JO',
+        email: 'juma.ochieng@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+      {
+        id: 10,
+        name: 'Amina Hassan',
+        initials: 'AH',
+        email: 'amina.hassan@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+    ],
+    bibleTranslation: 'Biblia Habari Njema',
+  },
+  {
+    language: 'Hindi',
+    languageDirection: 'ltr',
+    locale: 'hi',
+    activeTranslations: 3,
+    translationProgress: 12,
+    teamMembers: [],
+    bibleTranslation: 'Hindi Bible',
+  },
+  {
+    language: 'Chinese (Simplified)',
+    languageDirection: 'ltr',
+    locale: 'zh',
+    activeTranslations: 20,
+    translationProgress: 92,
+    teamMembers: [
+      {
+        id: 11,
+        name: 'Wei Zhang',
+        initials: 'WZ',
+        email: 'wei.zhang@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+      {
+        id: 12,
+        name: 'Mei Lin',
+        initials: 'ML',
+        email: 'mei.lin@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+      {
+        id: 13,
+        name: 'Jin Wang',
+        initials: 'JW',
+        email: 'jin.wang@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+    ],
+    bibleTranslation: 'Chinese Union Version',
+  },
+  {
+    language: 'Russian',
+    languageDirection: 'ltr',
+    locale: 'ru',
+    activeTranslations: 6,
+    translationProgress: 35,
+    teamMembers: [
+      {
+        id: 14,
+        name: 'Ivan Petrov',
+        initials: 'IP',
+        email: 'ivan.petrov@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: () => true,
+      },
+    ],
+    bibleTranslation: 'Synodal Translation',
+  },
+];
+
+const onActions = (item: LangTableItem) => {
+  alert(`Actions for ${item.language} (${item.locale})`);
+};
+</script>
diff --git a/src/frontend/settings/languages/components/lang-table.vue b/src/frontend/settings/languages/components/lang-table.vue
new file mode 100644
index 00000000..6c7cbce4
--- /dev/null
+++ b/src/frontend/settings/languages/components/lang-table.vue
@@ -0,0 +1,136 @@
+<template>
+  <div class="border-2 border-black/5 sm:rounded-lg">
+    <table class="min-w-full divide-y divide-gray-300">
+      <thead class="bg-gray-50 uppercase">
+        <tr>
+          <th
+            scope="col"
+            class="px-3 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500"
+          >
+            Active translations
+          </th>
+          <th
+            scope="col"
+            class="px-3 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500"
+          >
+            Translation progress
+          </th>
+          <th
+            scope="col"
+            class="px-3 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500"
+          >
+            Team members
+          </th>
+          <th
+            scope="col"
+            class="px-3 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500"
+          >
+            Bible translation
+          </th>
+          <th scope="col" class="relative py-3.5 pl-3 pr-4 sm:pr-6">
+            <span class="sr-only">Actions</span>
+          </th>
+        </tr>
+      </thead>
+      <tbody class="divide-y divide-gray-200 bg-white">
+        <tr v-for="item in paginatedItems" :key="item.locale">
+          <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-800">
+            {{ item.activeTranslations ?? '—' }}
+          </td>
+          <td class="whitespace-nowrap px-3 py-4 text-sm">
+            <div v-if="item.translationProgress != null" class="flex items-center gap-2">
+              <div
+                class="h-2 min-w-[80px] overflow-hidden rounded-full bg-gray-200"
+                role="progressbar"
+                :aria-valuenow="item.translationProgress"
+                aria-valuemin="0"
+                aria-valuemax="100"
+              >
+                <div
+                  class="h-full rounded-full bg-blue-500 transition-all"
+                  :style="{ width: `${item.translationProgress}%` }"
+                />
+              </div>
+              <span class="text-gray-700">{{ item.translationProgress }}%</span>
+            </div>
+            <span v-else class="text-gray-500">—</span>
+          </td>
+          <td class="px-3 py-4 text-sm text-gray-800">
+            <div v-if="item.teamMembers?.length" class="flex flex-col gap-1">
+              <MemberRow
+                v-for="member in item.teamMembers"
+                :key="member.id"
+                :name="member.name"
+                :email="member.email"
+              />
+            </div>
+            <div v-else class="flex flex-col text-xs font-medium leading-4">
+              <p class="text-black">No team members yet</p>
+              <p class="text-gray-500">
+                Press the three dots to <br />
+                assign team members.
+              </p>
+            </div>
+          </td>
+          <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-800">
+            {{ item.bibleTranslation ?? '—' }}
+          </td>
+          <td class="relative py-4 pl-3 pr-4 text-right sm:pr-6">
+            <button
+              type="button"
+              class="cursor-pointer text-gray-400 hover:text-gray-600"
+              @click="emit('actions', item)"
+            >
+              <Icon name="dots-vertical" class="size-5" />
+            </button>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    <Pagination
+      :current-page="currentPage"
+      :total-items="items.length"
+      :items-per-page="itemsPerPage"
+      @page-change="handlePageChange"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+import Icon from '../../../shared/icon.vue';
+import Pagination from '../../../shared/pagination.vue';
+import type { LanguageSpecificationExtended, UserInterface } from '../../../../types';
+import MemberRow from './member-row.vue';
+
+export interface LangTableItem extends LanguageSpecificationExtended {
+  activeTranslations?: number;
+  translationProgress?: number;
+  teamMembers?: UserInterface[];
+  bibleTranslation?: string;
+}
+
+const props = withDefaults(
+  defineProps<{
+    items: LangTableItem[];
+    itemsPerPage?: number;
+  }>(),
+  { itemsPerPage: 10 },
+);
+
+const emit = defineEmits<{
+  (e: 'actions', item: LangTableItem): void;
+}>();
+
+const currentPage = ref(1);
+const paginatedItems = computed(() => {
+  const startIndex = (currentPage.value - 1) * props.itemsPerPage;
+  const endIndex = startIndex + props.itemsPerPage;
+  return props.items.slice(startIndex, endIndex);
+});
+
+const handlePageChange = (page: number) => {
+  currentPage.value = page;
+};
+</script>
diff --git a/src/frontend/settings/languages/components/member-row.vue b/src/frontend/settings/languages/components/member-row.vue
new file mode 100644
index 00000000..f59d9029
--- /dev/null
+++ b/src/frontend/settings/languages/components/member-row.vue
@@ -0,0 +1,12 @@
+<template>
+  <div class="flex flex-col text-xs font-medium leading-4">
+    <p class="text-black">{{ name }}</p>
+    <p class="text-gray-500">{{ email }}</p>
+  </div>
+</template>
+<script setup lang="ts">
+defineProps<{
+  name: string;
+  email: string;
+}>();
+</script>
diff --git a/src/frontend/settings/languages/components/source-lang.story.vue b/src/frontend/settings/languages/components/source-lang.story.vue
new file mode 100644
index 00000000..7dc017fe
--- /dev/null
+++ b/src/frontend/settings/languages/components/source-lang.story.vue
@@ -0,0 +1,27 @@
+<template>
+  <Story title="Source Language" group="settings">
+    <Variant title="Default">
+      <SourceLang
+        :language="sourceLang.language"
+        :locale="sourceLang.locale"
+        :language-direction="'ltr'"
+        :bible-version-name="sourceLang.bibleVersionName"
+        :bible-version-abbreviation="sourceLang.bibleVersionAbbreviation"
+        :bible-version-id="sourceLang.bibleVersionId"
+      />
+    </Variant>
+  </Story>
+</template>
+
+<script setup lang="ts">
+import SourceLang from './source-lang.vue';
+
+const sourceLang = {
+  language: 'English',
+  locale: 'en',
+
+  bibleVersionName: 'King James Version',
+  bibleVersionAbbreviation: 'KJV',
+  bibleVersionId: 'de4e12af7f28f599-01',
+};
+</script>
diff --git a/src/frontend/settings/languages/components/source-lang.vue b/src/frontend/settings/languages/components/source-lang.vue
index 6c9db8b6..0d2ad0dd 100644
--- a/src/frontend/settings/languages/components/source-lang.vue
+++ b/src/frontend/settings/languages/components/source-lang.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="grid grid-cols-[auto_1fr_auto] gap-x-8 bg-white px-6 py-3">
+  <div class="grid gap-8 px-6 py-3 sm:grid-cols-[minmax(200px,auto)_1fr_auto]">
     <div class="pr-8">
       <h4 class="text-sm/5 font-normal leading-5 text-gray-900">
         {{ language }}
@@ -8,7 +8,7 @@
         {{ nativeName }} ({{ locale }})
       </p>
     </div>
-    <div>
+    <div class="flex flex-col justify-center">
       <p class="text-sm/5 font-normal leading-5 text-gray-500">
         ( {{ bibleVersionAbbreviation }} ) {{ bibleVersionName }}
       </p>
@@ -24,17 +24,10 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import Icon from '../../../shared/icon.vue';
+import { LanguageSpecificationExtended } from '../../../../types';
 
-const props = defineProps<{
-  language: string;
-  locale: string;
-  languageDirection: 'rtl' | 'ltr';
-  bibleVersionId?: string;
-  bibleVersionName?: string;
-  bibleVersionAbbreviation?: string;
-}>();
+const props = defineProps<LanguageSpecificationExtended>();
 
-// Check language if it looks like this "German | Deutsch" split it into language and native name
 const language = computed(() => {
   if (props.language.includes('|')) {
     return props.language.split('|')[0].trim();
@@ -45,6 +38,6 @@ const nativeName = computed(() => {
   if (props.language.includes('|')) {
     return props.language.split('|')[1].trim();
   }
-  return '';
+  return props.language;
 });
 </script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index dd7eba0f..7ccbf95f 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -1,4 +1,49 @@
-
 <template>
-    <h1></h1>
-</template>
\ No newline at end of file
+  <AppLayout>
+    <template #header>
+      <ContentHeader title="Settings">
+        <template #actions>
+          <Actions />
+        </template>
+        <template #extra-actions>
+          <div class="flex items-center justify-between pb-4">
+            <div>
+              <h3 class="text-xl/7 font-semibold leading-7 text-gray-800">Languages</h3>
+              <p class="text-sm/5 font-normal leading-5 text-gray-500">
+                Here you can manage your languages. Press the blue + to add a new
+                language.
+              </p>
+            </div>
+            <button
+              class="rounded-full bg-blue-500 p-1 shadow-md hover:bg-blue-700"
+              @click="addLanguage"
+            >
+              <Icon name="plus" class="text-white" />
+            </button>
+          </div>
+        </template>
+      </ContentHeader>
+    </template>
+
+    <SourceLang
+      :language="'English | American'"
+      :locale="'en'"
+      :language-direction="'ltr'"
+      :bible-version-name="'King James Version'"
+      :bible-version-abbreviation="'KJV'"
+      :bible-version-id="'de4e12af7f28f599-01'"
+    />
+  </AppLayout>
+</template>
+
+<script setup lang="ts">
+import AppLayout from '../../shared/app-layout.vue';
+import ContentHeader from '../../shared/content-header.vue';
+import Actions from './components/actions.vue';
+import Icon from '../../shared/icon.vue';
+import SourceLang from './components/source-lang.vue';
+
+const addLanguage = () => {
+  console.log('addLanguage');
+};
+</script>
diff --git a/src/frontend/shared/icon.vue b/src/frontend/shared/icon.vue
index 91997306..3340e042 100644
--- a/src/frontend/shared/icon.vue
+++ b/src/frontend/shared/icon.vue
@@ -3180,6 +3180,20 @@
         stroke-linejoin="round"
       />
     </svg>
+    <svg
+      v-if="name === 'dots-vertical'"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M11.6667 4.16667C11.6667 5.08714 10.9205 5.83333 10 5.83333C9.07953 5.83333 8.33334 5.08714 8.33334 4.16667C8.33334 3.24619 9.07953 2.5 10 2.5C10.9205 2.5 11.6667 3.24619 11.6667 4.16667ZM11.6667 10C11.6667 10.9205 10.9205 11.6667 10 11.6667C9.07953 11.6667 8.33334 10.9205 8.33334 10C8.33334 9.07953 9.07953 8.33333 10 8.33333C10.9205 8.33333 11.6667 9.07953 11.6667 10ZM11.6667 15.8333C11.6667 16.7538 10.9205 17.5 10 17.5C9.07953 17.5 8.33334 16.7538 8.33334 15.8333C8.33334 14.9129 9.07953 14.1667 10 14.1667C10.9205 14.1667 11.6667 14.9129 11.6667 15.8333Z"
+        fill="#374151"
+      />
+    </svg>
+
     <svg
       v-if="name === 'sort-asc'"
       width="14"
diff --git a/src/frontend/shared/pagination.vue b/src/frontend/shared/pagination.vue
index 2d653ffa..0b8d985f 100644
--- a/src/frontend/shared/pagination.vue
+++ b/src/frontend/shared/pagination.vue
@@ -60,7 +60,7 @@
               v-if="page !== '...'"
               :class="[
                 page === currentPage
-                  ? 'relative z-10 inline-flex items-center bg-indigo-600 px-4 py-2 text-sm font-semibold text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600'
+                  ? 'focus:outline-[--primary-color]/50 relative z-10 inline-flex items-center bg-[--primary-color] px-4 py-2 text-sm font-semibold text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2'
                   : 'relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0',
               ]"
               @click="goToPage(page as number)"

From 8889251c1c7d2e39e7c9712859a62cd1ce54b7da Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Fri, 20 Feb 2026 13:13:27 +0300
Subject: [PATCH 04/99] feat: add RingBlock component and story for dashboard
 progress visualization

---
 src/frontend/dashboard/ring-block.story.vue |  51 ++++++++
 src/frontend/dashboard/ring-block.vue       | 122 ++++++++++++++++++++
 2 files changed, 173 insertions(+)
 create mode 100644 src/frontend/dashboard/ring-block.story.vue
 create mode 100644 src/frontend/dashboard/ring-block.vue

diff --git a/src/frontend/dashboard/ring-block.story.vue b/src/frontend/dashboard/ring-block.story.vue
new file mode 100644
index 00000000..e35ef4b4
--- /dev/null
+++ b/src/frontend/dashboard/ring-block.story.vue
@@ -0,0 +1,51 @@
+<template>
+  <Story title="Ring block" group="dashboard" :layout="{ type: 'grid', width: 350 }">
+    <Variant title="Incomplete">
+      <div class="bg-white p-8">
+        <RingBlock
+          :progress="[
+            { name: 'Interface', done: 75, draft: 0, total: 100 },
+            { name: 'Content', done: 100, draft: 20, total: 100 },
+          ]"
+        />
+      </div>
+    </Variant>
+
+    <Variant title="All done">
+      <div class="bg-white p-8">
+        <RingBlock
+          :progress="[
+            { name: 'Interface', done: 100, draft: 50, total: 100 },
+            { name: 'Content', done: 300, draft: 10, total: 300 },
+          ]"
+        />
+      </div>
+    </Variant>
+
+    <Variant title="Not started">
+      <div class="bg-white p-8">
+        <RingBlock
+          :progress="[
+            { name: 'Interface', done: 0, draft: 0, total: 100 },
+            { name: 'Content', done: 0, draft: 0, total: 300 },
+          ]"
+        />
+      </div>
+    </Variant>
+
+    <Variant title="In progress">
+      <div class="bg-white p-8">
+        <RingBlock
+          :progress="[
+            { name: 'Interface', done: 50, draft: 10, total: 100 },
+            { name: 'Content', done: 150, draft: 0, total: 300 },
+          ]"
+        />
+      </div>
+    </Variant>
+  </Story>
+</template>
+
+<script setup lang="ts">
+import RingBlock from './ring-block.vue';
+</script>
diff --git a/src/frontend/dashboard/ring-block.vue b/src/frontend/dashboard/ring-block.vue
new file mode 100644
index 00000000..6443d9bc
--- /dev/null
+++ b/src/frontend/dashboard/ring-block.vue
@@ -0,0 +1,122 @@
+<template>
+  <div class="flex flex-col items-center text-gray-500">
+    <template v-if="hasCompleteRings">
+      <div class="relative mx-auto size-24 rounded-full border-[3px] border-teal-500">
+        <div class="absolute inset-0 flex items-center justify-center">
+          <Icon name="check-large" class="h-auto w-6 text-teal-500" />
+        </div>
+      </div>
+      <p class="mt-2 text-center text-xs font-medium leading-4">All done</p>
+    </template>
+    <template v-else>
+      <div class="flex justify-between gap-8">
+        <div v-for="item in ringData" :key="item.name" class="flex flex-col items-center">
+          <p class="mb-2 text-center text-sm font-medium leading-4">
+            {{ item.name }}
+          </p>
+          <div class="relative flex flex-col items-center justify-center">
+            <svg
+              v-if="item.label !== ''"
+              class="-rotate-90"
+              :height="circleWidth"
+              :width="circleWidth"
+            >
+              <circle
+                class="fill-transparent stroke-teal-500 stroke-[6px]"
+                stroke="currentColor"
+                :r="circleRadius"
+                :cx="center"
+                :cy="center"
+                :stroke-dasharray="`${item.tealSegment} ${circumference}`"
+                stroke-dashoffset="0"
+              />
+              <circle
+                class="fill-transparent stroke-blue-500 stroke-[6px]"
+                stroke="currentColor"
+                :r="circleRadius"
+                :cx="center"
+                :cy="center"
+                :stroke-dasharray="`${item.blueSegment} ${circumference}`"
+                :stroke-dashoffset="`-${item.tealSegment}`"
+              />
+              <circle
+                class="fill-transparent stroke-gray-200 stroke-[6px]"
+                stroke="currentColor"
+                :r="circleRadius"
+                :cx="center"
+                :cy="center"
+                :stroke-dasharray="`${item.unfilledSegment} ${circumference}`"
+                :stroke-dashoffset="`-${item.tealSegment + item.blueSegment}`"
+              />
+            </svg>
+            <div class="absolute inset-0 flex items-center justify-center">
+              <div v-if="item.donePercentage === 100 && item.draftPercentage === 0">
+                <Icon name="check" class="h-auto w-4 text-teal-500" />
+              </div>
+              <span v-else class="text-sm font-bold leading-none text-gray-800">
+                {{ item.label }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import Icon from '../shared/icon.vue';
+
+interface RingBlockProgress {
+  name: string;
+  done: number;
+  draft: number;
+  total: number;
+}
+
+const props = defineProps<{ progress: RingBlockProgress[] }>();
+
+const hasCompleteRings = computed(() => {
+  return props.progress.every((stat) => stat.done === stat.total);
+});
+
+const circleWidth = 80;
+const center = circleWidth / 2;
+const circleRadius = circleWidth / 2 - 6;
+const circumference = 2 * Math.PI * circleRadius;
+
+function computeRingData(item: RingBlockProgress) {
+  const isOverdone = item.done + item.draft > item.total;
+  const workingDone = isOverdone
+    ? item.done - (item.done + item.draft - item.total)
+    : item.done;
+  const donePercentage =
+    item.total === 0 ? 0 : Math.round((workingDone / item.total) * 100);
+  const draftPercentage =
+    item.total === 0 ? 0 : Math.round((item.draft / item.total) * 100);
+  const unfilledPercentage = 100 - (donePercentage + draftPercentage);
+
+  let label = '';
+  const nr = donePercentage + draftPercentage;
+  if (!isNaN(nr)) {
+    label = nr > 100 ? '100%' : `${nr}%`;
+  }
+
+  const tealSegment = circumference * (donePercentage / 100);
+  const blueSegment = circumference * (draftPercentage / 100);
+  const unfilledSegment = circumference * (unfilledPercentage / 100);
+
+  return {
+    name: item.name,
+    label,
+    donePercentage,
+    draftPercentage,
+    tealSegment,
+    blueSegment,
+    unfilledSegment,
+  };
+}
+
+const ringData = computed(() => props.progress.map(computeRingData));
+</script>

From a8192a40c4a4eb29d053e541357d7c0b3bf573b5 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Fri, 20 Feb 2026 13:18:10 +0300
Subject: [PATCH 05/99] feat: extend LanguageSpecification and update
 translation progress handling in lang-table components

---
 src/frontend/dashboard/ring-block.vue         | 12 +++------
 .../languages/components/lang-table.story.vue |  2 +-
 .../languages/components/lang-table.vue       | 26 ++++++-------------
 src/types.ts                                  |  6 +++++
 4 files changed, 18 insertions(+), 28 deletions(-)

diff --git a/src/frontend/dashboard/ring-block.vue b/src/frontend/dashboard/ring-block.vue
index 6443d9bc..f695c57d 100644
--- a/src/frontend/dashboard/ring-block.vue
+++ b/src/frontend/dashboard/ring-block.vue
@@ -67,15 +67,9 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import Icon from '../shared/icon.vue';
+import type { Progress } from '../../types';
 
-interface RingBlockProgress {
-  name: string;
-  done: number;
-  draft: number;
-  total: number;
-}
-
-const props = defineProps<{ progress: RingBlockProgress[] }>();
+const props = defineProps<{ progress: Omit<Progress, 'lastUpdated'>[] }>();
 
 const hasCompleteRings = computed(() => {
   return props.progress.every((stat) => stat.done === stat.total);
@@ -86,7 +80,7 @@ const center = circleWidth / 2;
 const circleRadius = circleWidth / 2 - 6;
 const circumference = 2 * Math.PI * circleRadius;
 
-function computeRingData(item: RingBlockProgress) {
+function computeRingData(item: Omit<Progress, 'lastUpdated'>) {
   const isOverdone = item.done + item.draft > item.total;
   const workingDone = isOverdone
     ? item.done - (item.done + item.draft - item.total)
diff --git a/src/frontend/settings/languages/components/lang-table.story.vue b/src/frontend/settings/languages/components/lang-table.story.vue
index fec7e045..b81fee42 100644
--- a/src/frontend/settings/languages/components/lang-table.story.vue
+++ b/src/frontend/settings/languages/components/lang-table.story.vue
@@ -102,7 +102,7 @@ const languages: LangTableItem[] = [
     languageDirection: 'ltr',
     locale: 'fr',
     activeTranslations: 12,
-    translationProgress: 50,
+    translationProgress: [{ name: 'Interface', done: 50, draft: 0, total: 100 }],
     teamMembers: [
       {
         id: 6,
diff --git a/src/frontend/settings/languages/components/lang-table.vue b/src/frontend/settings/languages/components/lang-table.vue
index 6c7cbce4..4d37f64d 100644
--- a/src/frontend/settings/languages/components/lang-table.vue
+++ b/src/frontend/settings/languages/components/lang-table.vue
@@ -38,22 +38,7 @@
             {{ item.activeTranslations ?? '—' }}
           </td>
           <td class="whitespace-nowrap px-3 py-4 text-sm">
-            <div v-if="item.translationProgress != null" class="flex items-center gap-2">
-              <div
-                class="h-2 min-w-[80px] overflow-hidden rounded-full bg-gray-200"
-                role="progressbar"
-                :aria-valuenow="item.translationProgress"
-                aria-valuemin="0"
-                aria-valuemax="100"
-              >
-                <div
-                  class="h-full rounded-full bg-blue-500 transition-all"
-                  :style="{ width: `${item.translationProgress}%` }"
-                />
-              </div>
-              <span class="text-gray-700">{{ item.translationProgress }}%</span>
-            </div>
-            <span v-else class="text-gray-500">—</span>
+            <RingBlock :progress="item.translationProgress" />
           </td>
           <td class="px-3 py-4 text-sm text-gray-800">
             <div v-if="item.teamMembers?.length" class="flex flex-col gap-1">
@@ -101,12 +86,17 @@
 import { ref, computed } from 'vue';
 import Icon from '../../../shared/icon.vue';
 import Pagination from '../../../shared/pagination.vue';
-import type { LanguageSpecificationExtended, UserInterface } from '../../../../types';
+import type {
+  LanguageSpecificationExtended,
+  UserInterface,
+  Progress,
+} from '../../../../types';
 import MemberRow from './member-row.vue';
+import RingBlock from '../../../dashboard/ring-block.vue';
 
 export interface LangTableItem extends LanguageSpecificationExtended {
   activeTranslations?: number;
-  translationProgress?: number;
+  translationProgress?: Omit<Progress, 'lastUpdated'>[];
   teamMembers?: UserInterface[];
   bibleTranslation?: string;
 }
diff --git a/src/types.ts b/src/types.ts
index ba2b9bf8..20836abc 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -545,6 +545,12 @@ export interface LanguageSpecification {
   bibleVersion?: string;
 }
 
+export interface LanguageSpecificationExtended extends LanguageSpecification {
+  bibleVersionId?: string;
+  bibleVersionName?: string;
+  bibleVersionAbbreviation?: string;
+}
+
 export interface Providers {
   s3?: {
     accessKeyId: string;

From a8d716cc2f93286272eba4ccec4dc30621565099 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Fri, 20 Feb 2026 13:43:22 +0300
Subject: [PATCH 06/99] refactor: simplify LanguageSpecification and update
 SourceLang component to use new structure

---
 .../languages/components/lang-table.story.vue | 80 +++++++++++++------
 .../languages/components/lang-table.vue       | 14 ++--
 .../components/source-lang.story.vue          | 19 ++---
 .../languages/components/source-lang.vue      | 20 ++---
 .../settings/languages/languages-index.vue    | 15 ++--
 src/types.ts                                  |  6 +-
 6 files changed, 88 insertions(+), 66 deletions(-)

diff --git a/src/frontend/settings/languages/components/lang-table.story.vue b/src/frontend/settings/languages/components/lang-table.story.vue
index b81fee42..7067cc21 100644
--- a/src/frontend/settings/languages/components/lang-table.story.vue
+++ b/src/frontend/settings/languages/components/lang-table.story.vue
@@ -16,13 +16,18 @@
 import LangTable from './lang-table.vue';
 import type { LangTableItem } from './lang-table.vue';
 
+const isAllowed = (allowed: boolean) => () => allowed;
+
 const languages: LangTableItem[] = [
   {
     language: 'English',
     languageDirection: 'ltr',
     locale: 'en',
     activeTranslations: 24,
-    translationProgress: 100,
+    translationProgress: [
+      { name: 'Interface', done: 100, draft: 0, total: 100 },
+      { name: 'Content', done: 240, draft: 0, total: 240 },
+    ],
     teamMembers: [
       {
         id: 1,
@@ -34,7 +39,7 @@ const languages: LangTableItem[] = [
         role: 'admin',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => false,
+        isAllowed: isAllowed(false),
       },
       {
         id: 2,
@@ -46,7 +51,7 @@ const languages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
     ],
     bibleTranslation: 'King James Version',
@@ -56,7 +61,10 @@ const languages: LangTableItem[] = [
     languageDirection: 'ltr',
     locale: 'es',
     activeTranslations: 18,
-    translationProgress: 75,
+    translationProgress: [
+      { name: 'Interface', done: 75, draft: 0, total: 100 },
+      { name: 'Content', done: 225, draft: 0, total: 300 },
+    ],
     teamMembers: [
       {
         id: 3,
@@ -68,7 +76,7 @@ const languages: LangTableItem[] = [
         role: 'admin',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
       {
         id: 4,
@@ -80,7 +88,7 @@ const languages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
       {
         id: 5,
@@ -92,7 +100,7 @@ const languages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
     ],
     bibleTranslation: 'Reina-Valera 1960',
@@ -102,7 +110,10 @@ const languages: LangTableItem[] = [
     languageDirection: 'ltr',
     locale: 'fr',
     activeTranslations: 12,
-    translationProgress: [{ name: 'Interface', done: 50, draft: 0, total: 100 }],
+    translationProgress: [
+      { name: 'Interface', done: 50, draft: 0, total: 100 },
+      { name: 'Content', done: 90, draft: 10, total: 150 },
+    ],
     teamMembers: [
       {
         id: 6,
@@ -114,7 +125,7 @@ const languages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
     ],
     bibleTranslation: 'Louis Segond',
@@ -124,7 +135,10 @@ const languages: LangTableItem[] = [
     languageDirection: 'rtl',
     locale: 'ar',
     activeTranslations: 5,
-    translationProgress: 25,
+    translationProgress: [
+      { name: 'Interface', done: 25, draft: 0, total: 100 },
+      { name: 'Content', done: 50, draft: 0, total: 200 },
+    ],
     teamMembers: [],
     bibleTranslation: 'Smith & Van Dyke',
   },
@@ -133,7 +147,10 @@ const languages: LangTableItem[] = [
     languageDirection: 'ltr',
     locale: 'pt',
     activeTranslations: 0,
-    translationProgress: 0,
+    translationProgress: [
+      { name: 'Interface', done: 0, draft: 0, total: 100 },
+      { name: 'Content', done: 0, draft: 0, total: 100 },
+    ],
     teamMembers: [
       {
         id: 7,
@@ -145,7 +162,7 @@ const languages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
     ],
     bibleTranslation: undefined,
@@ -159,7 +176,10 @@ const manyLanguages: LangTableItem[] = [
     languageDirection: 'ltr',
     locale: 'de',
     activeTranslations: 8,
-    translationProgress: 42,
+    translationProgress: [
+      { name: 'Interface', done: 42, draft: 0, total: 100 },
+      { name: 'Content', done: 84, draft: 0, total: 200 },
+    ],
     teamMembers: [
       {
         id: 8,
@@ -171,7 +191,7 @@ const manyLanguages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
     ],
     bibleTranslation: 'Luther Bibel',
@@ -181,7 +201,10 @@ const manyLanguages: LangTableItem[] = [
     languageDirection: 'ltr',
     locale: 'sw',
     activeTranslations: 15,
-    translationProgress: 88,
+    translationProgress: [
+      { name: 'Interface', done: 88, draft: 0, total: 100 },
+      { name: 'Content', done: 264, draft: 0, total: 300 },
+    ],
     teamMembers: [
       {
         id: 9,
@@ -193,7 +216,7 @@ const manyLanguages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
       {
         id: 10,
@@ -205,7 +228,7 @@ const manyLanguages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
     ],
     bibleTranslation: 'Biblia Habari Njema',
@@ -215,7 +238,10 @@ const manyLanguages: LangTableItem[] = [
     languageDirection: 'ltr',
     locale: 'hi',
     activeTranslations: 3,
-    translationProgress: 12,
+    translationProgress: [
+      { name: 'Interface', done: 12, draft: 0, total: 100 },
+      { name: 'Content', done: 36, draft: 0, total: 300 },
+    ],
     teamMembers: [],
     bibleTranslation: 'Hindi Bible',
   },
@@ -224,7 +250,10 @@ const manyLanguages: LangTableItem[] = [
     languageDirection: 'ltr',
     locale: 'zh',
     activeTranslations: 20,
-    translationProgress: 92,
+    translationProgress: [
+      { name: 'Interface', done: 92, draft: 0, total: 100 },
+      { name: 'Content', done: 460, draft: 40, total: 500 },
+    ],
     teamMembers: [
       {
         id: 11,
@@ -236,7 +265,7 @@ const manyLanguages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
       {
         id: 12,
@@ -248,7 +277,7 @@ const manyLanguages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
       {
         id: 13,
@@ -260,7 +289,7 @@ const manyLanguages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
     ],
     bibleTranslation: 'Chinese Union Version',
@@ -270,7 +299,10 @@ const manyLanguages: LangTableItem[] = [
     languageDirection: 'ltr',
     locale: 'ru',
     activeTranslations: 6,
-    translationProgress: 35,
+    translationProgress: [
+      { name: 'Interface', done: 35, draft: 0, total: 100 },
+      { name: 'Content', done: 105, draft: 0, total: 300 },
+    ],
     teamMembers: [
       {
         id: 14,
@@ -282,7 +314,7 @@ const manyLanguages: LangTableItem[] = [
         role: 'editor',
         language: null,
         hasPendingInvite: false,
-        isAllowed: () => true,
+        isAllowed: isAllowed(true),
       },
     ],
     bibleTranslation: 'Synodal Translation',
diff --git a/src/frontend/settings/languages/components/lang-table.vue b/src/frontend/settings/languages/components/lang-table.vue
index 4d37f64d..0906b13c 100644
--- a/src/frontend/settings/languages/components/lang-table.vue
+++ b/src/frontend/settings/languages/components/lang-table.vue
@@ -38,7 +38,7 @@
             {{ item.activeTranslations ?? '—' }}
           </td>
           <td class="whitespace-nowrap px-3 py-4 text-sm">
-            <RingBlock :progress="item.translationProgress" />
+            <RingBlock :progress="item.translationProgress ?? []" />
           </td>
           <td class="px-3 py-4 text-sm text-gray-800">
             <div v-if="item.teamMembers?.length" class="flex flex-col gap-1">
@@ -86,15 +86,11 @@
 import { ref, computed } from 'vue';
 import Icon from '../../../shared/icon.vue';
 import Pagination from '../../../shared/pagination.vue';
-import type {
-  LanguageSpecificationExtended,
-  UserInterface,
-  Progress,
-} from '../../../../types';
+import type { LanguageSpecification, UserInterface, Progress } from '../../../../types';
 import MemberRow from './member-row.vue';
 import RingBlock from '../../../dashboard/ring-block.vue';
 
-export interface LangTableItem extends LanguageSpecificationExtended {
+export interface TableItem extends LanguageSpecification {
   activeTranslations?: number;
   translationProgress?: Omit<Progress, 'lastUpdated'>[];
   teamMembers?: UserInterface[];
@@ -103,14 +99,14 @@ export interface LangTableItem extends LanguageSpecificationExtended {
 
 const props = withDefaults(
   defineProps<{
-    items: LangTableItem[];
+    items: TableItem[];
     itemsPerPage?: number;
   }>(),
   { itemsPerPage: 10 },
 );
 
 const emit = defineEmits<{
-  (e: 'actions', item: LangTableItem): void;
+  (e: 'actions', item: TableItem): void;
 }>();
 
 const currentPage = ref(1);
diff --git a/src/frontend/settings/languages/components/source-lang.story.vue b/src/frontend/settings/languages/components/source-lang.story.vue
index 7dc017fe..25a1bcef 100644
--- a/src/frontend/settings/languages/components/source-lang.story.vue
+++ b/src/frontend/settings/languages/components/source-lang.story.vue
@@ -1,27 +1,22 @@
 <template>
   <Story title="Source Language" group="settings">
     <Variant title="Default">
-      <SourceLang
-        :language="sourceLang.language"
-        :locale="sourceLang.locale"
-        :language-direction="'ltr'"
-        :bible-version-name="sourceLang.bibleVersionName"
-        :bible-version-abbreviation="sourceLang.bibleVersionAbbreviation"
-        :bible-version-id="sourceLang.bibleVersionId"
-      />
+      <div class="rounded-lg bg-white p-4 shadow-md">
+        <SourceLang :spec="sourceLang" />
+      </div>
     </Variant>
   </Story>
 </template>
 
 <script setup lang="ts">
 import SourceLang from './source-lang.vue';
+import type { LanguageSpecification } from '../../../../types';
 
-const sourceLang = {
+const sourceLang: LanguageSpecification = {
   language: 'English',
   locale: 'en',
-
-  bibleVersionName: 'King James Version',
-  bibleVersionAbbreviation: 'KJV',
+  languageDirection: 'ltr',
   bibleVersionId: 'de4e12af7f28f599-01',
+  bibleLabel: '(KJV) King James Version',
 };
 </script>
diff --git a/src/frontend/settings/languages/components/source-lang.vue b/src/frontend/settings/languages/components/source-lang.vue
index 0d2ad0dd..48db7f83 100644
--- a/src/frontend/settings/languages/components/source-lang.vue
+++ b/src/frontend/settings/languages/components/source-lang.vue
@@ -5,12 +5,12 @@
         {{ language }}
       </h4>
       <p class="text-[14px] font-normal leading-5 text-gray-500">
-        {{ nativeName }} ({{ locale }})
+        {{ nativeName }} ({{ spec.locale }})
       </p>
     </div>
     <div class="flex flex-col justify-center">
       <p class="text-sm/5 font-normal leading-5 text-gray-500">
-        ( {{ bibleVersionAbbreviation }} ) {{ bibleVersionName }}
+        {{ spec.bibleLabel }}
       </p>
     </div>
     <div class="flex flex-col items-center justify-center px-4">
@@ -24,20 +24,20 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import Icon from '../../../shared/icon.vue';
-import { LanguageSpecificationExtended } from '../../../../types';
+import { LanguageSpecification } from '../../../../types';
 
-const props = defineProps<LanguageSpecificationExtended>();
+const props = defineProps<{ spec: LanguageSpecification }>();
 
 const language = computed(() => {
-  if (props.language.includes('|')) {
-    return props.language.split('|')[0].trim();
+  if (props.spec.language.includes('|')) {
+    return props.spec.language.split('|')[0].trim();
   }
-  return props.language;
+  return props.spec.language;
 });
 const nativeName = computed(() => {
-  if (props.language.includes('|')) {
-    return props.language.split('|')[1].trim();
+  if (props.spec.language.includes('|')) {
+    return props.spec.language.split('|')[1].trim();
   }
-  return props.language;
+  return props.spec.language;
 });
 </script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index 7ccbf95f..f1613f12 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -26,12 +26,15 @@
     </template>
 
     <SourceLang
-      :language="'English | American'"
-      :locale="'en'"
-      :language-direction="'ltr'"
-      :bible-version-name="'King James Version'"
-      :bible-version-abbreviation="'KJV'"
-      :bible-version-id="'de4e12af7f28f599-01'"
+      :spec="{
+        language: 'English | American',
+        locale: 'en',
+        languageDirection: 'ltr',
+        bibleVersion: 'King James Version',
+        bibleVersionId: 'de4e12af7f28f599-01',
+        bibleLabel: '(KJV) King James Version',
+      }"
+    />
     />
   </AppLayout>
 </template>
diff --git a/src/types.ts b/src/types.ts
index 20836abc..5d445741 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -543,12 +543,8 @@ export interface LanguageSpecification {
   languageDirection: 'rtl' | 'ltr';
   locale: string;
   bibleVersion?: string;
-}
-
-export interface LanguageSpecificationExtended extends LanguageSpecification {
   bibleVersionId?: string;
-  bibleVersionName?: string;
-  bibleVersionAbbreviation?: string;
+  bibleLabel?: string;
 }
 
 export interface Providers {

From 38378d63ac7da57b607312d652af07e7566a9878 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Fri, 20 Feb 2026 13:48:22 +0300
Subject: [PATCH 07/99] fix: remove extraneous closing tag in
 languages-index.vue

---
 src/frontend/settings/languages/languages-index.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index f1613f12..2eac228c 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -35,7 +35,6 @@
         bibleLabel: '(KJV) King James Version',
       }"
     />
-    />
   </AppLayout>
 </template>
 

From 502f55310a2ed343b3e03a52a01ef31062fe9c3b Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Mon, 23 Feb 2026 07:36:43 +0300
Subject: [PATCH 08/99] refactor: update type definitions in lang-table story
 to use TableItem

---
 .../settings/languages/components/lang-table.story.vue    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/frontend/settings/languages/components/lang-table.story.vue b/src/frontend/settings/languages/components/lang-table.story.vue
index 7067cc21..1c7652d8 100644
--- a/src/frontend/settings/languages/components/lang-table.story.vue
+++ b/src/frontend/settings/languages/components/lang-table.story.vue
@@ -14,11 +14,11 @@
 
 <script setup lang="ts">
 import LangTable from './lang-table.vue';
-import type { LangTableItem } from './lang-table.vue';
+import type { TableItem } from './lang-table.vue';
 
 const isAllowed = (allowed: boolean) => () => allowed;
 
-const languages: LangTableItem[] = [
+const languages: TableItem[] = [
   {
     language: 'English',
     languageDirection: 'ltr',
@@ -169,7 +169,7 @@ const languages: LangTableItem[] = [
   },
 ];
 
-const manyLanguages: LangTableItem[] = [
+const manyLanguages: TableItem[] = [
   ...languages,
   {
     language: 'German',
@@ -321,7 +321,7 @@ const manyLanguages: LangTableItem[] = [
   },
 ];
 
-const onActions = (item: LangTableItem) => {
+const onActions = (item: TableItem) => {
   alert(`Actions for ${item.language} (${item.locale})`);
 };
 </script>

From 5f5115703f3d9f6c7e292e40628bc54e572fe949 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 24 Feb 2026 08:16:36 +0300
Subject: [PATCH 09/99] feat: introduce LangStrip component for language
 display and update lang-table and source-lang components to utilize it

---
 .../languages/components/lang-strip.vue       | 29 +++++++++++++++++++
 .../languages/components/lang-table.story.vue | 17 +++++------
 .../languages/components/lang-table.vue       | 12 +++++---
 .../languages/components/source-lang.vue      | 26 +++--------------
 4 files changed, 48 insertions(+), 36 deletions(-)
 create mode 100644 src/frontend/settings/languages/components/lang-strip.vue

diff --git a/src/frontend/settings/languages/components/lang-strip.vue b/src/frontend/settings/languages/components/lang-strip.vue
new file mode 100644
index 00000000..de8e9595
--- /dev/null
+++ b/src/frontend/settings/languages/components/lang-strip.vue
@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <p class="text-sm/5 font-normal leading-5 text-gray-900">
+      {{ language }}
+    </p>
+    <p class="text-[14px] font-normal leading-5 text-gray-500">
+      {{ nativeName }} ({{ spec.locale }})
+    </p>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { LanguageSpecification } from '../../../../types';
+const props = defineProps<{ spec: LanguageSpecification }>();
+
+const language = computed(() => {
+  if (props.spec.language.includes('|')) {
+    return props.spec.language.split('|')[0].trim();
+  }
+  return props.spec.language;
+});
+const nativeName = computed(() => {
+  if (props.spec.language.includes('|')) {
+    return props.spec.language.split('|')[1].trim();
+  }
+  return props.spec.language;
+});
+</script>
diff --git a/src/frontend/settings/languages/components/lang-table.story.vue b/src/frontend/settings/languages/components/lang-table.story.vue
index 1c7652d8..0c774032 100644
--- a/src/frontend/settings/languages/components/lang-table.story.vue
+++ b/src/frontend/settings/languages/components/lang-table.story.vue
@@ -23,7 +23,6 @@ const languages: TableItem[] = [
     language: 'English',
     languageDirection: 'ltr',
     locale: 'en',
-    activeTranslations: 24,
     translationProgress: [
       { name: 'Interface', done: 100, draft: 0, total: 100 },
       { name: 'Content', done: 240, draft: 0, total: 240 },
@@ -60,7 +59,6 @@ const languages: TableItem[] = [
     language: 'Spanish',
     languageDirection: 'ltr',
     locale: 'es',
-    activeTranslations: 18,
     translationProgress: [
       { name: 'Interface', done: 75, draft: 0, total: 100 },
       { name: 'Content', done: 225, draft: 0, total: 300 },
@@ -109,7 +107,6 @@ const languages: TableItem[] = [
     language: 'French',
     languageDirection: 'ltr',
     locale: 'fr',
-    activeTranslations: 12,
     translationProgress: [
       { name: 'Interface', done: 50, draft: 0, total: 100 },
       { name: 'Content', done: 90, draft: 10, total: 150 },
@@ -134,7 +131,7 @@ const languages: TableItem[] = [
     language: 'Arabic',
     languageDirection: 'rtl',
     locale: 'ar',
-    activeTranslations: 5,
+
     translationProgress: [
       { name: 'Interface', done: 25, draft: 0, total: 100 },
       { name: 'Content', done: 50, draft: 0, total: 200 },
@@ -146,7 +143,7 @@ const languages: TableItem[] = [
     language: 'Portuguese',
     languageDirection: 'ltr',
     locale: 'pt',
-    activeTranslations: 0,
+
     translationProgress: [
       { name: 'Interface', done: 0, draft: 0, total: 100 },
       { name: 'Content', done: 0, draft: 0, total: 100 },
@@ -175,7 +172,7 @@ const manyLanguages: TableItem[] = [
     language: 'German',
     languageDirection: 'ltr',
     locale: 'de',
-    activeTranslations: 8,
+
     translationProgress: [
       { name: 'Interface', done: 42, draft: 0, total: 100 },
       { name: 'Content', done: 84, draft: 0, total: 200 },
@@ -200,7 +197,7 @@ const manyLanguages: TableItem[] = [
     language: 'Swahili',
     languageDirection: 'ltr',
     locale: 'sw',
-    activeTranslations: 15,
+
     translationProgress: [
       { name: 'Interface', done: 88, draft: 0, total: 100 },
       { name: 'Content', done: 264, draft: 0, total: 300 },
@@ -237,7 +234,7 @@ const manyLanguages: TableItem[] = [
     language: 'Hindi',
     languageDirection: 'ltr',
     locale: 'hi',
-    activeTranslations: 3,
+
     translationProgress: [
       { name: 'Interface', done: 12, draft: 0, total: 100 },
       { name: 'Content', done: 36, draft: 0, total: 300 },
@@ -249,7 +246,7 @@ const manyLanguages: TableItem[] = [
     language: 'Chinese (Simplified)',
     languageDirection: 'ltr',
     locale: 'zh',
-    activeTranslations: 20,
+
     translationProgress: [
       { name: 'Interface', done: 92, draft: 0, total: 100 },
       { name: 'Content', done: 460, draft: 40, total: 500 },
@@ -298,7 +295,7 @@ const manyLanguages: TableItem[] = [
     language: 'Russian',
     languageDirection: 'ltr',
     locale: 'ru',
-    activeTranslations: 6,
+
     translationProgress: [
       { name: 'Interface', done: 35, draft: 0, total: 100 },
       { name: 'Content', done: 105, draft: 0, total: 300 },
diff --git a/src/frontend/settings/languages/components/lang-table.vue b/src/frontend/settings/languages/components/lang-table.vue
index 0906b13c..eead90b3 100644
--- a/src/frontend/settings/languages/components/lang-table.vue
+++ b/src/frontend/settings/languages/components/lang-table.vue
@@ -34,8 +34,10 @@
       </thead>
       <tbody class="divide-y divide-gray-200 bg-white">
         <tr v-for="item in paginatedItems" :key="item.locale">
-          <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-800">
-            {{ item.activeTranslations ?? '—' }}
+          <td
+            class="flex flex-col gap-2 whitespace-nowrap px-3 py-4 text-sm text-gray-800"
+          >
+            <LangStrip :spec="item" />
           </td>
           <td class="whitespace-nowrap px-3 py-4 text-sm">
             <RingBlock :progress="item.translationProgress ?? []" />
@@ -57,7 +59,9 @@
               </p>
             </div>
           </td>
-          <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-800">
+          <td
+            class="whitespace-nowrap px-3 py-4 text-sm font-normal leading-5 text-gray-500"
+          >
             {{ item.bibleTranslation ?? '—' }}
           </td>
           <td class="relative py-4 pl-3 pr-4 text-right sm:pr-6">
@@ -89,9 +93,9 @@ import Pagination from '../../../shared/pagination.vue';
 import type { LanguageSpecification, UserInterface, Progress } from '../../../../types';
 import MemberRow from './member-row.vue';
 import RingBlock from '../../../dashboard/ring-block.vue';
+import LangStrip from './lang-strip.vue';
 
 export interface TableItem extends LanguageSpecification {
-  activeTranslations?: number;
   translationProgress?: Omit<Progress, 'lastUpdated'>[];
   teamMembers?: UserInterface[];
   bibleTranslation?: string;
diff --git a/src/frontend/settings/languages/components/source-lang.vue b/src/frontend/settings/languages/components/source-lang.vue
index 48db7f83..570e59ff 100644
--- a/src/frontend/settings/languages/components/source-lang.vue
+++ b/src/frontend/settings/languages/components/source-lang.vue
@@ -1,12 +1,7 @@
 <template>
   <div class="grid gap-8 px-6 py-3 sm:grid-cols-[minmax(200px,auto)_1fr_auto]">
     <div class="pr-8">
-      <h4 class="text-sm/5 font-normal leading-5 text-gray-900">
-        {{ language }}
-      </h4>
-      <p class="text-[14px] font-normal leading-5 text-gray-500">
-        {{ nativeName }} ({{ spec.locale }})
-      </p>
+      <LangStrip :spec="spec" />
     </div>
     <div class="flex flex-col justify-center">
       <p class="text-sm/5 font-normal leading-5 text-gray-500">
@@ -22,22 +17,9 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
 import Icon from '../../../shared/icon.vue';
-import { LanguageSpecification } from '../../../../types';
-
-const props = defineProps<{ spec: LanguageSpecification }>();
+import LangStrip from './lang-strip.vue';
+import type { LanguageSpecification } from '../../../../types';
 
-const language = computed(() => {
-  if (props.spec.language.includes('|')) {
-    return props.spec.language.split('|')[0].trim();
-  }
-  return props.spec.language;
-});
-const nativeName = computed(() => {
-  if (props.spec.language.includes('|')) {
-    return props.spec.language.split('|')[1].trim();
-  }
-  return props.spec.language;
-});
+defineProps<{ spec: LanguageSpecification }>();
 </script>

From d6744c81c0b3fba13cd61913efff6f5566d817b9 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 24 Feb 2026 08:34:56 +0300
Subject: [PATCH 10/99] refactor: update lang-table components to use
 LanguageTableItem and replace bibleTranslation with bibleLabel

---
 .../languages/components/lang-table.story.vue | 29 ++++++++++---------
 .../languages/components/lang-table.vue       | 14 +++------
 src/types.ts                                  |  5 ++++
 3 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/frontend/settings/languages/components/lang-table.story.vue b/src/frontend/settings/languages/components/lang-table.story.vue
index 0c774032..c0cc5832 100644
--- a/src/frontend/settings/languages/components/lang-table.story.vue
+++ b/src/frontend/settings/languages/components/lang-table.story.vue
@@ -14,15 +14,17 @@
 
 <script setup lang="ts">
 import LangTable from './lang-table.vue';
-import type { TableItem } from './lang-table.vue';
+import type { LanguageTableItem } from '../../../../types';
 
 const isAllowed = (allowed: boolean) => () => allowed;
 
-const languages: TableItem[] = [
+const languages: LanguageTableItem[] = [
   {
     language: 'English',
     languageDirection: 'ltr',
     locale: 'en',
+    bibleLabel: 'King James Version',
+
     translationProgress: [
       { name: 'Interface', done: 100, draft: 0, total: 100 },
       { name: 'Content', done: 240, draft: 0, total: 240 },
@@ -53,12 +55,12 @@ const languages: TableItem[] = [
         isAllowed: isAllowed(true),
       },
     ],
-    bibleTranslation: 'King James Version',
   },
   {
     language: 'Spanish',
     languageDirection: 'ltr',
     locale: 'es',
+    bibleLabel: 'Reina-Valera 1960',
     translationProgress: [
       { name: 'Interface', done: 75, draft: 0, total: 100 },
       { name: 'Content', done: 225, draft: 0, total: 300 },
@@ -101,12 +103,13 @@ const languages: TableItem[] = [
         isAllowed: isAllowed(true),
       },
     ],
-    bibleTranslation: 'Reina-Valera 1960',
   },
   {
     language: 'French',
     languageDirection: 'ltr',
     locale: 'fr',
+    bibleLabel: 'Louis Segond',
+
     translationProgress: [
       { name: 'Interface', done: 50, draft: 0, total: 100 },
       { name: 'Content', done: 90, draft: 10, total: 150 },
@@ -125,19 +128,18 @@ const languages: TableItem[] = [
         isAllowed: isAllowed(true),
       },
     ],
-    bibleTranslation: 'Louis Segond',
   },
   {
     language: 'Arabic',
     languageDirection: 'rtl',
     locale: 'ar',
+    bibleLabel: 'Smith & Van Dyke',
 
     translationProgress: [
       { name: 'Interface', done: 25, draft: 0, total: 100 },
       { name: 'Content', done: 50, draft: 0, total: 200 },
     ],
     teamMembers: [],
-    bibleTranslation: 'Smith & Van Dyke',
   },
   {
     language: 'Portuguese',
@@ -162,16 +164,16 @@ const languages: TableItem[] = [
         isAllowed: isAllowed(true),
       },
     ],
-    bibleTranslation: undefined,
   },
 ];
 
-const manyLanguages: TableItem[] = [
+const manyLanguages: LanguageTableItem[] = [
   ...languages,
   {
     language: 'German',
     languageDirection: 'ltr',
     locale: 'de',
+    bibleLabel: 'Luther Bibel',
 
     translationProgress: [
       { name: 'Interface', done: 42, draft: 0, total: 100 },
@@ -191,12 +193,12 @@ const manyLanguages: TableItem[] = [
         isAllowed: isAllowed(true),
       },
     ],
-    bibleTranslation: 'Luther Bibel',
   },
   {
     language: 'Swahili',
     languageDirection: 'ltr',
     locale: 'sw',
+    bibleLabel: 'Biblia Habari Njema',
 
     translationProgress: [
       { name: 'Interface', done: 88, draft: 0, total: 100 },
@@ -228,24 +230,24 @@ const manyLanguages: TableItem[] = [
         isAllowed: isAllowed(true),
       },
     ],
-    bibleTranslation: 'Biblia Habari Njema',
   },
   {
     language: 'Hindi',
     languageDirection: 'ltr',
     locale: 'hi',
+    bibleLabel: 'Hindi Bible',
 
     translationProgress: [
       { name: 'Interface', done: 12, draft: 0, total: 100 },
       { name: 'Content', done: 36, draft: 0, total: 300 },
     ],
     teamMembers: [],
-    bibleTranslation: 'Hindi Bible',
   },
   {
     language: 'Chinese (Simplified)',
     languageDirection: 'ltr',
     locale: 'zh',
+    bibleLabel: 'Chinese Union Version',
 
     translationProgress: [
       { name: 'Interface', done: 92, draft: 0, total: 100 },
@@ -289,12 +291,12 @@ const manyLanguages: TableItem[] = [
         isAllowed: isAllowed(true),
       },
     ],
-    bibleTranslation: 'Chinese Union Version',
   },
   {
     language: 'Russian',
     languageDirection: 'ltr',
     locale: 'ru',
+    bibleLabel: 'Synodal Translation',
 
     translationProgress: [
       { name: 'Interface', done: 35, draft: 0, total: 100 },
@@ -314,11 +316,10 @@ const manyLanguages: TableItem[] = [
         isAllowed: isAllowed(true),
       },
     ],
-    bibleTranslation: 'Synodal Translation',
   },
 ];
 
-const onActions = (item: TableItem) => {
+const onActions = (item: LanguageTableItem) => {
   alert(`Actions for ${item.language} (${item.locale})`);
 };
 </script>
diff --git a/src/frontend/settings/languages/components/lang-table.vue b/src/frontend/settings/languages/components/lang-table.vue
index eead90b3..e858f0ca 100644
--- a/src/frontend/settings/languages/components/lang-table.vue
+++ b/src/frontend/settings/languages/components/lang-table.vue
@@ -62,7 +62,7 @@
           <td
             class="whitespace-nowrap px-3 py-4 text-sm font-normal leading-5 text-gray-500"
           >
-            {{ item.bibleTranslation ?? '—' }}
+            {{ item.bibleLabel ?? '—' }}
           </td>
           <td class="relative py-4 pl-3 pr-4 text-right sm:pr-6">
             <button
@@ -90,27 +90,21 @@
 import { ref, computed } from 'vue';
 import Icon from '../../../shared/icon.vue';
 import Pagination from '../../../shared/pagination.vue';
-import type { LanguageSpecification, UserInterface, Progress } from '../../../../types';
+import type { LanguageTableItem } from '../../../../types';
 import MemberRow from './member-row.vue';
 import RingBlock from '../../../dashboard/ring-block.vue';
 import LangStrip from './lang-strip.vue';
 
-export interface TableItem extends LanguageSpecification {
-  translationProgress?: Omit<Progress, 'lastUpdated'>[];
-  teamMembers?: UserInterface[];
-  bibleTranslation?: string;
-}
-
 const props = withDefaults(
   defineProps<{
-    items: TableItem[];
+    items: LanguageTableItem[];
     itemsPerPage?: number;
   }>(),
   { itemsPerPage: 10 },
 );
 
 const emit = defineEmits<{
-  (e: 'actions', item: TableItem): void;
+  (e: 'actions', item: LanguageTableItem): void;
 }>();
 
 const currentPage = ref(1);
diff --git a/src/types.ts b/src/types.ts
index 5d445741..654f8624 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -547,6 +547,11 @@ export interface LanguageSpecification {
   bibleLabel?: string;
 }
 
+export interface LanguageTableItem extends LanguageSpecification {
+  translationProgress?: Omit<Progress, 'lastUpdated'>[];
+  teamMembers?: UserInterface[];
+}
+
 export interface Providers {
   s3?: {
     accessKeyId: string;

From 26b8479b80ff759407b549d9247a801e5352a8d6 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 24 Feb 2026 09:27:16 +0300
Subject: [PATCH 11/99] feat: enhance lang-table with action buttons for team
 management and translation options

---
 .../languages/components/lang-table.vue       | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/frontend/settings/languages/components/lang-table.vue b/src/frontend/settings/languages/components/lang-table.vue
index e858f0ca..8be950c2 100644
--- a/src/frontend/settings/languages/components/lang-table.vue
+++ b/src/frontend/settings/languages/components/lang-table.vue
@@ -33,7 +33,7 @@
         </tr>
       </thead>
       <tbody class="divide-y divide-gray-200 bg-white">
-        <tr v-for="item in paginatedItems" :key="item.locale">
+        <tr v-for="item in paginatedItems" :key="item.locale" class="relative">
           <td
             class="flex flex-col gap-2 whitespace-nowrap px-3 py-4 text-sm text-gray-800"
           >
@@ -64,7 +64,7 @@
           >
             {{ item.bibleLabel ?? '—' }}
           </td>
-          <td class="relative py-4 pl-3 pr-4 text-right sm:pr-6">
+          <td class="py-4 pl-3 pr-4 text-right sm:pr-6">
             <button
               type="button"
               class="cursor-pointer text-gray-400 hover:text-gray-600"
@@ -72,6 +72,25 @@
             >
               <Icon name="dots-vertical" class="size-5" />
             </button>
+            <div
+              class="absolute -top-0 right-0 z-10 flex max-w-[250px] flex-col items-start overflow-hidden rounded-md bg-white shadow"
+            >
+              <button
+                class="w-full px-6 py-2 pt-3 text-left text-sm font-normal leading-5 text-gray-800 hover:bg-gray-100"
+              >
+                Assign team members
+              </button>
+              <button
+                class="w-full px-6 py-2 text-left text-sm font-normal leading-5 text-gray-800 hover:bg-gray-100"
+              >
+                Change Bible translation
+              </button>
+              <button
+                class="w-full px-6 py-2 pb-3 text-left text-sm font-normal leading-5 text-gray-800 hover:bg-gray-100"
+              >
+                Request language deletion
+              </button>
+            </div>
           </td>
         </tr>
       </tbody>

From 534caad78914ec31e4517bc9dac5b200ed3d476f Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 24 Feb 2026 11:05:42 +0300
Subject: [PATCH 12/99] fix: adjust positioning of dropdown menu in lang-table
 component for improved layout

---
 src/frontend/settings/languages/components/lang-table.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/settings/languages/components/lang-table.vue b/src/frontend/settings/languages/components/lang-table.vue
index 8be950c2..06b6c581 100644
--- a/src/frontend/settings/languages/components/lang-table.vue
+++ b/src/frontend/settings/languages/components/lang-table.vue
@@ -73,7 +73,7 @@
               <Icon name="dots-vertical" class="size-5" />
             </button>
             <div
-              class="absolute -top-0 right-0 z-10 flex max-w-[250px] flex-col items-start overflow-hidden rounded-md bg-white shadow"
+              class="absolute right-10 top-3 z-10 flex max-w-[250px] flex-col items-start overflow-hidden rounded-md bg-white shadow"
             >
               <button
                 class="w-full px-6 py-2 pt-3 text-left text-sm font-normal leading-5 text-gray-800 hover:bg-gray-100"

From c2283058682d40d6c73237152cd8491570efbde6 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 24 Feb 2026 11:07:35 +0300
Subject: [PATCH 13/99] feat: implement toggle functionality for action buttons
 in lang-table component

---
 .../settings/languages/components/lang-table.vue    | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/frontend/settings/languages/components/lang-table.vue b/src/frontend/settings/languages/components/lang-table.vue
index 06b6c581..2ea42635 100644
--- a/src/frontend/settings/languages/components/lang-table.vue
+++ b/src/frontend/settings/languages/components/lang-table.vue
@@ -68,11 +68,12 @@
             <button
               type="button"
               class="cursor-pointer text-gray-400 hover:text-gray-600"
-              @click="emit('actions', item)"
+              @click="toggleActions"
             >
               <Icon name="dots-vertical" class="size-5" />
             </button>
             <div
+              v-show="showActions"
               class="absolute right-10 top-3 z-10 flex max-w-[250px] flex-col items-start overflow-hidden rounded-md bg-white shadow"
             >
               <button
@@ -122,10 +123,6 @@ const props = withDefaults(
   { itemsPerPage: 10 },
 );
 
-const emit = defineEmits<{
-  (e: 'actions', item: LanguageTableItem): void;
-}>();
-
 const currentPage = ref(1);
 const paginatedItems = computed(() => {
   const startIndex = (currentPage.value - 1) * props.itemsPerPage;
@@ -136,4 +133,10 @@ const paginatedItems = computed(() => {
 const handlePageChange = (page: number) => {
   currentPage.value = page;
 };
+
+const showActions = ref(false);
+
+const toggleActions = () => {
+  showActions.value = !showActions.value;
+};
 </script>

From 95dd533318dd9b31477b531b721347b86360d18e Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 24 Feb 2026 11:17:03 +0300
Subject: [PATCH 14/99] refactor: update action button functionality in
 lang-table component to manage visibility based on locale

---
 .../settings/languages/components/lang-table.vue  | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/frontend/settings/languages/components/lang-table.vue b/src/frontend/settings/languages/components/lang-table.vue
index 2ea42635..e6f28132 100644
--- a/src/frontend/settings/languages/components/lang-table.vue
+++ b/src/frontend/settings/languages/components/lang-table.vue
@@ -68,19 +68,20 @@
             <button
               type="button"
               class="cursor-pointer text-gray-400 hover:text-gray-600"
-              @click="toggleActions"
+              @click="toggleActions(item.locale)"
             >
               <Icon name="dots-vertical" class="size-5" />
             </button>
             <div
-              v-show="showActions"
+              v-show="openActionsLocale === item.locale"
               class="absolute right-10 top-3 z-10 flex max-w-[250px] flex-col items-start overflow-hidden rounded-md bg-white shadow"
             >
-              <button
+              <a
+                href="/{{ item.locale }}/user"
                 class="w-full px-6 py-2 pt-3 text-left text-sm font-normal leading-5 text-gray-800 hover:bg-gray-100"
               >
                 Assign team members
-              </button>
+              </a>
               <button
                 class="w-full px-6 py-2 text-left text-sm font-normal leading-5 text-gray-800 hover:bg-gray-100"
               >
@@ -134,9 +135,9 @@ const handlePageChange = (page: number) => {
   currentPage.value = page;
 };
 
-const showActions = ref(false);
+const openActionsLocale = ref<string | null>(null);
 
-const toggleActions = () => {
-  showActions.value = !showActions.value;
+const toggleActions = (locale: string) => {
+  openActionsLocale.value = openActionsLocale.value === locale ? null : locale;
 };
 </script>

From 5d9d7c475d5e54e5f71ba30e6ab0523d4b2a2bf4 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 24 Feb 2026 11:18:25 +0300
Subject: [PATCH 15/99] feat: add source-language component and update related
 components for improved language display

---
 .../languages/components/{lang-strip.vue => language-strip.vue} | 0
 .../{lang-table.story.vue => language-table.story.vue}          | 2 +-
 .../languages/components/{lang-table.vue => language-table.vue} | 2 +-
 .../{source-lang.story.vue => source-language.story.vue}        | 2 +-
 .../components/{source-lang.vue => source-language.vue}         | 2 +-
 src/frontend/settings/languages/languages-index.vue             | 2 +-
 6 files changed, 5 insertions(+), 5 deletions(-)
 rename src/frontend/settings/languages/components/{lang-strip.vue => language-strip.vue} (100%)
 rename src/frontend/settings/languages/components/{lang-table.story.vue => language-table.story.vue} (99%)
 rename src/frontend/settings/languages/components/{lang-table.vue => language-table.vue} (99%)
 rename src/frontend/settings/languages/components/{source-lang.story.vue => source-language.story.vue} (91%)
 rename src/frontend/settings/languages/components/{source-lang.vue => source-language.vue} (93%)

diff --git a/src/frontend/settings/languages/components/lang-strip.vue b/src/frontend/settings/languages/components/language-strip.vue
similarity index 100%
rename from src/frontend/settings/languages/components/lang-strip.vue
rename to src/frontend/settings/languages/components/language-strip.vue
diff --git a/src/frontend/settings/languages/components/lang-table.story.vue b/src/frontend/settings/languages/components/language-table.story.vue
similarity index 99%
rename from src/frontend/settings/languages/components/lang-table.story.vue
rename to src/frontend/settings/languages/components/language-table.story.vue
index c0cc5832..ff7904cc 100644
--- a/src/frontend/settings/languages/components/lang-table.story.vue
+++ b/src/frontend/settings/languages/components/language-table.story.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script setup lang="ts">
-import LangTable from './lang-table.vue';
+import LangTable from './language-table.vue';
 import type { LanguageTableItem } from '../../../../types';
 
 const isAllowed = (allowed: boolean) => () => allowed;
diff --git a/src/frontend/settings/languages/components/lang-table.vue b/src/frontend/settings/languages/components/language-table.vue
similarity index 99%
rename from src/frontend/settings/languages/components/lang-table.vue
rename to src/frontend/settings/languages/components/language-table.vue
index e6f28132..7f71e29f 100644
--- a/src/frontend/settings/languages/components/lang-table.vue
+++ b/src/frontend/settings/languages/components/language-table.vue
@@ -114,7 +114,7 @@ import Pagination from '../../../shared/pagination.vue';
 import type { LanguageTableItem } from '../../../../types';
 import MemberRow from './member-row.vue';
 import RingBlock from '../../../dashboard/ring-block.vue';
-import LangStrip from './lang-strip.vue';
+import LangStrip from './language-strip.vue';
 
 const props = withDefaults(
   defineProps<{
diff --git a/src/frontend/settings/languages/components/source-lang.story.vue b/src/frontend/settings/languages/components/source-language.story.vue
similarity index 91%
rename from src/frontend/settings/languages/components/source-lang.story.vue
rename to src/frontend/settings/languages/components/source-language.story.vue
index 25a1bcef..794948e2 100644
--- a/src/frontend/settings/languages/components/source-lang.story.vue
+++ b/src/frontend/settings/languages/components/source-language.story.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-import SourceLang from './source-lang.vue';
+import SourceLang from './source-language.vue';
 import type { LanguageSpecification } from '../../../../types';
 
 const sourceLang: LanguageSpecification = {
diff --git a/src/frontend/settings/languages/components/source-lang.vue b/src/frontend/settings/languages/components/source-language.vue
similarity index 93%
rename from src/frontend/settings/languages/components/source-lang.vue
rename to src/frontend/settings/languages/components/source-language.vue
index 570e59ff..201a64e4 100644
--- a/src/frontend/settings/languages/components/source-lang.vue
+++ b/src/frontend/settings/languages/components/source-language.vue
@@ -18,7 +18,7 @@
 
 <script setup lang="ts">
 import Icon from '../../../shared/icon.vue';
-import LangStrip from './lang-strip.vue';
+import LangStrip from './language-strip.vue';
 import type { LanguageSpecification } from '../../../../types';
 
 defineProps<{ spec: LanguageSpecification }>();
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index 2eac228c..ac3cdc9c 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -43,7 +43,7 @@ import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
 import Actions from './components/actions.vue';
 import Icon from '../../shared/icon.vue';
-import SourceLang from './components/source-lang.vue';
+import SourceLang from './components/source-language.vue';
 
 const addLanguage = () => {
   console.log('addLanguage');

From 1e440a902e430aadedc1d8591de06280426ac41b Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 24 Feb 2026 11:44:39 +0300
Subject: [PATCH 16/99] feat: add LanguagesProps interface and update language
 components to utilize new props

---
 .../components/language-table.story.vue       | 311 +-----------------
 .../languages/languages-index.story.vue       |  32 +-
 .../settings/languages/languages-index.vue    |  24 +-
 src/frontend/test/mocks.ts                    | 305 +++++++++++++++++
 src/types.ts                                  |   8 +
 5 files changed, 363 insertions(+), 317 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-table.story.vue b/src/frontend/settings/languages/components/language-table.story.vue
index ff7904cc..29884359 100644
--- a/src/frontend/settings/languages/components/language-table.story.vue
+++ b/src/frontend/settings/languages/components/language-table.story.vue
@@ -1,324 +1,25 @@
 <template>
   <Story title="Lang Table" group="settings">
     <Variant title="Default">
-      <LangTable :items="languages" @actions="onActions" />
+      <LangTable :items="languageTableItems" @actions="onActions" />
     </Variant>
     <Variant title="Empty">
       <LangTable :items="[]" />
     </Variant>
     <Variant title="With pagination">
-      <LangTable :items="manyLanguages" :items-per-page="5" @actions="onActions" />
+      <LangTable :items="manyLanguageTableItems" :items-per-page="5" @actions="onActions" />
     </Variant>
   </Story>
 </template>
 
 <script setup lang="ts">
 import LangTable from './language-table.vue';
+import {
+  languageTableItems,
+  manyLanguageTableItems,
+} from '../../../test/mocks';
 import type { LanguageTableItem } from '../../../../types';
 
-const isAllowed = (allowed: boolean) => () => allowed;
-
-const languages: LanguageTableItem[] = [
-  {
-    language: 'English',
-    languageDirection: 'ltr',
-    locale: 'en',
-    bibleLabel: 'King James Version',
-
-    translationProgress: [
-      { name: 'Interface', done: 100, draft: 0, total: 100 },
-      { name: 'Content', done: 240, draft: 0, total: 240 },
-    ],
-    teamMembers: [
-      {
-        id: 1,
-        name: 'Alice Chen',
-        initials: 'AC',
-        email: 'alice.chen@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'admin',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(false),
-      },
-      {
-        id: 2,
-        name: 'Bob Smith',
-        initials: 'BS',
-        email: 'bob.smith@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-    ],
-  },
-  {
-    language: 'Spanish',
-    languageDirection: 'ltr',
-    locale: 'es',
-    bibleLabel: 'Reina-Valera 1960',
-    translationProgress: [
-      { name: 'Interface', done: 75, draft: 0, total: 100 },
-      { name: 'Content', done: 225, draft: 0, total: 300 },
-    ],
-    teamMembers: [
-      {
-        id: 3,
-        name: 'Carlos García',
-        initials: 'CG',
-        email: 'carlos.garcía@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'admin',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-      {
-        id: 4,
-        name: 'Maria Lopez',
-        initials: 'ML',
-        email: 'maria.lopez@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-      {
-        id: 5,
-        name: 'Juan Pérez',
-        initials: 'JP',
-        email: 'juan.pérez@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-    ],
-  },
-  {
-    language: 'French',
-    languageDirection: 'ltr',
-    locale: 'fr',
-    bibleLabel: 'Louis Segond',
-
-    translationProgress: [
-      { name: 'Interface', done: 50, draft: 0, total: 100 },
-      { name: 'Content', done: 90, draft: 10, total: 150 },
-    ],
-    teamMembers: [
-      {
-        id: 6,
-        name: 'Pierre Dubois',
-        initials: 'PD',
-        email: 'pierre.dubois@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-    ],
-  },
-  {
-    language: 'Arabic',
-    languageDirection: 'rtl',
-    locale: 'ar',
-    bibleLabel: 'Smith & Van Dyke',
-
-    translationProgress: [
-      { name: 'Interface', done: 25, draft: 0, total: 100 },
-      { name: 'Content', done: 50, draft: 0, total: 200 },
-    ],
-    teamMembers: [],
-  },
-  {
-    language: 'Portuguese',
-    languageDirection: 'ltr',
-    locale: 'pt',
-
-    translationProgress: [
-      { name: 'Interface', done: 0, draft: 0, total: 100 },
-      { name: 'Content', done: 0, draft: 0, total: 100 },
-    ],
-    teamMembers: [
-      {
-        id: 7,
-        name: 'Ana Costa',
-        initials: 'AC',
-        email: 'ana.costa@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-    ],
-  },
-];
-
-const manyLanguages: LanguageTableItem[] = [
-  ...languages,
-  {
-    language: 'German',
-    languageDirection: 'ltr',
-    locale: 'de',
-    bibleLabel: 'Luther Bibel',
-
-    translationProgress: [
-      { name: 'Interface', done: 42, draft: 0, total: 100 },
-      { name: 'Content', done: 84, draft: 0, total: 200 },
-    ],
-    teamMembers: [
-      {
-        id: 8,
-        name: 'Hans Müller',
-        initials: 'HM',
-        email: 'hans.müller@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-    ],
-  },
-  {
-    language: 'Swahili',
-    languageDirection: 'ltr',
-    locale: 'sw',
-    bibleLabel: 'Biblia Habari Njema',
-
-    translationProgress: [
-      { name: 'Interface', done: 88, draft: 0, total: 100 },
-      { name: 'Content', done: 264, draft: 0, total: 300 },
-    ],
-    teamMembers: [
-      {
-        id: 9,
-        name: 'Juma Ochieng',
-        initials: 'JO',
-        email: 'juma.ochieng@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-      {
-        id: 10,
-        name: 'Amina Hassan',
-        initials: 'AH',
-        email: 'amina.hassan@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-    ],
-  },
-  {
-    language: 'Hindi',
-    languageDirection: 'ltr',
-    locale: 'hi',
-    bibleLabel: 'Hindi Bible',
-
-    translationProgress: [
-      { name: 'Interface', done: 12, draft: 0, total: 100 },
-      { name: 'Content', done: 36, draft: 0, total: 300 },
-    ],
-    teamMembers: [],
-  },
-  {
-    language: 'Chinese (Simplified)',
-    languageDirection: 'ltr',
-    locale: 'zh',
-    bibleLabel: 'Chinese Union Version',
-
-    translationProgress: [
-      { name: 'Interface', done: 92, draft: 0, total: 100 },
-      { name: 'Content', done: 460, draft: 40, total: 500 },
-    ],
-    teamMembers: [
-      {
-        id: 11,
-        name: 'Wei Zhang',
-        initials: 'WZ',
-        email: 'wei.zhang@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-      {
-        id: 12,
-        name: 'Mei Lin',
-        initials: 'ML',
-        email: 'mei.lin@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-      {
-        id: 13,
-        name: 'Jin Wang',
-        initials: 'JW',
-        email: 'jin.wang@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-    ],
-  },
-  {
-    language: 'Russian',
-    languageDirection: 'ltr',
-    locale: 'ru',
-    bibleLabel: 'Synodal Translation',
-
-    translationProgress: [
-      { name: 'Interface', done: 35, draft: 0, total: 100 },
-      { name: 'Content', done: 105, draft: 0, total: 300 },
-    ],
-    teamMembers: [
-      {
-        id: 14,
-        name: 'Ivan Petrov',
-        initials: 'IP',
-        email: 'ivan.petrov@example.com',
-        isManager: false,
-        isAdmin: false,
-        role: 'editor',
-        language: null,
-        hasPendingInvite: false,
-        isAllowed: isAllowed(true),
-      },
-    ],
-  },
-];
-
 const onActions = (item: LanguageTableItem) => {
   alert(`Actions for ${item.language} (${item.locale})`);
 };
diff --git a/src/frontend/settings/languages/languages-index.story.vue b/src/frontend/settings/languages/languages-index.story.vue
index 4940d55e..a0c814f4 100644
--- a/src/frontend/settings/languages/languages-index.story.vue
+++ b/src/frontend/settings/languages/languages-index.story.vue
@@ -1,12 +1,40 @@
 <template>
   <Story title="Languages Page" group="settings">
     <Variant title="Index" :setup-app="miniSidebar">
-      <LanguagesIndex />
+      <LanguagesIndex
+        :meta="sharedProps.meta"
+        :user="sharedProps.user"
+        :language="sharedProps.language"
+        :languages="sharedProps.languages"
+        :errors="sharedProps.errors"
+        :bookmarks="sharedProps.bookmarks"
+        :exclude="[]"
+        :source-language="sourceLanguage"
+        :language-items="languageTableItems"
+      />
+    </Variant>
+    <Variant title="Empty" :setup-app="miniSidebar">
+      <LanguagesIndex
+        :meta="sharedProps.meta"
+        :user="sharedProps.user"
+        :language="sharedProps.language"
+        :languages="sharedProps.languages"
+        :errors="sharedProps.errors"
+        :bookmarks="sharedProps.bookmarks"
+        :exclude="[]"
+        :source-language="sourceLanguage"
+        :language-items="[]"
+      />
     </Variant>
   </Story>
 </template>
 
 <script setup lang="ts">
 import LanguagesIndex from './languages-index.vue';
-import { miniSidebar } from '../../test/mocks';
+import {
+  sharedProps,
+  miniSidebar,
+  sourceLanguage,
+  languageTableItems,
+} from '../../test/mocks';
 </script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index ac3cdc9c..ae43a59a 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -25,27 +25,31 @@
       </ContentHeader>
     </template>
 
-    <SourceLang
-      :spec="{
-        language: 'English | American',
-        locale: 'en',
-        languageDirection: 'ltr',
-        bibleVersion: 'King James Version',
-        bibleVersionId: 'de4e12af7f28f599-01',
-        bibleLabel: '(KJV) King James Version',
-      }"
-    />
+    <SourceLang :spec="sourceLanguage" />
+    <LanguagesTable :items="items" />
   </AppLayout>
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue';
 import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
 import Actions from './components/actions.vue';
 import Icon from '../../shared/icon.vue';
 import SourceLang from './components/source-language.vue';
+import LanguagesTable from './components/language-table.vue';
+import type { LanguagesProps, SharedPageProps } from '../../../types';
+import { useSharedStore } from '../../store';
+
+const props = defineProps<LanguagesProps & SharedPageProps>();
+
+const shared = useSharedStore();
+shared.setFromProps(props);
+shared.setCurrentStoryName('');
 
 const addLanguage = () => {
   console.log('addLanguage');
 };
+
+const items = computed(() => props.languageItems ?? []);
 </script>
diff --git a/src/frontend/test/mocks.ts b/src/frontend/test/mocks.ts
index 4faa93b0..497b392a 100644
--- a/src/frontend/test/mocks.ts
+++ b/src/frontend/test/mocks.ts
@@ -1,6 +1,7 @@
 import type {
   FieldSpec,
   LanguageSpecification,
+  LanguageTableItem,
   CmsMeta,
   SharedPageProps,
   StorySpec,
@@ -560,6 +561,310 @@ const languages: LanguageSpecification[] = [
   ukrainian,
 ];
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars -- mock for UserInterface.isAllowed
+const isAllowedMock = (allowed: boolean) => (_locale: string) => allowed;
+
+export const languageTableItems: LanguageTableItem[] = [
+  {
+    language: 'English',
+    languageDirection: 'ltr',
+    locale: 'en',
+    bibleLabel: 'King James Version',
+    translationProgress: [
+      { name: 'Interface', done: 100, draft: 0, total: 100 },
+      { name: 'Content', done: 240, draft: 0, total: 240 },
+    ],
+    teamMembers: [
+      {
+        id: 1,
+        name: 'Alice Chen',
+        initials: 'AC',
+        email: 'alice.chen@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'admin',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(false),
+      },
+      {
+        id: 2,
+        name: 'Bob Smith',
+        initials: 'BS',
+        email: 'bob.smith@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+    ],
+  },
+  {
+    language: 'Spanish',
+    languageDirection: 'ltr',
+    locale: 'es',
+    bibleLabel: 'Reina-Valera 1960',
+    translationProgress: [
+      { name: 'Interface', done: 75, draft: 0, total: 100 },
+      { name: 'Content', done: 225, draft: 0, total: 300 },
+    ],
+    teamMembers: [
+      {
+        id: 3,
+        name: 'Carlos García',
+        initials: 'CG',
+        email: 'carlos.garcía@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'admin',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+      {
+        id: 4,
+        name: 'Maria Lopez',
+        initials: 'ML',
+        email: 'maria.lopez@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+      {
+        id: 5,
+        name: 'Juan Pérez',
+        initials: 'JP',
+        email: 'juan.pérez@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+    ],
+  },
+  {
+    language: 'French',
+    languageDirection: 'ltr',
+    locale: 'fr',
+    bibleLabel: 'Louis Segond',
+    translationProgress: [
+      { name: 'Interface', done: 50, draft: 0, total: 100 },
+      { name: 'Content', done: 90, draft: 10, total: 150 },
+    ],
+    teamMembers: [
+      {
+        id: 6,
+        name: 'Pierre Dubois',
+        initials: 'PD',
+        email: 'pierre.dubois@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+    ],
+  },
+  {
+    language: 'Arabic',
+    languageDirection: 'rtl',
+    locale: 'ar',
+    bibleLabel: 'Smith & Van Dyke',
+    translationProgress: [
+      { name: 'Interface', done: 25, draft: 0, total: 100 },
+      { name: 'Content', done: 50, draft: 0, total: 200 },
+    ],
+    teamMembers: [],
+  },
+  {
+    language: 'Portuguese',
+    languageDirection: 'ltr',
+    locale: 'pt',
+    translationProgress: [
+      { name: 'Interface', done: 0, draft: 0, total: 100 },
+      { name: 'Content', done: 0, draft: 0, total: 100 },
+    ],
+    teamMembers: [
+      {
+        id: 7,
+        name: 'Ana Costa',
+        initials: 'AC',
+        email: 'ana.costa@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+    ],
+  },
+];
+
+export const sourceLanguage: LanguageSpecification = {
+  language: 'English | American',
+  locale: 'en',
+  languageDirection: 'ltr',
+  bibleVersion: 'King James Version',
+  bibleVersionId: 'de4e12af7f28f599-01',
+  bibleLabel: '(KJV) King James Version',
+};
+
+export const manyLanguageTableItems: LanguageTableItem[] = [
+  ...languageTableItems,
+  {
+    language: 'German',
+    languageDirection: 'ltr',
+    locale: 'de',
+    bibleLabel: 'Luther Bibel',
+    translationProgress: [
+      { name: 'Interface', done: 42, draft: 0, total: 100 },
+      { name: 'Content', done: 84, draft: 0, total: 200 },
+    ],
+    teamMembers: [
+      {
+        id: 8,
+        name: 'Hans Müller',
+        initials: 'HM',
+        email: 'hans.müller@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+    ],
+  },
+  {
+    language: 'Swahili',
+    languageDirection: 'ltr',
+    locale: 'sw',
+    bibleLabel: 'Biblia Habari Njema',
+    translationProgress: [
+      { name: 'Interface', done: 88, draft: 0, total: 100 },
+      { name: 'Content', done: 264, draft: 0, total: 300 },
+    ],
+    teamMembers: [
+      {
+        id: 9,
+        name: 'Juma Ochieng',
+        initials: 'JO',
+        email: 'juma.ochieng@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+      {
+        id: 10,
+        name: 'Amina Hassan',
+        initials: 'AH',
+        email: 'amina.hassan@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+    ],
+  },
+  {
+    language: 'Hindi',
+    languageDirection: 'ltr',
+    locale: 'hi',
+    bibleLabel: 'Hindi Bible',
+    translationProgress: [
+      { name: 'Interface', done: 12, draft: 0, total: 100 },
+      { name: 'Content', done: 36, draft: 0, total: 300 },
+    ],
+    teamMembers: [],
+  },
+  {
+    language: 'Chinese (Simplified)',
+    languageDirection: 'ltr',
+    locale: 'zh',
+    bibleLabel: 'Chinese Union Version',
+    translationProgress: [
+      { name: 'Interface', done: 92, draft: 0, total: 100 },
+      { name: 'Content', done: 460, draft: 40, total: 500 },
+    ],
+    teamMembers: [
+      {
+        id: 11,
+        name: 'Wei Zhang',
+        initials: 'WZ',
+        email: 'wei.zhang@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+      {
+        id: 12,
+        name: 'Mei Lin',
+        initials: 'ML',
+        email: 'mei.lin@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+      {
+        id: 13,
+        name: 'Jin Wang',
+        initials: 'JW',
+        email: 'jin.wang@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+    ],
+  },
+  {
+    language: 'Russian',
+    languageDirection: 'ltr',
+    locale: 'ru',
+    bibleLabel: 'Synodal Translation',
+    translationProgress: [
+      { name: 'Interface', done: 35, draft: 0, total: 100 },
+      { name: 'Content', done: 105, draft: 0, total: 300 },
+    ],
+    teamMembers: [
+      {
+        id: 14,
+        name: 'Ivan Petrov',
+        initials: 'IP',
+        email: 'ivan.petrov@example.com',
+        isManager: false,
+        isAdmin: false,
+        role: 'editor',
+        language: null,
+        hasPendingInvite: false,
+        isAllowed: isAllowedMock(true),
+      },
+    ],
+  },
+];
+
 export const sharedProps: SharedPageProps = {
   meta,
   user,
diff --git a/src/types.ts b/src/types.ts
index 654f8624..efff1e28 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -580,3 +580,11 @@ export interface Providers {
     host: string;
   };
 }
+/// ----------------------------------------------------
+///  settings
+/// ----------------------------------------------------
+
+export interface LanguagesProps {
+  sourceLanguage: LanguageSpecification;
+  languageItems: LanguageTableItem[];
+}

From 455c238faece03967d8e82479c851f57a150cfe3 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 25 Feb 2026 08:21:04 +0300
Subject: [PATCH 17/99] feat: enhance language display by adding truncation for
 bibleLabel and update layout in languages-index

---
 .../settings/languages/components/language-table.vue       | 7 ++++++-
 src/frontend/settings/languages/languages-index.vue        | 5 +++--
 src/frontend/test/mocks.ts                                 | 4 ++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-table.vue b/src/frontend/settings/languages/components/language-table.vue
index 7f71e29f..47c5b5e5 100644
--- a/src/frontend/settings/languages/components/language-table.vue
+++ b/src/frontend/settings/languages/components/language-table.vue
@@ -62,7 +62,7 @@
           <td
             class="whitespace-nowrap px-3 py-4 text-sm font-normal leading-5 text-gray-500"
           >
-            {{ item.bibleLabel ?? '—' }}
+            {{ truncate(item.bibleLabel, 30) }} 
           </td>
           <td class="py-4 pl-3 pr-4 text-right sm:pr-6">
             <button
@@ -140,4 +140,9 @@ const openActionsLocale = ref<string | null>(null);
 const toggleActions = (locale: string) => {
   openActionsLocale.value = openActionsLocale.value === locale ? null : locale;
 };
+
+const truncate = (s: string | null | undefined, max: number) => {
+  const text = s ?? '—';
+  return text.length > max ? `${text.slice(0, max)}…` : text;
+};
 </script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index ae43a59a..1c39ab65 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -24,9 +24,10 @@
         </template>
       </ContentHeader>
     </template>
-
     <SourceLang :spec="sourceLanguage" />
-    <LanguagesTable :items="items" />
+    <div class="mt-14">
+      <LanguagesTable :items="items" />
+    </div>
   </AppLayout>
 </template>
 
diff --git a/src/frontend/test/mocks.ts b/src/frontend/test/mocks.ts
index 497b392a..be71b012 100644
--- a/src/frontend/test/mocks.ts
+++ b/src/frontend/test/mocks.ts
@@ -569,7 +569,7 @@ export const languageTableItems: LanguageTableItem[] = [
     language: 'English',
     languageDirection: 'ltr',
     locale: 'en',
-    bibleLabel: 'King James Version',
+    bibleLabel: '(KJV) King James Version',
     translationProgress: [
       { name: 'Interface', done: 100, draft: 0, total: 100 },
       { name: 'Content', done: 240, draft: 0, total: 240 },
@@ -605,7 +605,7 @@ export const languageTableItems: LanguageTableItem[] = [
     language: 'Spanish',
     languageDirection: 'ltr',
     locale: 'es',
-    bibleLabel: 'Reina-Valera 1960',
+    bibleLabel: '(RVR1960) Reina-Valera 1960 Spanish Translation (2023) (Revised)',
     translationProgress: [
       { name: 'Interface', done: 75, draft: 0, total: 100 },
       { name: 'Content', done: 225, draft: 0, total: 300 },

From 83066c2a9a5f576eaf7935565885a02d01b3ed9f Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 25 Feb 2026 08:48:12 +0300
Subject: [PATCH 18/99] feat: add LanguagesEdit component and corresponding
 story for language management interface

---
 .../languages/languages-edit.story.vue        | 12 ++++++
 .../settings/languages/languages-edit.vue     | 39 +++++++++++++++++++
 src/frontend/shared/content-header.vue        | 11 ++++--
 3 files changed, 58 insertions(+), 4 deletions(-)
 create mode 100644 src/frontend/settings/languages/languages-edit.story.vue
 create mode 100644 src/frontend/settings/languages/languages-edit.vue

diff --git a/src/frontend/settings/languages/languages-edit.story.vue b/src/frontend/settings/languages/languages-edit.story.vue
new file mode 100644
index 00000000..bdcb693f
--- /dev/null
+++ b/src/frontend/settings/languages/languages-edit.story.vue
@@ -0,0 +1,12 @@
+<template>
+  <Story title="Languages Edit" group="settings">
+    <Variant title="Edit" :setup-app="miniSidebar">
+      <LanguagesEdit />
+    </Variant>
+  </Story>
+</template>
+
+<script setup lang="ts">
+import LanguagesEdit from './languages-edit.vue';
+import { miniSidebar } from '../../test/mocks';
+</script>
diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
new file mode 100644
index 00000000..89c5faea
--- /dev/null
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -0,0 +1,39 @@
+<template>
+  <AppLayout>
+    <template #header>
+      <ContentHeader title="Add new languages">
+        <template #description>
+          <p class="text-sm font-normal leading-5 text-black">
+            Select languages you would like to add. Once you have chosen press add to
+            confirm.
+          </p>
+        </template>
+        <template #actions>
+          <button
+            class="rounded-[38px] border bg-blue-500 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-blue-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset]"
+            @click="addLanguage"
+          >
+            Add
+          </button>
+        </template>
+        <template #extra-actions>
+          <div class="flex items-center justify-between pb-4">
+            <div>
+              <h3 class=" text-sm leading-5 font-medium text-gray-800">Selected</h3>
+            </div>
+          </div>
+        </template>
+      </ContentHeader>
+    </template>
+  </AppLayout>
+</template>
+
+<script setup lang="ts">
+import AppLayout from '../../shared/app-layout.vue';
+import ContentHeader from '../../shared/content-header.vue';
+
+
+const addLanguage = () => {
+  console.log('addLanguage');
+};
+</script>
diff --git a/src/frontend/shared/content-header.vue b/src/frontend/shared/content-header.vue
index 8bdc435f..3c336d49 100644
--- a/src/frontend/shared/content-header.vue
+++ b/src/frontend/shared/content-header.vue
@@ -2,10 +2,13 @@
   <div>
     <slot name="hero"></slot>
     <div class="flex items-center justify-between px-3" :class="title ? 'py-10' : ''">
-      <h3
-        class="font-['Inter'] text-2xl font-semibold leading-8 text-gray-800 [&>span]:text-gray-400"
-        v-html="title"
-      ></h3>
+      <div>
+        <h3
+          class="mb-[9px] font-['Inter'] text-2xl font-semibold leading-8 text-gray-800 [&>span]:text-gray-400"
+          v-html="title"
+        ></h3>
+        <slot name="description"></slot>
+      </div>
       <div class="flex items-center space-x-6">
         <slot name="actions"></slot>
       </div>

From 7730b9c9023561bb9aedc3a6ae09f387fd3bdea8 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 25 Feb 2026 09:24:12 +0300
Subject: [PATCH 19/99] feat: add language list component and corresponding
 story for language display

---
 .../languages/components/language-item.vue    |  0
 .../languages/language-list.story.vue         | 12 +++
 .../settings/languages/language-list.vue      | 10 ++
 src/frontend/settings/languages/languages.ts  | 94 +++++++++++++++++++
 4 files changed, 116 insertions(+)
 create mode 100644 src/frontend/settings/languages/components/language-item.vue
 create mode 100644 src/frontend/settings/languages/language-list.story.vue
 create mode 100644 src/frontend/settings/languages/language-list.vue
 create mode 100644 src/frontend/settings/languages/languages.ts

diff --git a/src/frontend/settings/languages/components/language-item.vue b/src/frontend/settings/languages/components/language-item.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/src/frontend/settings/languages/language-list.story.vue b/src/frontend/settings/languages/language-list.story.vue
new file mode 100644
index 00000000..71958e24
--- /dev/null
+++ b/src/frontend/settings/languages/language-list.story.vue
@@ -0,0 +1,12 @@
+<template>
+    <Story title="Language List" group="settings">
+        <Variant title="List" :setup-app="miniSidebar">
+            <LanguageList />
+        </Variant>
+    </Story>
+</template>
+
+<script setup lang="ts">
+import { miniSidebar } from '../../test/mocks';
+import LanguageList from './language-list.vue';
+</script>
\ No newline at end of file
diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
new file mode 100644
index 00000000..da38941a
--- /dev/null
+++ b/src/frontend/settings/languages/language-list.vue
@@ -0,0 +1,10 @@
+
+<template>
+    <h2>Language List</h2>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/frontend/settings/languages/languages.ts b/src/frontend/settings/languages/languages.ts
new file mode 100644
index 00000000..5b6e7d94
--- /dev/null
+++ b/src/frontend/settings/languages/languages.ts
@@ -0,0 +1,94 @@
+import type { LanguageSpecification } from '../../../types';
+
+export const languages: LanguageSpecification[] = [
+  { locale: 'af', language: 'Afrikaans', languageDirection: 'ltr' },
+  { locale: 'am', language: 'Amharic - አማርኛ', languageDirection: 'ltr' },
+  { locale: 'ar', language: 'Arabic - العربية', languageDirection: 'rtl' },
+  { locale: 'as', language: 'Assamese - অসমীয়া', languageDirection: 'ltr' },
+  { locale: 'az', language: 'Azerbaijani - Azərbaycan', languageDirection: 'ltr' },
+  { locale: 'be', language: 'Belarusian - Беларуская', languageDirection: 'ltr' },
+  { locale: 'bg', language: 'Bulgarian - Български', languageDirection: 'ltr' },
+  { locale: 'bn', language: 'Bengali Bangla - বাংলা', languageDirection: 'ltr' },
+  { locale: 'bo', language: 'Tibetan - བོད་ཡིག', languageDirection: 'ltr' },
+  { locale: 'bs', language: 'Bosnian - Bosanski', languageDirection: 'ltr' },
+  { locale: 'ca', language: 'Catalan Valencian - Català', languageDirection: 'ltr' },
+  { locale: 'cs', language: 'Czech - Čeština', languageDirection: 'ltr' },
+  { locale: 'cy', language: 'Welsh - Cymraeg', languageDirection: 'ltr' },
+  { locale: 'da', language: 'Danish - Dansk', languageDirection: 'ltr' },
+  { locale: 'de', language: 'German - Deutsch', languageDirection: 'ltr' },
+  { locale: 'el', language: 'Modern Greek - Ελληνικά', languageDirection: 'ltr' },
+  { locale: 'en', language: 'English', languageDirection: 'ltr' },
+  { locale: 'es', language: 'Spanish - Español', languageDirection: 'ltr' },
+  { locale: 'et', language: 'Estonian - Eesti', languageDirection: 'ltr' },
+  { locale: 'eu', language: 'Basque - Euskara', languageDirection: 'ltr' },
+  { locale: 'fa', language: 'Persian - فارسی', languageDirection: 'rtl' },
+  { locale: 'fi', language: 'Finnish - Suomi', languageDirection: 'ltr' },
+  { locale: 'fil', language: 'Filipino Pilipino - Pilipino', languageDirection: 'ltr' },
+  { locale: 'fr', language: 'French - Français', languageDirection: 'ltr' },
+  { locale: 'ga', language: 'Irish - Gaeilge', languageDirection: 'ltr' },
+  { locale: 'gl', language: 'Galician - Galego', languageDirection: 'ltr' },
+  {
+    locale: 'gsw',
+    language: 'Swiss German Alemannic Alsatian - Alemannisch',
+    languageDirection: 'ltr',
+  },
+  { locale: 'gu', language: 'Gujarati - ગુજરાતી', languageDirection: 'ltr' },
+  { locale: 'he', language: 'Hebrew - עברית', languageDirection: 'rtl' },
+  { locale: 'hi', language: 'Hindi - हिन्दी', languageDirection: 'ltr' },
+  { locale: 'hr', language: 'Croatian - Hrvatski', languageDirection: 'ltr' },
+  { locale: 'hu', language: 'Hungarian - Magyar', languageDirection: 'ltr' },
+  { locale: 'hy', language: 'Armenian - Հայերեն', languageDirection: 'ltr' },
+  { locale: 'id', language: 'Indonesian - Bahasa Indonesia', languageDirection: 'ltr' },
+  { locale: 'is', language: 'Icelandic - Íslenska', languageDirection: 'ltr' },
+  { locale: 'it', language: 'Italian - Italiano', languageDirection: 'ltr' },
+  { locale: 'ja', language: 'Japanese - 日本語', languageDirection: 'ltr' },
+  { locale: 'ka', language: 'Georgian - ქართული', languageDirection: 'ltr' },
+  { locale: 'kk', language: 'Kazakh - Қазақша', languageDirection: 'ltr' },
+  { locale: 'km', language: 'Khmer Central Khmer - ភាសាខ្មែរ', languageDirection: 'ltr' },
+  { locale: 'kn', language: 'Kannada - ಕನ್ನಡ', languageDirection: 'ltr' },
+  { locale: 'ko', language: 'Korean - 한국어', languageDirection: 'ltr' },
+  { locale: 'ky', language: 'Kirghiz Kyrgyz - Кыргызча', languageDirection: 'ltr' },
+  { locale: 'lo', language: 'Lao - ພາສາລາວ', languageDirection: 'ltr' },
+  { locale: 'lt', language: 'Lithuanian - Lietuvių', languageDirection: 'ltr' },
+  { locale: 'lv', language: 'Latvian - Latviešu', languageDirection: 'ltr' },
+  { locale: 'mk', language: 'Macedonian - Македонски', languageDirection: 'ltr' },
+  { locale: 'ml', language: 'Malayalam - മലയാളം', languageDirection: 'ltr' },
+  { locale: 'mn', language: 'Mongolian - Монгол', languageDirection: 'ltr' },
+  { locale: 'mr', language: 'Marathi - मराठी', languageDirection: 'ltr' },
+  { locale: 'ms', language: 'Malay - Bahasa Melayu', languageDirection: 'ltr' },
+  { locale: 'my', language: 'Burmese - မြန်မာဘာသာ', languageDirection: 'ltr' },
+  { locale: 'nb', language: 'Norwegian Bokmål - Norsk Bokmål', languageDirection: 'ltr' },
+  { locale: 'ne', language: 'Nepali - नेपाली', languageDirection: 'ltr' },
+  { locale: 'nl', language: 'Dutch Flemish - Nederlands', languageDirection: 'ltr' },
+  { locale: 'no', language: 'Norwegian - Norsk', languageDirection: 'ltr' },
+  { locale: 'or', language: 'Oriya - ଓଡ଼ିଆ', languageDirection: 'ltr' },
+  { locale: 'pa', language: 'Panjabi Punjabi - ਪੰਜਾਬੀ', languageDirection: 'ltr' },
+  { locale: 'pl', language: 'Polish - Polski', languageDirection: 'ltr' },
+  { locale: 'ps', language: 'Pushto Pashto - پښتو', languageDirection: 'rtl' },
+  { locale: 'pt', language: 'Portuguese - Português', languageDirection: 'ltr' },
+  {
+    locale: 'ro',
+    language: 'Romanian Moldavian Moldovan - Română',
+    languageDirection: 'ltr',
+  },
+  { locale: 'ru', language: 'Russian - Русский', languageDirection: 'ltr' },
+  { locale: 'si', language: 'Sinhala Sinhalese - සිංහල', languageDirection: 'ltr' },
+  { locale: 'sk', language: 'Slovak - Slovenčina', languageDirection: 'ltr' },
+  { locale: 'sl', language: 'Slovenian - Slovenščina', languageDirection: 'ltr' },
+  { locale: 'sq', language: 'Albanian - Shqip', languageDirection: 'ltr' },
+  { locale: 'sr', language: 'Serbian - Српски', languageDirection: 'ltr' },
+  { locale: 'sv', language: 'Swedish - Svenska', languageDirection: 'ltr' },
+  { locale: 'sw', language: 'Swahili - Kiswahili', languageDirection: 'ltr' },
+  { locale: 'ta', language: 'Tamil - தமிழ்', languageDirection: 'ltr' },
+  { locale: 'te', language: 'Telugu - తెలుగు', languageDirection: 'ltr' },
+  { locale: 'th', language: 'Thai - ไทย', languageDirection: 'ltr' },
+  { locale: 'tl', language: 'Tagalog - Tagalog', languageDirection: 'ltr' },
+  { locale: 'tr', language: 'Turkish - Türkçe', languageDirection: 'ltr' },
+  { locale: 'ug', language: 'Uighur Uyghur - ئۇيغۇرچە', languageDirection: 'rtl' },
+  { locale: 'uk', language: 'Ukrainian - Українська', languageDirection: 'ltr' },
+  { locale: 'ur', language: 'Urdu - اردو', languageDirection: 'rtl' },
+  { locale: 'uz', language: 'Uzbek - Oʻzbek', languageDirection: 'ltr' },
+  { locale: 'vi', language: 'Vietnamese - Tiếng Việt', languageDirection: 'ltr' },
+  { locale: 'zh', language: 'Chinese - 中文', languageDirection: 'ltr' },
+  { locale: 'zu', language: 'Zulu - isiZulu', languageDirection: 'ltr' },
+];

From 713a573f618644a7d39716b968338fe82e6537b7 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 25 Feb 2026 16:00:28 +0300
Subject: [PATCH 20/99] feat: add LanguageListItem component with story for
 showcasing language selection

---
 .../components/language-list-item.story.vue   | 21 ++++++++
 .../components/language-list-item.vue         | 52 +++++++++++++++++++
 2 files changed, 73 insertions(+)
 create mode 100644 src/frontend/settings/languages/components/language-list-item.story.vue
 create mode 100644 src/frontend/settings/languages/components/language-list-item.vue

diff --git a/src/frontend/settings/languages/components/language-list-item.story.vue b/src/frontend/settings/languages/components/language-list-item.story.vue
new file mode 100644
index 00000000..ad80eab4
--- /dev/null
+++ b/src/frontend/settings/languages/components/language-list-item.story.vue
@@ -0,0 +1,21 @@
+<template>
+    <Story title="Language List Item" group="settings">
+        <Variant title="Default">
+            <LanguageListItem :language="language" :is-selected="true" />
+        </Variant>
+    </Story>
+</template>
+
+<script setup lang="ts">
+
+import LanguageListItem from './language-list-item.vue';
+import type { LanguageSpecification } from '../../../../types';
+
+const language: LanguageSpecification = {
+    language: 'English',
+    locale: 'en',
+    languageDirection: 'ltr',
+    bibleVersionId: 'de4e12af7f28f599-01',
+    bibleLabel: '(KJV) King James Version',
+};
+</script>
\ No newline at end of file
diff --git a/src/frontend/settings/languages/components/language-list-item.vue b/src/frontend/settings/languages/components/language-list-item.vue
new file mode 100644
index 00000000..e64c5b7c
--- /dev/null
+++ b/src/frontend/settings/languages/components/language-list-item.vue
@@ -0,0 +1,52 @@
+<template>
+  <div class="flex w-[208px] justify-between rounded-md bg-white px-2 py-5">
+    <div class="text-sm font-medium leading-5">
+      <p class="text-gray-700">Afar</p>
+      <p class="text-gray-500">Afar (aa)</p>
+    </div>
+    <div class="group grid size-4 grid-cols-1">
+      <input
+        :id="language.locale"
+        type="checkbox"
+        :checked="isSelected"
+        name="language"
+        aria-describedby="language-description"
+        class="col-start-1 row-start-1 appearance-none rounded border border-gray-300 bg-white checked:border-indigo-600 checked:bg-indigo-600 indeterminate:border-indigo-600 indeterminate:bg-indigo-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto"
+        @change="handleUpdate"
+      />
+      <svg
+        viewBox="0 0 14 14"
+        fill="none"
+        class="pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-gray-950/25"
+      >
+        <path
+          d="M3 8L6 11L11 3.5"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="opacity-0 group-has-[:checked]:opacity-100"
+        />
+        <path
+          d="M3 7H11"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="opacity-0 group-has-[:indeterminate]:opacity-100"
+        />
+      </svg>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import type { LanguageSpecification } from '../../../../types';
+const props = defineProps<{
+  language: LanguageSpecification;
+  isSelected: boolean;
+}>();
+const emit = defineEmits<{
+  update: [isSelected: boolean];
+}>();
+const handleUpdate = () => {
+  emit('update', !props.isSelected);
+};
+</script>

From a2caae2813268bfe94a317a9e65d3e972d54b740 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 07:36:00 +0300
Subject: [PATCH 21/99] feat: add .cursorignore file to exclude .env from
 cursor operations

---
 .cursorignore | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 .cursorignore

diff --git a/.cursorignore b/.cursorignore
new file mode 100644
index 00000000..2eea525d
--- /dev/null
+++ b/.cursorignore
@@ -0,0 +1 @@
+.env
\ No newline at end of file

From b741089bad86e92313c9e258b5b09f519ce45f88 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 08:05:34 +0300
Subject: [PATCH 22/99] feat: enhance language list stories and update
 language-list-item component for improved selection states

---
 .../languages/components/language-item.vue    |  0
 .../components/language-list-item.story.vue   | 58 ++++++++++++-----
 .../components/language-list-item.vue         | 65 +++++++++++++------
 .../languages/language-list.story.vue         | 19 ++++--
 4 files changed, 101 insertions(+), 41 deletions(-)
 delete mode 100644 src/frontend/settings/languages/components/language-item.vue

diff --git a/src/frontend/settings/languages/components/language-item.vue b/src/frontend/settings/languages/components/language-item.vue
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/frontend/settings/languages/components/language-list-item.story.vue b/src/frontend/settings/languages/components/language-list-item.story.vue
index ad80eab4..da10f39b 100644
--- a/src/frontend/settings/languages/components/language-list-item.story.vue
+++ b/src/frontend/settings/languages/components/language-list-item.story.vue
@@ -1,21 +1,47 @@
 <template>
-    <Story title="Language List Item" group="settings">
-        <Variant title="Default">
-            <LanguageListItem :language="language" :is-selected="true" />
-        </Variant>
-    </Story>
+  <Story
+    title="Language List Item"
+    group="settings"
+    :layout="{ type: 'grid', width: 350 }"
+  >
+    <Variant title="Default">
+      <LanguageListItem
+        :language="{
+          language: 'English',
+          locale: 'en',
+          languageDirection: 'ltr',
+          bibleVersionId: 'de4e12af7f28f599-01',
+          bibleLabel: '(KJV) King James Version',
+        }"
+        :is-selected="false"
+        :is-added="false"
+      />
+    </Variant>
+    <Variant title="Selected">
+      <LanguageListItem
+        :language="{
+          language: 'Amharic - አማርኛ',
+          locale: 'am',
+          languageDirection: 'ltr',
+          bibleVersionId: 'de4e12af7f28f599-01',
+
+        }" :is-selected="true" :is-added="false" />
+    </Variant>
+    <Variant title="Added">
+      <LanguageListItem
+        :language="{
+          language: 'Arabic - العربية',
+          locale: 'ar',
+          languageDirection: 'rtl',
+          bibleVersionId: 'de4e12af7f28f599-01',
+
+        }" :is-selected="false" 
+        :is-added="true"
+        />
+    </Variant>
+  </Story>
 </template>
 
 <script setup lang="ts">
-
 import LanguageListItem from './language-list-item.vue';
-import type { LanguageSpecification } from '../../../../types';
-
-const language: LanguageSpecification = {
-    language: 'English',
-    locale: 'en',
-    languageDirection: 'ltr',
-    bibleVersionId: 'de4e12af7f28f599-01',
-    bibleLabel: '(KJV) King James Version',
-};
-</script>
\ No newline at end of file
+</script>
diff --git a/src/frontend/settings/languages/components/language-list-item.vue b/src/frontend/settings/languages/components/language-list-item.vue
index e64c5b7c..542d97ec 100644
--- a/src/frontend/settings/languages/components/language-list-item.vue
+++ b/src/frontend/settings/languages/components/language-list-item.vue
@@ -1,11 +1,13 @@
 <template>
-  <div class="flex w-[208px] justify-between rounded-md bg-white px-2 py-5">
-    <div class="text-sm font-medium leading-5">
-      <p class="text-gray-700">Afar</p>
-      <p class="text-gray-500">Afar (aa)</p>
-    </div>
+  <div
+    class="flex w-[208px] justify-between rounded-md px-2 py-5"
+    :class="{ 'bg-white hover:bg-gray-100': !isSelected, 'bg-[#EFF6FF]': isSelected }"
+  >
+    <LanguageStrip :spec="language" />
     <div class="group grid size-4 grid-cols-1">
-      <input
+      <template v-if="!isAdded">
+
+        <input
         :id="language.locale"
         type="checkbox"
         :checked="isSelected"
@@ -13,35 +15,58 @@
         aria-describedby="language-description"
         class="col-start-1 row-start-1 appearance-none rounded border border-gray-300 bg-white checked:border-indigo-600 checked:bg-indigo-600 indeterminate:border-indigo-600 indeterminate:bg-indigo-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto"
         @change="handleUpdate"
-      />
-      <svg
+        />
+        
+        <svg
+        
         viewBox="0 0 14 14"
         fill="none"
         class="pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-gray-950/25"
-      >
+        >
         <path
-          d="M3 8L6 11L11 3.5"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          class="opacity-0 group-has-[:checked]:opacity-100"
+        d="M3 8L6 11L11 3.5"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="opacity-0 group-has-[:checked]:opacity-100"
         />
         <path
-          d="M3 7H11"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          class="opacity-0 group-has-[:indeterminate]:opacity-100"
+        d="M3 7H11"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="opacity-0 group-has-[:indeterminate]:opacity-100"
         />
       </svg>
-    </div>
+    </template>
+
+    <template v-if="isAdded">
+
+      <svg
+      
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      class="pointer-events-none col-start-1 row-start-1 size-6 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-gray-950/25"
+      >
+      <path
+      d="M20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12ZM14.293 9.29297C14.6835 8.90244 15.3165 8.90244 15.707 9.29297C16.0976 9.68349 16.0976 10.3165 15.707 10.707L11.707 14.707C11.3165 15.0976 10.6835 15.0976 10.293 14.707L8.29297 12.707L8.22461 12.6309C7.90426 12.2381 7.92685 11.6591 8.29297 11.293C8.65908 10.9269 9.23809 10.9043 9.63086 11.2246L9.70703 11.293L11 12.5859L14.293 9.29297ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+      fill="#9CA3AF"
+      />
+    </svg>
+  </template>
+  </div>
   </div>
 </template>
 <script setup lang="ts">
 import type { LanguageSpecification } from '../../../../types';
+import LanguageStrip from './language-strip.vue';
 const props = defineProps<{
   language: LanguageSpecification;
   isSelected: boolean;
+  isAdded: boolean;
 }>();
 const emit = defineEmits<{
   update: [isSelected: boolean];
diff --git a/src/frontend/settings/languages/language-list.story.vue b/src/frontend/settings/languages/language-list.story.vue
index 71958e24..d3f80c64 100644
--- a/src/frontend/settings/languages/language-list.story.vue
+++ b/src/frontend/settings/languages/language-list.story.vue
@@ -1,12 +1,21 @@
 <template>
-    <Story title="Language List" group="settings">
-        <Variant title="List" :setup-app="miniSidebar">
-            <LanguageList />
-        </Variant>
+    <Story title="Language List" group="settings" :layout="{ type: 'grid', width: 350 }">
+            <Variant title="List" :setup-app="miniSidebar">
+                <LanguageList />
+            </Variant>
+            <Variant title="Empty" :setup-app="miniSidebar">
+                <LanguageList />
+            </Variant>
+            <Variant title="Loading" :setup-app="miniSidebar">
+                <LanguageList />
+            </Variant>
+            <Variant title="Error" :setup-app="miniSidebar">
+                <LanguageList />
+            </Variant>
     </Story>
 </template>
 
 <script setup lang="ts">
 import { miniSidebar } from '../../test/mocks';
 import LanguageList from './language-list.vue';
-</script>
\ No newline at end of file
+</script>

From 4def13342ee5416436a1a9358ab426212ab40a7b Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 08:08:18 +0300
Subject: [PATCH 23/99] feat: update language-list-item component to improve
 background color handling based on selection and addition states

---
 .../settings/languages/components/language-list-item.vue    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/frontend/settings/languages/components/language-list-item.vue b/src/frontend/settings/languages/components/language-list-item.vue
index 542d97ec..e0d18a62 100644
--- a/src/frontend/settings/languages/components/language-list-item.vue
+++ b/src/frontend/settings/languages/components/language-list-item.vue
@@ -1,7 +1,11 @@
 <template>
   <div
     class="flex w-[208px] justify-between rounded-md px-2 py-5"
-    :class="{ 'bg-white hover:bg-gray-100': !isSelected, 'bg-[#EFF6FF]': isSelected }"
+    :class="{
+      'bg-gray-100': isAdded,
+      'bg-[#EFF6FF]': isSelected && !isAdded,
+      'bg-white hover:bg-gray-100': !isSelected && !isAdded,
+    }"
   >
     <LanguageStrip :spec="language" />
     <div class="group grid size-4 grid-cols-1">

From aa1322099d68a69456932cacb61e1f73b0997f44 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 08:15:32 +0300
Subject: [PATCH 24/99] feat: add interactive variant to language-list-item
 story for enhanced selection demonstration

---
 .../components/language-list-item.story.vue     | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/frontend/settings/languages/components/language-list-item.story.vue b/src/frontend/settings/languages/components/language-list-item.story.vue
index da10f39b..ac7a5ef8 100644
--- a/src/frontend/settings/languages/components/language-list-item.story.vue
+++ b/src/frontend/settings/languages/components/language-list-item.story.vue
@@ -39,9 +39,26 @@
         :is-added="true"
         />
     </Variant>
+    <Variant title="Interactive">
+      <LanguageListItem
+        :language="{
+          language: 'English',
+          locale: 'en',
+          languageDirection: 'ltr',
+          bibleVersionId: 'de4e12af7f28f599-01',
+          bibleLabel: '(KJV) King James Version',
+        }"
+        :is-selected="isSelected"
+        :is-added="false"
+        @update="isSelected = $event"
+      />
+    </Variant>
   </Story>
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue';
 import LanguageListItem from './language-list-item.vue';
+
+const isSelected = ref(false);
 </script>

From e77494bb0ae49adfddfa8e5032c09fa276b91ab7 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 08:37:06 +0300
Subject: [PATCH 25/99] feat: refactor language list component to utilize items
 prop and enhance layout with responsive grid

---
 .../components/language-list-item.story.vue   | 12 ++++++++++
 .../languages/language-list.story.vue         | 23 +++++++++----------
 .../settings/languages/language-list.vue      | 18 ++++++++++++---
 3 files changed, 38 insertions(+), 15 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-list-item.story.vue b/src/frontend/settings/languages/components/language-list-item.story.vue
index ac7a5ef8..ae4092a0 100644
--- a/src/frontend/settings/languages/components/language-list-item.story.vue
+++ b/src/frontend/settings/languages/components/language-list-item.story.vue
@@ -27,6 +27,18 @@
 
         }" :is-selected="true" :is-added="false" />
     </Variant>
+    <Variant title="Long Language">
+      <LanguageListItem
+        :language="{
+          language: 'Swiss German Alemannic Alsatian - Alemannisch',
+          locale: 'gsw',
+          languageDirection: 'ltr',
+          bibleVersionId: 'de4e12af7f28f599-01',
+
+        }"
+        
+        :is-selected="true" :is-added="false" />
+    </Variant>
     <Variant title="Added">
       <LanguageListItem
         :language="{
diff --git a/src/frontend/settings/languages/language-list.story.vue b/src/frontend/settings/languages/language-list.story.vue
index d3f80c64..81bf4599 100644
--- a/src/frontend/settings/languages/language-list.story.vue
+++ b/src/frontend/settings/languages/language-list.story.vue
@@ -1,21 +1,20 @@
 <template>
-    <Story title="Language List" group="settings" :layout="{ type: 'grid', width: 350 }">
+    <Story title="Language List" group="settings" >
             <Variant title="List" :setup-app="miniSidebar">
-                <LanguageList />
-            </Variant>
-            <Variant title="Empty" :setup-app="miniSidebar">
-                <LanguageList />
-            </Variant>
-            <Variant title="Loading" :setup-app="miniSidebar">
-                <LanguageList />
-            </Variant>
-            <Variant title="Error" :setup-app="miniSidebar">
-                <LanguageList />
+                <LanguageList :items="items" />
             </Variant>
+
     </Story>
 </template>
 
 <script setup lang="ts">
 import { miniSidebar } from '../../test/mocks';
-import LanguageList from './language-list.vue';
+import LanguageList, { type LanguageListItemProps } from './language-list.vue';
+import { languages } from './languages';
+
+const items: LanguageListItemProps[] = languages.map((language, index) => ({
+  language,
+  isSelected: index % 3 === 1,
+  isAdded: index % 3 === 2,
+}));
 </script>
diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
index da38941a..027a3814 100644
--- a/src/frontend/settings/languages/language-list.vue
+++ b/src/frontend/settings/languages/language-list.vue
@@ -1,10 +1,22 @@
 
 <template>
-    <h2>Language List</h2>
+<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-[30px] gap-y-1">
+    <LanguageListItem v-for="item in items" :key="item.language.locale" :language="item.language" :is-selected="item.isSelected" :is-added="item.isAdded" class="w-full" />
+</div>
 </template>
 
 <script setup lang="ts">
+import type { LanguageSpecification } from '../../../types';
+import LanguageListItem from './components/language-list-item.vue';
+
+export interface LanguageListItemProps {
+  language: LanguageSpecification;
+  isSelected: boolean;
+  isAdded: boolean;
+}
+
+defineProps<{
+  items: LanguageListItemProps[];
+}>();
 </script>
 
-<style scoped>
-</style>
\ No newline at end of file

From 94f5698ea862e24411b097055951018ea976a7d9 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 09:31:13 +0300
Subject: [PATCH 26/99] feat: add search and letter filter

---
 .../components/language-list-item.vue         |  92 +++++++-------
 .../settings/languages/language-list.vue      | 120 ++++++++++++++++--
 .../languages/languages-edit.story.vue        |  26 +++-
 .../settings/languages/languages-edit.vue     |  32 ++++-
 4 files changed, 211 insertions(+), 59 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-list-item.vue b/src/frontend/settings/languages/components/language-list-item.vue
index e0d18a62..be799139 100644
--- a/src/frontend/settings/languages/components/language-list-item.vue
+++ b/src/frontend/settings/languages/components/language-list-item.vue
@@ -2,7 +2,7 @@
   <div
     class="flex w-[208px] justify-between rounded-md px-2 py-5"
     :class="{
-      'bg-gray-100': isAdded,
+      'cursor-not-allowed bg-gray-100': isAdded,
       'bg-[#EFF6FF]': isSelected && !isAdded,
       'bg-white hover:bg-gray-100': !isSelected && !isAdded,
     }"
@@ -10,58 +10,54 @@
     <LanguageStrip :spec="language" />
     <div class="group grid size-4 grid-cols-1">
       <template v-if="!isAdded">
-
         <input
-        :id="language.locale"
-        type="checkbox"
-        :checked="isSelected"
-        name="language"
-        aria-describedby="language-description"
-        class="col-start-1 row-start-1 appearance-none rounded border border-gray-300 bg-white checked:border-indigo-600 checked:bg-indigo-600 indeterminate:border-indigo-600 indeterminate:bg-indigo-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto"
-        @change="handleUpdate"
+          :id="language.locale"
+          type="checkbox"
+          :checked="isSelected"
+          name="language"
+          aria-describedby="language-description"
+          class="col-start-1 row-start-1 appearance-none rounded border border-gray-300 bg-white checked:border-indigo-600 checked:bg-indigo-600 indeterminate:border-indigo-600 indeterminate:bg-indigo-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto"
+          @change="handleUpdate"
         />
-        
+
         <svg
-        
-        viewBox="0 0 14 14"
-        fill="none"
-        class="pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-gray-950/25"
+          viewBox="0 0 14 14"
+          fill="none"
+          class="pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-gray-950/25"
         >
-        <path
-        d="M3 8L6 11L11 3.5"
-        stroke-width="2"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        class="opacity-0 group-has-[:checked]:opacity-100"
-        />
-        <path
-        d="M3 7H11"
-        stroke-width="2"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        class="opacity-0 group-has-[:indeterminate]:opacity-100"
-        />
-      </svg>
-    </template>
+          <path
+            d="M3 8L6 11L11 3.5"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            class="opacity-0 group-has-[:checked]:opacity-100"
+          />
+          <path
+            d="M3 7H11"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            class="opacity-0 group-has-[:indeterminate]:opacity-100"
+          />
+        </svg>
+      </template>
 
-    <template v-if="isAdded">
-
-      <svg
-      
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      class="pointer-events-none col-start-1 row-start-1 size-6 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-gray-950/25"
-      >
-      <path
-      d="M20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12ZM14.293 9.29297C14.6835 8.90244 15.3165 8.90244 15.707 9.29297C16.0976 9.68349 16.0976 10.3165 15.707 10.707L11.707 14.707C11.3165 15.0976 10.6835 15.0976 10.293 14.707L8.29297 12.707L8.22461 12.6309C7.90426 12.2381 7.92685 11.6591 8.29297 11.293C8.65908 10.9269 9.23809 10.9043 9.63086 11.2246L9.70703 11.293L11 12.5859L14.293 9.29297ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-      fill="#9CA3AF"
-      />
-    </svg>
-  </template>
-  </div>
+      <template v-if="isAdded">
+        <svg
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          class="pointer-events-none col-start-1 row-start-1 size-6 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-gray-950/25"
+        >
+          <path
+            d="M20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12ZM14.293 9.29297C14.6835 8.90244 15.3165 8.90244 15.707 9.29297C16.0976 9.68349 16.0976 10.3165 15.707 10.707L11.707 14.707C11.3165 15.0976 10.6835 15.0976 10.293 14.707L8.29297 12.707L8.22461 12.6309C7.90426 12.2381 7.92685 11.6591 8.29297 11.293C8.65908 10.9269 9.23809 10.9043 9.63086 11.2246L9.70703 11.293L11 12.5859L14.293 9.29297ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+            fill="#9CA3AF"
+          />
+        </svg>
+      </template>
+    </div>
   </div>
 </template>
 <script setup lang="ts">
diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
index 027a3814..5e70adda 100644
--- a/src/frontend/settings/languages/language-list.vue
+++ b/src/frontend/settings/languages/language-list.vue
@@ -1,22 +1,124 @@
-
 <template>
-<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-[30px] gap-y-1">
-    <LanguageListItem v-for="item in items" :key="item.language.locale" :language="item.language" :is-selected="item.isSelected" :is-added="item.isAdded" class="w-full" />
-</div>
+  <div class="bg-white">
+    <div class="flex justify-between gap-x-4 pb-6 pl-2">
+      <ul class="flex flex-row flex-wrap items-center gap-[10px] py-[9px]">
+        <li v-for="letter in letters" :key="letter">
+          <button
+            type="button"
+            class="text-sm leading-5 tracking-[133%] text-gray-500"
+            @click="letterFilter = letter"
+          >
+            {{ letter }}
+          </button>
+        </li>
+      </ul>
+      <div class="grid grid-cols-1">
+        <input
+          id="search"
+          v-model="searchFilter"
+          type="text"
+          name="search"
+          class="col-start-1 row-start-1 block w-full rounded-md bg-white py-1.5 pl-10 pr-3 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:pl-9 sm:text-sm/6"
+          placeholder="Search"
+        />
+        <Icon
+          name="search"
+          class="pointer-events-none col-start-1 row-start-1 ml-4 size-4 self-center text-gray-400"
+        />
+      </div>
+    </div>
+
+    <div
+      class="grid grid-cols-1 gap-x-[30px] gap-y-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5"
+    >
+      <LanguageListItem
+        v-for="item in filteredItems"
+        :key="item.language.locale"
+        :language="item.language"
+        :is-selected="item.isSelected"
+        :is-added="item.isAdded"
+        class="w-full"
+      />
+    </div>
+    <div v-if="filteredItems.length === 0" class="mt-10 flex justify-center">
+      <div class="flex max-w-[600px] flex-col items-center justify-center">
+        <svg
+          width="54"
+          height="54"
+          viewBox="0 0 54 54"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M18.5122 20.25C19.7477 17.6283 23.0815 15.75 27.0001 15.75C31.9707 15.75 36.0001 18.7721 36.0001 22.5C36.0001 25.6487 33.1255 28.2939 29.2371 29.0398C28.0167 29.274 27.0001 30.2574 27.0001 31.5M27 38.25H27.0225M47.25 27C47.25 38.1838 38.1838 47.25 27 47.25C15.8162 47.25 6.75 38.1838 6.75 27C6.75 15.8162 15.8162 6.75 27 6.75C38.1838 6.75 47.25 15.8162 47.25 27Z"
+            stroke="#9CA3AF"
+            stroke-width="5.49609"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+        <p class="pt-3 text-center text-xl font-semibold leading-8 text-black">
+          Don’t see the language you’re looking for?
+        </p>
+        <p class="pt-8 text-center text-lg font-normal leading-8 text-black">
+          You’re going to the ends of the earth! We couldn’t find that language in our
+          system...yet. If you’d like us to add it, please contact us.
+        </p>
+        <button
+          class="my-8 rounded-[38px] border bg-blue-500 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-blue-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset]"
+        >
+          Request Language
+        </button>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
+import { ref, computed, watch } from 'vue';
 import type { LanguageSpecification } from '../../../types';
 import LanguageListItem from './components/language-list-item.vue';
+import Icon from '../../shared/icon.vue';
+
+const props = defineProps<{
+  items: LanguageListItemProps[];
+}>();
+
+const letters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+const letterFilter = ref('');
+
+const searchFilter = ref('');
+
+watch(searchFilter, (value) => {
+  if (value) letterFilter.value = '';
+});
+
+watch(letterFilter, (value) => {
+  if (value) searchFilter.value = '';
+});
+
+const filteredItems = computed(() => {
+  let items = props.items;
+  if (letterFilter.value) {
+    items = items.filter((item: LanguageListItemProps) => {
+      return item.language.language
+        .toLowerCase()
+        .startsWith(letterFilter.value.toLowerCase());
+    });
+  }
+  if (searchFilter.value) {
+    items = items.filter((item: LanguageListItemProps) => {
+      return item.language.language
+        .toLowerCase()
+        .includes(searchFilter.value.toLowerCase());
+    });
+  }
+  return items;
+});
 
 export interface LanguageListItemProps {
   language: LanguageSpecification;
   isSelected: boolean;
   isAdded: boolean;
 }
-
-defineProps<{
-  items: LanguageListItemProps[];
-}>();
 </script>
-
diff --git a/src/frontend/settings/languages/languages-edit.story.vue b/src/frontend/settings/languages/languages-edit.story.vue
index bdcb693f..a3a6aed2 100644
--- a/src/frontend/settings/languages/languages-edit.story.vue
+++ b/src/frontend/settings/languages/languages-edit.story.vue
@@ -1,7 +1,7 @@
 <template>
   <Story title="Languages Edit" group="settings">
     <Variant title="Edit" :setup-app="miniSidebar">
-      <LanguagesEdit />
+      <LanguagesEdit :added-languages="languages" />
     </Variant>
   </Story>
 </template>
@@ -9,4 +9,28 @@
 <script setup lang="ts">
 import LanguagesEdit from './languages-edit.vue';
 import { miniSidebar } from '../../test/mocks';
+import type { LanguageSpecification } from '../../../types';
+
+const languages: LanguageSpecification[] = [
+  {
+    locale: 'en',
+    language: 'English',
+    languageDirection: 'ltr',
+  },
+  {
+    locale: 'es',
+    language: 'Spanish',
+    languageDirection: 'ltr',
+  },
+  {
+    locale: 'fr',
+    language: 'French',
+    languageDirection: 'ltr',
+  },
+  {
+    locale: 'de',
+    language: 'German',
+    languageDirection: 'ltr',
+  },
+];
 </script>
diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index 89c5faea..411d2925 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -19,19 +19,49 @@
         <template #extra-actions>
           <div class="flex items-center justify-between pb-4">
             <div>
-              <h3 class=" text-sm leading-5 font-medium text-gray-800">Selected</h3>
+              <h3 class="text-sm font-medium leading-5 text-gray-800">Selected</h3>
             </div>
           </div>
         </template>
       </ContentHeader>
     </template>
+    <LanguageList :items="allItems" />
   </AppLayout>
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue';
 import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
+import LanguageList from './language-list.vue';
+import type { LanguageSpecification } from '../../../types';
+import { languages as allLanguages } from './languages';
 
+const props = defineProps<{
+  addedLanguages: LanguageSpecification[];
+}>();
+
+const items = computed(() => {
+  return allLanguages
+    .filter((language: LanguageSpecification) => !props.addedLanguages.includes(language))
+    .map((language: LanguageSpecification) => ({
+      language,
+      isSelected: false,
+      isAdded: false,
+    }));
+});
+
+const addedItems = computed(() => {
+  return props.addedLanguages.map((language: LanguageSpecification) => ({
+    language,
+    isSelected: false,
+    isAdded: true,
+  }));
+});
+
+const allItems = computed(() => {
+  return [...addedItems.value, ...items.value];
+});
 
 const addLanguage = () => {
   console.log('addLanguage');

From a92844aa9e16189f59289642a91ef99eb8b57b9b Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 09:51:31 +0300
Subject: [PATCH 27/99] feat: improve language selection interface with dynamic
 updates and enhanced layout

---
 .../settings/languages/language-list.vue      | 35 ++++----
 .../settings/languages/languages-edit.vue     | 83 +++++++++++++++----
 2 files changed, 89 insertions(+), 29 deletions(-)

diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
index 5e70adda..9445ddb1 100644
--- a/src/frontend/settings/languages/language-list.vue
+++ b/src/frontend/settings/languages/language-list.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="bg-white">
-    <div class="flex justify-between gap-x-4 pb-6 pl-2">
+    <div class="grid grid-cols-1 gap-4 pb-6 pl-2 md:grid-cols-[1fr_auto]">
       <ul class="flex flex-row flex-wrap items-center gap-[10px] py-[9px]">
         <li v-for="letter in letters" :key="letter">
           <button
@@ -12,19 +12,21 @@
           </button>
         </li>
       </ul>
-      <div class="grid grid-cols-1">
-        <input
-          id="search"
-          v-model="searchFilter"
-          type="text"
-          name="search"
-          class="col-start-1 row-start-1 block w-full rounded-md bg-white py-1.5 pl-10 pr-3 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:pl-9 sm:text-sm/6"
-          placeholder="Search"
-        />
-        <Icon
-          name="search"
-          class="pointer-events-none col-start-1 row-start-1 ml-4 size-4 self-center text-gray-400"
-        />
+      <div class="flex items-center justify-end">
+        <div class="grid w-full grid-cols-1">
+          <input
+            id="search"
+            v-model="searchFilter"
+            type="text"
+            name="search"
+            class="col-start-1 row-start-1 block w-full rounded-md bg-white py-1.5 pl-10 pr-3 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:pl-9 sm:text-sm/6"
+            placeholder="Search"
+          />
+          <Icon
+            name="search"
+            class="pointer-events-none col-start-1 row-start-1 ml-4 size-4 self-center text-gray-400"
+          />
+        </div>
       </div>
     </div>
 
@@ -38,6 +40,7 @@
         :is-selected="item.isSelected"
         :is-added="item.isAdded"
         class="w-full"
+        @update="(isSelected) => emit('update', item.language.locale, isSelected)"
       />
     </div>
     <div v-if="filteredItems.length === 0" class="mt-10 flex justify-center">
@@ -84,6 +87,10 @@ const props = defineProps<{
   items: LanguageListItemProps[];
 }>();
 
+const emit = defineEmits<{
+  update: [locale: string, isSelected: boolean];
+}>();
+
 const letters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
 const letterFilter = ref('');
 
diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index 411d2925..f053c1b6 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -17,23 +17,56 @@
           </button>
         </template>
         <template #extra-actions>
-          <div class="flex items-center justify-between pb-4">
+          <div
+            v-if="selectedLanguages.length > 0"
+            class="flex items-center justify-between pb-4"
+          >
             <div>
               <h3 class="text-sm font-medium leading-5 text-gray-800">Selected</h3>
+
+              <ul class="mt-2 flex flex-wrap gap-4">
+                <li
+                  v-for="language in selectedLanguages"
+                  :key="language.locale"
+                  class="flex items-center justify-between gap-2 rounded-full bg-blue-100 px-[10px] py-1 text-sm font-medium leading-5"
+                >
+                  <span class="text-sm font-normal leading-5 text-blue-800">
+                    {{ language.language }}</span
+                  >
+                  <button @click="removeSelectedLanguage(language.locale)">
+                    <svg
+                      width="8"
+                      height="8"
+                      viewBox="0 0 8 8"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M6.75 0.75L0.75 6.75M0.75 0.75L6.75 6.75L0.75 0.75Z"
+                        stroke="#9CA3AF"
+                        stroke-width="1.5"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </button>
+                </li>
+              </ul>
             </div>
           </div>
         </template>
       </ContentHeader>
     </template>
-    <LanguageList :items="allItems" />
+    <LanguageList :items="languageListItems" @update="handleSelectionUpdate" />
   </AppLayout>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
+import { ref, computed } from 'vue';
 import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
 import LanguageList from './language-list.vue';
+
 import type { LanguageSpecification } from '../../../types';
 import { languages as allLanguages } from './languages';
 
@@ -41,27 +74,47 @@ const props = defineProps<{
   addedLanguages: LanguageSpecification[];
 }>();
 
-const items = computed(() => {
-  return allLanguages
+const selectedLocales = ref<Set<string>>(new Set());
+
+const availableLanguageItems = computed(() =>
+  allLanguages
     .filter((language: LanguageSpecification) => !props.addedLanguages.includes(language))
     .map((language: LanguageSpecification) => ({
       language,
-      isSelected: false,
+      isSelected: selectedLocales.value.has(language.locale),
       isAdded: false,
-    }));
-});
+    })),
+);
+
+const selectedLanguages = computed(() =>
+  allLanguages.filter((language) => selectedLocales.value.has(language.locale)),
+);
 
-const addedItems = computed(() => {
-  return props.addedLanguages.map((language: LanguageSpecification) => ({
+const handleSelectionUpdate = (locale: string, isSelected: boolean) => {
+  const next = new Set(selectedLocales.value);
+  if (isSelected) next.add(locale);
+  else next.delete(locale);
+  selectedLocales.value = next;
+};
+
+const addedLanguageItems = computed(() =>
+  props.addedLanguages.map((language: LanguageSpecification) => ({
     language,
     isSelected: false,
     isAdded: true,
-  }));
-});
+  })),
+);
 
-const allItems = computed(() => {
-  return [...addedItems.value, ...items.value];
-});
+const languageListItems = computed(() => [
+  ...addedLanguageItems.value,
+  ...availableLanguageItems.value,
+]);
+
+const removeSelectedLanguage = (locale: string) => {
+  const next = new Set(selectedLocales.value);
+  next.delete(locale);
+  selectedLocales.value = next;
+};
 
 const addLanguage = () => {
   console.log('addLanguage');

From bfbcbb5ca4201c3854e72acfe4cd99ad3f685c65 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 09:58:38 +0300
Subject: [PATCH 28/99] feat: update language list button styles for improved
 accessibility and visual feedback

---
 src/frontend/settings/languages/language-list.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
index 9445ddb1..e8b4f846 100644
--- a/src/frontend/settings/languages/language-list.vue
+++ b/src/frontend/settings/languages/language-list.vue
@@ -5,7 +5,8 @@
         <li v-for="letter in letters" :key="letter">
           <button
             type="button"
-            class="text-sm leading-5 tracking-[133%] text-gray-500"
+            class="flex size-8 shrink-0 items-center justify-center rounded-full p-0 text-sm text-gray-500"
+            :class="{ 'bg-blue-100': letterFilter === letter }"
             @click="letterFilter = letter"
           >
             {{ letter }}

From 9c1cbdddfafa79d553df187197eb84908994b1c2 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 10:01:23 +0300
Subject: [PATCH 29/99] refactor: handle second click

---
 src/frontend/settings/languages/language-list.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
index e8b4f846..5816e74b 100644
--- a/src/frontend/settings/languages/language-list.vue
+++ b/src/frontend/settings/languages/language-list.vue
@@ -7,7 +7,7 @@
             type="button"
             class="flex size-8 shrink-0 items-center justify-center rounded-full p-0 text-sm text-gray-500"
             :class="{ 'bg-blue-100': letterFilter === letter }"
-            @click="letterFilter = letter"
+            @click="handleLetterFilter(letter)"
           >
             {{ letter }}
           </button>
@@ -129,4 +129,8 @@ export interface LanguageListItemProps {
   isSelected: boolean;
   isAdded: boolean;
 }
+
+const handleLetterFilter = (letter: string) => {
+  letterFilter.value = letterFilter.value === letter ? '' : letter;
+};
 </script>

From dae0a1ced5f940fba6477f7a1329b85c9f897948 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 10:06:26 +0300
Subject: [PATCH 30/99] feat: sort language list items for improved
 organization and user experience

---
 src/frontend/settings/languages/languages-edit.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index f053c1b6..afefa084 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -105,10 +105,11 @@ const addedLanguageItems = computed(() =>
   })),
 );
 
-const languageListItems = computed(() => [
-  ...addedLanguageItems.value,
-  ...availableLanguageItems.value,
-]);
+const languageListItems = computed(() =>
+  [...addedLanguageItems.value, ...availableLanguageItems.value].sort((a, b) =>
+    a.language.language.localeCompare(b.language.language),
+  ),
+);
 
 const removeSelectedLanguage = (locale: string) => {
   const next = new Set(selectedLocales.value);

From 0bbf2e8d0e13878c855a9a6169dafbf00b3536c0 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 10:14:27 +0300
Subject: [PATCH 31/99] feat: enhance language list layout with additional
 padding and update button styles for better usability

---
 src/frontend/settings/languages/language-list.vue  | 2 +-
 src/frontend/settings/languages/languages-edit.vue | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
index 5816e74b..e4e72357 100644
--- a/src/frontend/settings/languages/language-list.vue
+++ b/src/frontend/settings/languages/language-list.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white">
+  <div class="bg-white pb-11">
     <div class="grid grid-cols-1 gap-4 pb-6 pl-2 md:grid-cols-[1fr_auto]">
       <ul class="flex flex-row flex-wrap items-center gap-[10px] py-[9px]">
         <li v-for="letter in letters" :key="letter">
diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index afefa084..ba492b4e 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -10,7 +10,8 @@
         </template>
         <template #actions>
           <button
-            class="rounded-[38px] border bg-blue-500 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-blue-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset]"
+            class="w-[128px] rounded-[38px] border bg-blue-500 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-blue-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset] disabled:cursor-not-allowed disabled:bg-gray-400 disabled:opacity-50 disabled:shadow-none"
+            :disabled="selectedLanguages.length === 0"
             @click="addLanguage"
           >
             Add

From ad7cb7b4f31af470ab8dbcee7b5649cc80e11fb2 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 10:30:54 +0300
Subject: [PATCH 32/99] feat: add Language Add Modal component with story for
 language selection and management

---
 .../components/language-add-modal.story.vue   |  53 ++++++++++
 .../components/language-add-modal.vue         | 100 ++++++++++++++++++
 2 files changed, 153 insertions(+)
 create mode 100644 src/frontend/settings/languages/components/language-add-modal.story.vue
 create mode 100644 src/frontend/settings/languages/components/language-add-modal.vue

diff --git a/src/frontend/settings/languages/components/language-add-modal.story.vue b/src/frontend/settings/languages/components/language-add-modal.story.vue
new file mode 100644
index 00000000..92309d84
--- /dev/null
+++ b/src/frontend/settings/languages/components/language-add-modal.story.vue
@@ -0,0 +1,53 @@
+<template>
+  <Story title="Language Add Modal" group="settings">
+    <Variant title="Open">
+      <LanguageAddModal
+        :open="true"
+        :languages="languages"
+        @close="() => {}"
+        @back="() => {}"
+        @add="() => {}"
+      />
+    </Variant>
+    <Variant title="Multiple languages">
+      <LanguageAddModal
+        :open="true"
+        :languages="multipleLanguages"
+        @close="() => {}"
+        @back="() => {}"
+        @add="() => {}"
+      />
+    </Variant>
+  </Story>
+</template>
+
+<script setup lang="ts">
+import LanguageAddModal from './language-add-modal.vue';
+import type { LanguageSpecification } from '../../../../types';
+
+const languages: LanguageSpecification[] = [
+  { locale: 'fr', language: 'French', languageDirection: 'ltr' },
+  { locale: 'de', language: 'German', languageDirection: 'ltr' },
+];
+
+const multipleLanguages: LanguageSpecification[] = [
+  { locale: 'fr', language: 'French', languageDirection: 'ltr' },
+  { locale: 'de', language: 'German', languageDirection: 'ltr' },
+  { locale: 'es', language: 'Spanish', languageDirection: 'ltr' },
+  { locale: 'it', language: 'Italian', languageDirection: 'ltr' },
+  { locale: 'pt', language: 'Portuguese', languageDirection: 'ltr' },
+  { locale: 'ru', language: 'Russian', languageDirection: 'ltr' },
+  { locale: 'sv', language: 'Swedish', languageDirection: 'ltr' },
+  { locale: 'tr', language: 'Turkish', languageDirection: 'ltr' },
+  { locale: 'uk', language: 'Ukrainian', languageDirection: 'ltr' },
+  { locale: 'zh', language: 'Chinese', languageDirection: 'ltr' },
+  { locale: 'zu', language: 'Zulu', languageDirection: 'ltr' },
+  { locale: 'af', language: 'Afrikaans', languageDirection: 'ltr' },
+  { locale: 'am', language: 'Amharic', languageDirection: 'ltr' },
+  { locale: 'ar', language: 'Arabic', languageDirection: 'rtl' },
+  { locale: 'as', language: 'Assamese', languageDirection: 'ltr' },
+  { locale: 'az', language: 'Azerbaijani', languageDirection: 'ltr' },
+  { locale: 'be', language: 'Belarusian', languageDirection: 'ltr' },
+  { locale: 'bg', language: 'Bulgarian', languageDirection: 'ltr' },
+];
+</script>
diff --git a/src/frontend/settings/languages/components/language-add-modal.vue b/src/frontend/settings/languages/components/language-add-modal.vue
new file mode 100644
index 00000000..82a85986
--- /dev/null
+++ b/src/frontend/settings/languages/components/language-add-modal.vue
@@ -0,0 +1,100 @@
+<template>
+  <Teleport to="body">
+    <div
+      v-if="open"
+      class="fixed inset-0 z-50 flex items-center justify-center p-4"
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="modal-title"
+    >
+      <div class="fixed inset-0 bg-black/30" aria-hidden="true" @click="emit('close')" />
+      <div
+        class="relative z-10 w-full max-w-md overflow-hidden rounded-2xl bg-white p-6 shadow-xl"
+        role="document"
+        @click.stop
+      >
+        <div class="grid grid-cols-[1fr_auto]">
+          <h2 id="modal-title" class="text-center text-base font-medium text-black">
+            Adding languages
+          </h2>
+          <button
+            type="button"
+            class="rounded p-1 text-gray-500 hover:bg-gray-100 hover:text-gray-700"
+            aria-label="Close"
+            @click="emit('close')"
+          >
+            <Icon name="close" class="size-5" />
+          </button>
+        </div>
+
+        <div class="mt-6 space-y-4">
+          <p class="text-center text-sm text-black">
+            You're adding the following languages:
+          </p>
+          <ul class="flex flex-col items-center gap-2">
+            <li
+              v-for="language in languages"
+              :key="language.locale"
+              class="text-base font-semibold leading-7 text-black"
+            >
+              {{ language.language }}
+            </li>
+          </ul>
+          <div class="space-y-1 text-center text-base font-normal leading-7 text-black">
+            <p>These languages will appear in your language list.</p>
+            <p>
+              You can now assign these languages to Team members to begin translating.
+            </p>
+          </div>
+        </div>
+
+        <div class="mt-8 flex justify-center gap-4">
+          <button
+            class="w-[128px] rounded-[38px] border bg-gray-200 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-gray-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset] disabled:cursor-not-allowed disabled:bg-gray-400 disabled:opacity-50 disabled:shadow-none"
+            @click="emit('back')"
+          >
+            Back
+          </button>
+          <button
+            class="w-[128px] rounded-[38px] border bg-green-500 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-green-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset] disabled:cursor-not-allowed disabled:bg-gray-400 disabled:opacity-50 disabled:shadow-none"
+            @click="emit('add')"
+          >
+            Add
+          </button>
+        </div>
+      </div>
+    </div>
+  </Teleport>
+</template>
+
+<script setup lang="ts">
+import { watch, onUnmounted } from 'vue';
+import Icon from '../../../shared/icon.vue';
+import type { LanguageSpecification } from '../../../../types';
+
+const props = defineProps<{
+  open: boolean;
+  languages: LanguageSpecification[];
+}>();
+
+const emit = defineEmits<{
+  close: [];
+  back: [];
+  add: [];
+}>();
+
+const handleEscape = (e: KeyboardEvent) => {
+  if (e.key === 'Escape') emit('close');
+};
+
+watch(
+  () => props.open,
+  (isOpen) => {
+    if (isOpen) document.addEventListener('keydown', handleEscape);
+    else document.removeEventListener('keydown', handleEscape);
+  },
+  { immediate: true },
+);
+
+onUnmounted(() => document.removeEventListener('keydown', handleEscape));
+</script>

From ddd3057e7d6c45c478733f96f43550f25f3c2546 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 10:42:52 +0300
Subject: [PATCH 33/99] refactor: add language modal in edit page

---
 .../components/language-add-modal.story.vue   | 24 ++++---------------
 .../components/language-add-modal.vue         |  7 +++++-
 .../settings/languages/languages-edit.vue     | 24 +++++++++++++++++--
 3 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-add-modal.story.vue b/src/frontend/settings/languages/components/language-add-modal.story.vue
index 92309d84..0f6757f9 100644
--- a/src/frontend/settings/languages/components/language-add-modal.story.vue
+++ b/src/frontend/settings/languages/components/language-add-modal.story.vue
@@ -24,30 +24,14 @@
 <script setup lang="ts">
 import LanguageAddModal from './language-add-modal.vue';
 import type { LanguageSpecification } from '../../../../types';
+import { languages as languagesArray } from '../languages';
 
 const languages: LanguageSpecification[] = [
   { locale: 'fr', language: 'French', languageDirection: 'ltr' },
   { locale: 'de', language: 'German', languageDirection: 'ltr' },
 ];
 
-const multipleLanguages: LanguageSpecification[] = [
-  { locale: 'fr', language: 'French', languageDirection: 'ltr' },
-  { locale: 'de', language: 'German', languageDirection: 'ltr' },
-  { locale: 'es', language: 'Spanish', languageDirection: 'ltr' },
-  { locale: 'it', language: 'Italian', languageDirection: 'ltr' },
-  { locale: 'pt', language: 'Portuguese', languageDirection: 'ltr' },
-  { locale: 'ru', language: 'Russian', languageDirection: 'ltr' },
-  { locale: 'sv', language: 'Swedish', languageDirection: 'ltr' },
-  { locale: 'tr', language: 'Turkish', languageDirection: 'ltr' },
-  { locale: 'uk', language: 'Ukrainian', languageDirection: 'ltr' },
-  { locale: 'zh', language: 'Chinese', languageDirection: 'ltr' },
-  { locale: 'zu', language: 'Zulu', languageDirection: 'ltr' },
-  { locale: 'af', language: 'Afrikaans', languageDirection: 'ltr' },
-  { locale: 'am', language: 'Amharic', languageDirection: 'ltr' },
-  { locale: 'ar', language: 'Arabic', languageDirection: 'rtl' },
-  { locale: 'as', language: 'Assamese', languageDirection: 'ltr' },
-  { locale: 'az', language: 'Azerbaijani', languageDirection: 'ltr' },
-  { locale: 'be', language: 'Belarusian', languageDirection: 'ltr' },
-  { locale: 'bg', language: 'Bulgarian', languageDirection: 'ltr' },
-];
+const multipleLanguages: LanguageSpecification[] = languagesArray
+  .sort(() => Math.random() - 0.5)
+  .slice(0, 20);
 </script>
diff --git a/src/frontend/settings/languages/components/language-add-modal.vue b/src/frontend/settings/languages/components/language-add-modal.vue
index 82a85986..03fbe742 100644
--- a/src/frontend/settings/languages/components/language-add-modal.vue
+++ b/src/frontend/settings/languages/components/language-add-modal.vue
@@ -31,7 +31,12 @@
           <p class="text-center text-sm text-black">
             You're adding the following languages:
           </p>
-          <ul class="flex flex-col items-center gap-2">
+          <ul
+            class="flex flex-col items-center gap-2"
+            :class="{
+              'max-h-96 overflow-y-auto': languages.length > 10,
+            }"
+          >
             <li
               v-for="language in languages"
               :key="language.locale"
diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index ba492b4e..98235582 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -59,6 +59,14 @@
       </ContentHeader>
     </template>
     <LanguageList :items="languageListItems" @update="handleSelectionUpdate" />
+
+    <LanguageAddModal
+      :open="showAddModal"
+      :languages="selectedLanguages"
+      @close="showAddModal = false"
+      @back="showAddModal = false"
+      @add="confirmAddLanguages"
+    />
   </AppLayout>
 </template>
 
@@ -67,7 +75,7 @@ import { ref, computed } from 'vue';
 import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
 import LanguageList from './language-list.vue';
-
+import LanguageAddModal from './components/language-add-modal.vue';
 import type { LanguageSpecification } from '../../../types';
 import { languages as allLanguages } from './languages';
 
@@ -75,6 +83,10 @@ const props = defineProps<{
   addedLanguages: LanguageSpecification[];
 }>();
 
+const emit = defineEmits<{
+  add: [locales: string[]];
+}>();
+
 const selectedLocales = ref<Set<string>>(new Set());
 
 const availableLanguageItems = computed(() =>
@@ -118,7 +130,15 @@ const removeSelectedLanguage = (locale: string) => {
   selectedLocales.value = next;
 };
 
+const showAddModal = ref(false);
+
 const addLanguage = () => {
-  console.log('addLanguage');
+  showAddModal.value = true;
+};
+
+const confirmAddLanguages = () => {
+  showAddModal.value = false;
+  emit('add', [...selectedLocales.value]);
+  selectedLocales.value = new Set();
 };
 </script>

From 0b3065d5badd8f0783b39cd2e349422b3c2f8e15 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 10:54:40 +0300
Subject: [PATCH 34/99] refactor: replace button components with PillButton for
 consistent styling

---
 .../settings/languages/components/actions.vue | 13 -------
 .../components/language-add-modal.vue         | 15 ++-----
 .../settings/languages/language-list.vue      | 11 +++---
 .../settings/languages/languages-edit.vue     | 10 ++---
 .../settings/languages/languages-index.vue    |  4 +-
 src/frontend/shared/pill-button.vue           | 39 +++++++++++++++++++
 6 files changed, 55 insertions(+), 37 deletions(-)
 delete mode 100644 src/frontend/settings/languages/components/actions.vue
 create mode 100644 src/frontend/shared/pill-button.vue

diff --git a/src/frontend/settings/languages/components/actions.vue b/src/frontend/settings/languages/components/actions.vue
deleted file mode 100644
index 9b7e8cb7..00000000
--- a/src/frontend/settings/languages/components/actions.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <button
-    class="rounded-[38px] border bg-green-500 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-green-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset]"
-    @click="requestAppUpdate"
-  >
-    Request App Update
-  </button>
-</template>
-<script setup lang="ts">
-const requestAppUpdate = () => {
-  console.log('requestAppUpdate');
-};
-</script>
diff --git a/src/frontend/settings/languages/components/language-add-modal.vue b/src/frontend/settings/languages/components/language-add-modal.vue
index 03fbe742..031dab2f 100644
--- a/src/frontend/settings/languages/components/language-add-modal.vue
+++ b/src/frontend/settings/languages/components/language-add-modal.vue
@@ -54,18 +54,8 @@
         </div>
 
         <div class="mt-8 flex justify-center gap-4">
-          <button
-            class="w-[128px] rounded-[38px] border bg-gray-200 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-gray-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset] disabled:cursor-not-allowed disabled:bg-gray-400 disabled:opacity-50 disabled:shadow-none"
-            @click="emit('back')"
-          >
-            Back
-          </button>
-          <button
-            class="w-[128px] rounded-[38px] border bg-green-500 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-green-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset] disabled:cursor-not-allowed disabled:bg-gray-400 disabled:opacity-50 disabled:shadow-none"
-            @click="emit('add')"
-          >
-            Add
-          </button>
+          <PillButton label="Back" variant="gray" @click="emit('back')" />
+          <PillButton label="Add" variant="green" @click="emit('add')" />
         </div>
       </div>
     </div>
@@ -75,6 +65,7 @@
 <script setup lang="ts">
 import { watch, onUnmounted } from 'vue';
 import Icon from '../../../shared/icon.vue';
+import PillButton from '../../../shared/pill-button.vue';
 import type { LanguageSpecification } from '../../../../types';
 
 const props = defineProps<{
diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
index e4e72357..36a5a43a 100644
--- a/src/frontend/settings/languages/language-list.vue
+++ b/src/frontend/settings/languages/language-list.vue
@@ -68,11 +68,11 @@
           You’re going to the ends of the earth! We couldn’t find that language in our
           system...yet. If you’d like us to add it, please contact us.
         </p>
-        <button
-          class="my-8 rounded-[38px] border bg-blue-500 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-blue-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset]"
-        >
-          Request Language
-        </button>
+        <PillButton
+          label="Request Language"
+          variant="blue"
+          class="my-8"
+        />
       </div>
     </div>
   </div>
@@ -83,6 +83,7 @@ import { ref, computed, watch } from 'vue';
 import type { LanguageSpecification } from '../../../types';
 import LanguageListItem from './components/language-list-item.vue';
 import Icon from '../../shared/icon.vue';
+import PillButton from '../../shared/pill-button.vue';
 
 const props = defineProps<{
   items: LanguageListItemProps[];
diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index 98235582..0f7a8f73 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -9,13 +9,12 @@
           </p>
         </template>
         <template #actions>
-          <button
-            class="w-[128px] rounded-[38px] border bg-blue-500 px-[15px] py-[9px] text-sm/5 font-medium text-white shadow hover:bg-blue-400 focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset] disabled:cursor-not-allowed disabled:bg-gray-400 disabled:opacity-50 disabled:shadow-none"
+          <PillButton
+            label="Add"
+            variant="blue"
             :disabled="selectedLanguages.length === 0"
             @click="addLanguage"
-          >
-            Add
-          </button>
+          />
         </template>
         <template #extra-actions>
           <div
@@ -74,6 +73,7 @@
 import { ref, computed } from 'vue';
 import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
+import PillButton from '../../shared/pill-button.vue';
 import LanguageList from './language-list.vue';
 import LanguageAddModal from './components/language-add-modal.vue';
 import type { LanguageSpecification } from '../../../types';
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index 1c39ab65..857ab209 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -3,7 +3,7 @@
     <template #header>
       <ContentHeader title="Settings">
         <template #actions>
-          <Actions />
+          <PillButton label="Add" variant="blue" @click="addLanguage" />
         </template>
         <template #extra-actions>
           <div class="flex items-center justify-between pb-4">
@@ -35,8 +35,8 @@
 import { computed } from 'vue';
 import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
-import Actions from './components/actions.vue';
 import Icon from '../../shared/icon.vue';
+import PillButton from '../../shared/pill-button.vue';
 import SourceLang from './components/source-language.vue';
 import LanguagesTable from './components/language-table.vue';
 import type { LanguagesProps, SharedPageProps } from '../../../types';
diff --git a/src/frontend/shared/pill-button.vue b/src/frontend/shared/pill-button.vue
new file mode 100644
index 00000000..4654a5ca
--- /dev/null
+++ b/src/frontend/shared/pill-button.vue
@@ -0,0 +1,39 @@
+<template>
+  <button
+    type="button"
+    :class="buttonClasses"
+    :disabled="disabled"
+    @click="emit('click')"
+  >
+    {{ label }}
+  </button>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+
+const props = withDefaults(
+  defineProps<{
+    label: string;
+    variant?: 'green' | 'blue' | 'gray';
+    disabled?: boolean;
+  }>(),
+  { variant: 'blue', disabled: false },
+);
+
+const emit = defineEmits<{
+  (e: 'click'): void;
+}>();
+
+const variantClasses: Record<string, string> = {
+  green:
+    'bg-green-500 hover:bg-green-400 disabled:bg-gray-400 disabled:hover:bg-gray-400',
+  blue: 'bg-blue-500 hover:bg-blue-400 disabled:bg-gray-400 disabled:hover:bg-gray-400',
+  gray: 'bg-gray-200 hover:bg-gray-400 disabled:bg-gray-400 disabled:hover:bg-gray-400',
+};
+
+const buttonClasses = computed(
+  () =>
+    `min-w-[128px] rounded-[38px] border px-[15px] py-[9px] text-sm/5 font-medium text-white shadow focus:outline-none focus:ring focus:ring-indigo-500 active:[box-shadow:_0px_2px_4px_0px_rgba(0,_0,_0,_0.15)_inset] disabled:cursor-not-allowed disabled:opacity-50 disabled:shadow-none ${variantClasses[props.variant]}`,
+);
+</script>

From 7447891579886eb129e8b8888d03f15a1f8c69dd Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 11:02:16 +0300
Subject: [PATCH 35/99] refactor: update Languages Index component with new
 button actions and story title

---
 .../settings/languages/languages-index.story.vue      |  2 +-
 src/frontend/settings/languages/languages-index.vue   | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/frontend/settings/languages/languages-index.story.vue b/src/frontend/settings/languages/languages-index.story.vue
index a0c814f4..3fb29fd3 100644
--- a/src/frontend/settings/languages/languages-index.story.vue
+++ b/src/frontend/settings/languages/languages-index.story.vue
@@ -1,5 +1,5 @@
 <template>
-  <Story title="Languages Page" group="settings">
+  <Story title="Languages Index" group="settings">
     <Variant title="Index" :setup-app="miniSidebar">
       <LanguagesIndex
         :meta="sharedProps.meta"
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index 857ab209..3518f028 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -3,7 +3,11 @@
     <template #header>
       <ContentHeader title="Settings">
         <template #actions>
-          <PillButton label="Add" variant="blue" @click="addLanguage" />
+          <PillButton
+            label="Request App Update"
+            variant="green"
+            @click="requestAppUpdate"
+          />
         </template>
         <template #extra-actions>
           <div class="flex items-center justify-between pb-4">
@@ -16,7 +20,7 @@
             </div>
             <button
               class="rounded-full bg-blue-500 p-1 shadow-md hover:bg-blue-700"
-              @click="addLanguage"
+              @click="router.visit('/settings/languages/edit')"
             >
               <Icon name="plus" class="text-white" />
             </button>
@@ -33,6 +37,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
+import { router } from '@inertiajs/vue3';
 import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
 import Icon from '../../shared/icon.vue';
@@ -48,7 +53,7 @@ const shared = useSharedStore();
 shared.setFromProps(props);
 shared.setCurrentStoryName('');
 
-const addLanguage = () => {
+const requestAppUpdate = () => {
   console.log('addLanguage');
 };
 

From 8ae6bebbf1dfb991a32e734149b12dfe2856b62f Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 11:26:16 +0300
Subject: [PATCH 36/99] refactor: integrate LanguageModal for language removal
 and request deletion in LanguagesTable component

---
 .../components/language-add-modal.vue         | 107 +++++-------------
 .../components/language-modal.story.vue       |  45 ++++++++
 .../languages/components/language-modal.vue   |  80 +++++++++++++
 .../components/language-table.story.vue       |  28 +++--
 .../languages/components/language-table.vue   |  72 +++++++++++-
 .../settings/languages/languages-index.vue    |  18 ++-
 src/frontend/shared/pill-button.vue           |   3 +-
 7 files changed, 262 insertions(+), 91 deletions(-)
 create mode 100644 src/frontend/settings/languages/components/language-modal.story.vue
 create mode 100644 src/frontend/settings/languages/components/language-modal.vue

diff --git a/src/frontend/settings/languages/components/language-add-modal.vue b/src/frontend/settings/languages/components/language-add-modal.vue
index 031dab2f..9195ef0a 100644
--- a/src/frontend/settings/languages/components/language-add-modal.vue
+++ b/src/frontend/settings/languages/components/language-add-modal.vue
@@ -1,74 +1,44 @@
 <template>
-  <Teleport to="body">
-    <div
-      v-if="open"
-      class="fixed inset-0 z-50 flex items-center justify-center p-4"
-      role="dialog"
-      aria-modal="true"
-      aria-labelledby="modal-title"
-    >
-      <div class="fixed inset-0 bg-black/30" aria-hidden="true" @click="emit('close')" />
-      <div
-        class="relative z-10 w-full max-w-md overflow-hidden rounded-2xl bg-white p-6 shadow-xl"
-        role="document"
-        @click.stop
+  <LanguageModal :open="open" title="Adding languages" @close="emit('close')">
+    <div class="space-y-4">
+      <p class="text-center text-sm text-black">
+        You're adding the following languages:
+      </p>
+      <ul
+        class="flex flex-col items-center gap-2"
+        :class="{
+          'max-h-96 overflow-y-auto': languages.length > 10,
+        }"
       >
-        <div class="grid grid-cols-[1fr_auto]">
-          <h2 id="modal-title" class="text-center text-base font-medium text-black">
-            Adding languages
-          </h2>
-          <button
-            type="button"
-            class="rounded p-1 text-gray-500 hover:bg-gray-100 hover:text-gray-700"
-            aria-label="Close"
-            @click="emit('close')"
-          >
-            <Icon name="close" class="size-5" />
-          </button>
-        </div>
-
-        <div class="mt-6 space-y-4">
-          <p class="text-center text-sm text-black">
-            You're adding the following languages:
-          </p>
-          <ul
-            class="flex flex-col items-center gap-2"
-            :class="{
-              'max-h-96 overflow-y-auto': languages.length > 10,
-            }"
-          >
-            <li
-              v-for="language in languages"
-              :key="language.locale"
-              class="text-base font-semibold leading-7 text-black"
-            >
-              {{ language.language }}
-            </li>
-          </ul>
-          <div class="space-y-1 text-center text-base font-normal leading-7 text-black">
-            <p>These languages will appear in your language list.</p>
-            <p>
-              You can now assign these languages to Team members to begin translating.
-            </p>
-          </div>
-        </div>
-
-        <div class="mt-8 flex justify-center gap-4">
-          <PillButton label="Back" variant="gray" @click="emit('back')" />
-          <PillButton label="Add" variant="green" @click="emit('add')" />
-        </div>
+        <li
+          v-for="language in languages"
+          :key="language.locale"
+          class="text-base font-semibold leading-7 text-black"
+        >
+          {{ language.language }}
+        </li>
+      </ul>
+      <div class="space-y-1 text-center text-base font-normal leading-7 text-black">
+        <p>These languages will appear in your language list.</p>
+        <p>
+          You can now assign these languages to Team members to begin translating.
+        </p>
       </div>
     </div>
-  </Teleport>
+
+    <template #actions>
+      <PillButton label="Back" variant="gray" @click="emit('back')" />
+      <PillButton label="Add" variant="green" @click="emit('add')" />
+    </template>
+  </LanguageModal>
 </template>
 
 <script setup lang="ts">
-import { watch, onUnmounted } from 'vue';
-import Icon from '../../../shared/icon.vue';
 import PillButton from '../../../shared/pill-button.vue';
+import LanguageModal from './language-modal.vue';
 import type { LanguageSpecification } from '../../../../types';
 
-const props = defineProps<{
+defineProps<{
   open: boolean;
   languages: LanguageSpecification[];
 }>();
@@ -78,19 +48,4 @@ const emit = defineEmits<{
   back: [];
   add: [];
 }>();
-
-const handleEscape = (e: KeyboardEvent) => {
-  if (e.key === 'Escape') emit('close');
-};
-
-watch(
-  () => props.open,
-  (isOpen) => {
-    if (isOpen) document.addEventListener('keydown', handleEscape);
-    else document.removeEventListener('keydown', handleEscape);
-  },
-  { immediate: true },
-);
-
-onUnmounted(() => document.removeEventListener('keydown', handleEscape));
 </script>
diff --git a/src/frontend/settings/languages/components/language-modal.story.vue b/src/frontend/settings/languages/components/language-modal.story.vue
new file mode 100644
index 00000000..d425938d
--- /dev/null
+++ b/src/frontend/settings/languages/components/language-modal.story.vue
@@ -0,0 +1,45 @@
+<template>
+  <Story title="Language Modal" group="settings">
+    <Variant title="Remove language confirmation">
+      <button class="rounded bg-blue-500 px-4 py-2 text-white" @click="showRemove = true">
+        Remove language
+      </button>
+      <LanguageModal
+        :open="showRemove"
+        title="Remove language"
+        message="Are you sure you want to remove this language? All your unpublished translation work will be lost."
+        @close="showRemove = false"
+      >
+        <template #actions>
+          <PillButton label="Cancel" variant="gray" @click="showRemove = false" />
+          <PillButton label="Remove" variant="red" @click="showRemove = false" />
+        </template>
+      </LanguageModal>
+    </Variant>
+    <Variant title="Request removal confirmation">
+      <button class="rounded bg-blue-500 px-4 py-2 text-white" @click="showRequest = true">
+        Request language deletion
+      </button>
+      <LanguageModal
+        :open="showRequest"
+        title="Remove language"
+        message="Are you sure you want to request to remove this language? All your progress will be lost."
+        @close="showRequest = false"
+      >
+        <template #actions>
+          <PillButton label="Cancel" variant="gray" @click="showRequest = false" />
+          <PillButton label="Request removal" variant="red" @click="showRequest = false" />
+        </template>
+      </LanguageModal>
+    </Variant>
+  </Story>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import LanguageModal from './language-modal.vue';
+import PillButton from '../../../shared/pill-button.vue';
+
+const showRemove = ref(false);
+const showRequest = ref(false);
+</script>
diff --git a/src/frontend/settings/languages/components/language-modal.vue b/src/frontend/settings/languages/components/language-modal.vue
new file mode 100644
index 00000000..ad148537
--- /dev/null
+++ b/src/frontend/settings/languages/components/language-modal.vue
@@ -0,0 +1,80 @@
+<template>
+  <Teleport to="body">
+    <div
+      v-if="open"
+      class="fixed inset-0 z-50 flex items-center justify-center p-4"
+      role="dialog"
+      aria-modal="true"
+      :aria-labelledby="title ? 'modal-title' : undefined"
+    >
+      <div class="fixed inset-0 bg-black/30" aria-hidden="true" @click="emit('close')" />
+      <div
+        class="relative z-10 w-full max-w-md overflow-hidden rounded-2xl bg-white p-6 shadow-xl"
+        role="document"
+        @click.stop
+      >
+        <div class="grid grid-cols-[1fr_auto] items-center">
+          <h2
+            v-if="title"
+            id="modal-title"
+            class="text-center text-base font-medium text-black"
+          >
+            {{ title }}
+          </h2>
+          <div class="justify-self-end">
+            <button
+              type="button"
+              class="rounded p-1 text-gray-500 hover:bg-gray-100 hover:text-gray-700"
+              aria-label="Close"
+              @click="emit('close')"
+            >
+              <Icon name="close" class="size-5" />
+            </button>
+          </div>
+        </div>
+
+        <div class="mt-6">
+          <slot>
+            <p v-if="message" class="text-center text-base font-normal leading-7 text-black">
+              {{ message }}
+            </p>
+          </slot>
+        </div>
+
+        <div v-if="$slots.actions" class="mt-8 flex justify-center gap-4">
+          <slot name="actions" />
+        </div>
+      </div>
+    </div>
+  </Teleport>
+</template>
+
+<script setup lang="ts">
+import { watch, onUnmounted } from 'vue';
+import Icon from '../../../shared/icon.vue';
+
+const props = defineProps<{
+  open: boolean;
+  title?: string;
+  message?: string;
+}>();
+
+const emit = defineEmits<{
+  (e: 'close'): void;
+}>();
+
+const handleEscape = (e: KeyboardEvent) => {
+  if (e.key === 'Escape') emit('close');
+};
+
+watch(
+  () => props.open,
+  (isOpen) => {
+    if (isOpen) document.addEventListener('keydown', handleEscape);
+    else document.removeEventListener('keydown', handleEscape);
+  },
+  { immediate: true },
+);
+
+onUnmounted(() => document.removeEventListener('keydown', handleEscape));
+</script>
diff --git a/src/frontend/settings/languages/components/language-table.story.vue b/src/frontend/settings/languages/components/language-table.story.vue
index 29884359..83d576c3 100644
--- a/src/frontend/settings/languages/components/language-table.story.vue
+++ b/src/frontend/settings/languages/components/language-table.story.vue
@@ -1,26 +1,36 @@
 <template>
-  <Story title="Lang Table" group="settings">
+  <Story title="Language Table" group="settings">
     <Variant title="Default">
-      <LangTable :items="languageTableItems" @actions="onActions" />
+      <LangTable
+        :items="languageTableItems"
+        @remove="onRemove"
+        @request-deletion="onRequestDeletion"
+      />
     </Variant>
     <Variant title="Empty">
       <LangTable :items="[]" />
     </Variant>
     <Variant title="With pagination">
-      <LangTable :items="manyLanguageTableItems" :items-per-page="5" @actions="onActions" />
+      <LangTable
+        :items="manyLanguageTableItems"
+        :items-per-page="5"
+        @remove="onRemove"
+        @request-deletion="onRequestDeletion"
+      />
     </Variant>
   </Story>
 </template>
 
 <script setup lang="ts">
 import LangTable from './language-table.vue';
-import {
-  languageTableItems,
-  manyLanguageTableItems,
-} from '../../../test/mocks';
+import { languageTableItems, manyLanguageTableItems } from '../../../test/mocks';
 import type { LanguageTableItem } from '../../../../types';
 
-const onActions = (item: LanguageTableItem) => {
-  alert(`Actions for ${item.language} (${item.locale})`);
+const onRemove = (item: LanguageTableItem) => {
+  alert(`Remove: ${item.language} (${item.locale})`);
+};
+
+const onRequestDeletion = (item: LanguageTableItem) => {
+  alert(`Request deletion: ${item.language} (${item.locale})`);
 };
 </script>
diff --git a/src/frontend/settings/languages/components/language-table.vue b/src/frontend/settings/languages/components/language-table.vue
index 47c5b5e5..13249125 100644
--- a/src/frontend/settings/languages/components/language-table.vue
+++ b/src/frontend/settings/languages/components/language-table.vue
@@ -62,7 +62,7 @@
           <td
             class="whitespace-nowrap px-3 py-4 text-sm font-normal leading-5 text-gray-500"
           >
-            {{ truncate(item.bibleLabel, 30) }} 
+            {{ truncate(item.bibleLabel, 30) }}
           </td>
           <td class="py-4 pl-3 pr-4 text-right sm:pr-6">
             <button
@@ -89,8 +89,9 @@
               </button>
               <button
                 class="w-full px-6 py-2 pb-3 text-left text-sm font-normal leading-5 text-gray-800 hover:bg-gray-100"
+                @click="handleRemoveOrRequestDeletion(item)"
               >
-                Request language deletion
+                {{ hasContent(item) ? 'Request language deletion' : 'Remove language' }}
               </button>
             </div>
           </td>
@@ -98,6 +99,38 @@
       </tbody>
     </table>
 
+    <LanguageModal
+      :open="removeModalLocale !== null"
+      title="Remove language"
+      message="Are you sure you want to remove this language? All your unpublished translation work will be lost."
+      @close="removeModalLocale = null"
+    >
+      <template #actions>
+        <PillButton label="Cancel" variant="gray" @click="removeModalLocale = null" />
+        <PillButton label="Remove" variant="red" @click="confirmRemove" />
+      </template>
+    </LanguageModal>
+
+    <LanguageModal
+      :open="requestDeletionModalLocale !== null"
+      title="Remove language"
+      message="Are you sure you want to request to remove this language? All your progress will be lost."
+      @close="requestDeletionModalLocale = null"
+    >
+      <template #actions>
+        <PillButton
+          label="Cancel"
+          variant="gray"
+          @click="requestDeletionModalLocale = null"
+        />
+        <PillButton
+          label="Request removal"
+          variant="red"
+          @click="confirmRequestDeletion"
+        />
+      </template>
+    </LanguageModal>
+
     <Pagination
       :current-page="currentPage"
       :total-items="items.length"
@@ -111,6 +144,8 @@
 import { ref, computed } from 'vue';
 import Icon from '../../../shared/icon.vue';
 import Pagination from '../../../shared/pagination.vue';
+import PillButton from '../../../shared/pill-button.vue';
+import LanguageModal from './language-modal.vue';
 import type { LanguageTableItem } from '../../../../types';
 import MemberRow from './member-row.vue';
 import RingBlock from '../../../dashboard/ring-block.vue';
@@ -124,6 +159,11 @@ const props = withDefaults(
   { itemsPerPage: 10 },
 );
 
+const emit = defineEmits<{
+  remove: [item: LanguageTableItem];
+  requestDeletion: [item: LanguageTableItem];
+}>();
+
 const currentPage = ref(1);
 const paginatedItems = computed(() => {
   const startIndex = (currentPage.value - 1) * props.itemsPerPage;
@@ -136,13 +176,41 @@ const handlePageChange = (page: number) => {
 };
 
 const openActionsLocale = ref<string | null>(null);
+const removeModalLocale = ref<string | null>(null);
+const requestDeletionModalLocale = ref<string | null>(null);
 
 const toggleActions = (locale: string) => {
   openActionsLocale.value = openActionsLocale.value === locale ? null : locale;
 };
 
+const handleRemoveOrRequestDeletion = (item: LanguageTableItem) => {
+  openActionsLocale.value = null;
+  if (hasContent(item)) {
+    requestDeletionModalLocale.value = item.locale;
+  } else {
+    removeModalLocale.value = item.locale;
+  }
+};
+
+const confirmRemove = () => {
+  const item = props.items.find((i) => i.locale === removeModalLocale.value);
+  if (item) emit('remove', item);
+  removeModalLocale.value = null;
+};
+
+const confirmRequestDeletion = () => {
+  const item = props.items.find((i) => i.locale === requestDeletionModalLocale.value);
+  if (item) emit('requestDeletion', item);
+  requestDeletionModalLocale.value = null;
+};
+
 const truncate = (s: string | null | undefined, max: number) => {
   const text = s ?? '—';
   return text.length > max ? `${text.slice(0, max)}…` : text;
 };
+
+const hasContent = (item: LanguageTableItem) =>
+  item.translationProgress?.every((progress) => progress.done > 0) ?? false;
+
+
 </script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index 3518f028..e9b28f8b 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -30,7 +30,11 @@
     </template>
     <SourceLang :spec="sourceLanguage" />
     <div class="mt-14">
-      <LanguagesTable :items="items" />
+      <LanguagesTable
+        :items="items"
+        @remove="handleRemove"
+        @request-deletion="handleRequestDeletion"
+      />
     </div>
   </AppLayout>
 </template>
@@ -44,7 +48,7 @@ import Icon from '../../shared/icon.vue';
 import PillButton from '../../shared/pill-button.vue';
 import SourceLang from './components/source-language.vue';
 import LanguagesTable from './components/language-table.vue';
-import type { LanguagesProps, SharedPageProps } from '../../../types';
+import type { LanguageTableItem, LanguagesProps, SharedPageProps } from '../../../types';
 import { useSharedStore } from '../../store';
 
 const props = defineProps<LanguagesProps & SharedPageProps>();
@@ -54,7 +58,15 @@ shared.setFromProps(props);
 shared.setCurrentStoryName('');
 
 const requestAppUpdate = () => {
-  console.log('addLanguage');
+  console.log('requestAppUpdate');
+};
+
+const handleRemove = (_item: LanguageTableItem) => {
+  console.log('remove language', _item.locale);
+};
+
+const handleRequestDeletion = (_item: LanguageTableItem) => {
+  console.log('request language deletion', _item.locale);
 };
 
 const items = computed(() => props.languageItems ?? []);
diff --git a/src/frontend/shared/pill-button.vue b/src/frontend/shared/pill-button.vue
index 4654a5ca..2d2a9913 100644
--- a/src/frontend/shared/pill-button.vue
+++ b/src/frontend/shared/pill-button.vue
@@ -15,7 +15,7 @@ import { computed } from 'vue';
 const props = withDefaults(
   defineProps<{
     label: string;
-    variant?: 'green' | 'blue' | 'gray';
+    variant?: 'green' | 'blue' | 'gray' | 'red';
     disabled?: boolean;
   }>(),
   { variant: 'blue', disabled: false },
@@ -30,6 +30,7 @@ const variantClasses: Record<string, string> = {
     'bg-green-500 hover:bg-green-400 disabled:bg-gray-400 disabled:hover:bg-gray-400',
   blue: 'bg-blue-500 hover:bg-blue-400 disabled:bg-gray-400 disabled:hover:bg-gray-400',
   gray: 'bg-gray-200 hover:bg-gray-400 disabled:bg-gray-400 disabled:hover:bg-gray-400',
+  red: 'bg-red-500 hover:bg-red-400 disabled:bg-gray-400 disabled:hover:bg-gray-400',
 };
 
 const buttonClasses = computed(

From 876bc36af9a8228af78d6173c986d7cb8e523468 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 11:35:09 +0300
Subject: [PATCH 37/99] feat: add Request App Update modal component and
 integrate it into Languages Index

---
 .../request-app-update-modal.story.vue        | 29 ++++++
 .../components/request-app-update-modal.vue   | 98 +++++++++++++++++++
 .../settings/languages/languages-index.vue    | 18 +++-
 3 files changed, 141 insertions(+), 4 deletions(-)
 create mode 100644 src/frontend/settings/languages/components/request-app-update-modal.story.vue
 create mode 100644 src/frontend/settings/languages/components/request-app-update-modal.vue

diff --git a/src/frontend/settings/languages/components/request-app-update-modal.story.vue b/src/frontend/settings/languages/components/request-app-update-modal.story.vue
new file mode 100644
index 00000000..36fecefa
--- /dev/null
+++ b/src/frontend/settings/languages/components/request-app-update-modal.story.vue
@@ -0,0 +1,29 @@
+<template>
+  <Story title="Request App Update Modal" group="settings">
+    <Variant title="Open">
+      <button
+        class="rounded bg-green-500 px-4 py-2 text-white"
+        @click="show = true"
+      >
+        Request App Update
+      </button>
+      <RequestAppUpdateModal
+        :open="show"
+        @close="show = false"
+        @confirm="onConfirm"
+      />
+    </Variant>
+  </Story>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import RequestAppUpdateModal from './request-app-update-modal.vue';
+
+const show = ref(true);
+
+const onConfirm = (reason: string) => {
+  alert(`Confirm request: ${reason}`);
+  show.value = false;
+};
+</script>
diff --git a/src/frontend/settings/languages/components/request-app-update-modal.vue b/src/frontend/settings/languages/components/request-app-update-modal.vue
new file mode 100644
index 00000000..f3b13e6e
--- /dev/null
+++ b/src/frontend/settings/languages/components/request-app-update-modal.vue
@@ -0,0 +1,98 @@
+<template>
+  <LanguageModal :open="open" title="Request app update" @close="emit('close')">
+    <div class="space-y-4 pb-[130px]">
+      <p class="text-center text-base font-semibold leading-6 text-black">
+        What would you like to update?
+      </p>
+
+      <Listbox v-model="selectedReason" as="div" class="relative">
+        <ListboxButton
+          class="relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2.5 pl-3 pr-10 text-left text-sm text-gray-700 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
+        >
+          <span class="block truncate">
+            {{ selectedReason || 'Select reason' }}
+          </span>
+          <span
+            class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2"
+          >
+            <Icon name="chevron-down" class="h-5 w-5 text-gray-400" aria-hidden="true" />
+          </span>
+        </ListboxButton>
+
+        <transition
+          leave-active-class="transition duration-100 ease-in"
+          leave-from-class="opacity-100"
+          leave-to-class="opacity-0"
+        >
+          <ListboxOptions
+            class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
+          >
+            <ListboxOption
+              v-for="option in reasons"
+              :key="option"
+              v-slot="{ active, selected }"
+              :value="option"
+              as="template"
+            >
+              <li
+                :class="[
+                  active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
+                  'relative cursor-default select-none py-2 pl-3 pr-9',
+                ]"
+              >
+                <span
+                  :class="[selected ? 'font-semibold' : 'font-normal', 'block truncate']"
+                >
+                  {{ option }}
+                </span>
+                <span
+                  v-if="selected"
+                  class="absolute inset-y-0 right-0 flex items-center pr-4 text-blue-600"
+                >
+                  <Icon name="check" class="h-5 w-5" aria-hidden="true" />
+                </span>
+              </li>
+            </ListboxOption>
+          </ListboxOptions>
+        </transition>
+      </Listbox>
+    </div>
+
+    <template #actions>
+      <PillButton label="Confirm request" variant="green" @click="confirm" />
+    </template>
+  </LanguageModal>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue';
+import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/vue';
+import Icon from '../../../shared/icon.vue';
+import LanguageModal from './language-modal.vue';
+import PillButton from '../../../shared/pill-button.vue';
+
+const reasons = ['New language', 'New content', 'Other'] as const;
+
+const props = defineProps<{
+  open: boolean;
+}>();
+
+const emit = defineEmits<{
+  close: [];
+  confirm: [reason: string];
+}>();
+
+const selectedReason = ref<string>('New language');
+
+watch(
+  () => props.open,
+  (isOpen) => {
+    if (isOpen) selectedReason.value = 'New language';
+  },
+);
+
+const confirm = () => {
+  emit('confirm', selectedReason.value);
+  emit('close');
+};
+</script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index e9b28f8b..8dbb1fd5 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -6,7 +6,7 @@
           <PillButton
             label="Request App Update"
             variant="green"
-            @click="requestAppUpdate"
+            @click="showRequestAppUpdateModal = true"
           />
         </template>
         <template #extra-actions>
@@ -36,11 +36,17 @@
         @request-deletion="handleRequestDeletion"
       />
     </div>
+
+    <RequestAppUpdateModal
+      :open="showRequestAppUpdateModal"
+      @close="showRequestAppUpdateModal = false"
+      @confirm="handleRequestAppUpdateConfirm"
+    />
   </AppLayout>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
+import { ref, computed } from 'vue';
 import { router } from '@inertiajs/vue3';
 import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
@@ -48,6 +54,7 @@ import Icon from '../../shared/icon.vue';
 import PillButton from '../../shared/pill-button.vue';
 import SourceLang from './components/source-language.vue';
 import LanguagesTable from './components/language-table.vue';
+import RequestAppUpdateModal from './components/request-app-update-modal.vue';
 import type { LanguageTableItem, LanguagesProps, SharedPageProps } from '../../../types';
 import { useSharedStore } from '../../store';
 
@@ -57,8 +64,11 @@ const shared = useSharedStore();
 shared.setFromProps(props);
 shared.setCurrentStoryName('');
 
-const requestAppUpdate = () => {
-  console.log('requestAppUpdate');
+const showRequestAppUpdateModal = ref(false);
+
+const handleRequestAppUpdateConfirm = (reason: string) => {
+  console.log('requestAppUpdate', reason);
+  showRequestAppUpdateModal.value = false;
 };
 
 const handleRemove = (_item: LanguageTableItem) => {

From 5a767d0f54bb865510222b7c5c1e390656fc2ed3 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 11:45:10 +0300
Subject: [PATCH 38/99] feat: add Request Feedback Modal component and
 integrate it into Languages Index for app update requests

---
 .../request-feedback-modal.story.vue          | 32 ++++++++++
 .../components/request-feedback-modal.vue     | 59 +++++++++++++++++++
 .../settings/languages/languages-index.vue    | 31 +++++++++-
 3 files changed, 120 insertions(+), 2 deletions(-)
 create mode 100644 src/frontend/settings/languages/components/request-feedback-modal.story.vue
 create mode 100644 src/frontend/settings/languages/components/request-feedback-modal.vue

diff --git a/src/frontend/settings/languages/components/request-feedback-modal.story.vue b/src/frontend/settings/languages/components/request-feedback-modal.story.vue
new file mode 100644
index 00000000..0fcfb95f
--- /dev/null
+++ b/src/frontend/settings/languages/components/request-feedback-modal.story.vue
@@ -0,0 +1,32 @@
+<template>
+  <Story title="Request Feedback Modal" group="settings">
+    <Variant title="Success">
+      <button class="rounded bg-blue-500 px-4 py-2 text-white" @click="showSuccess = true">
+        Show success
+      </button>
+      <RequestFeedbackModal
+        :open="showSuccess"
+        variant="success"
+        @close="showSuccess = false"
+      />
+    </Variant>
+    <Variant title="Error">
+      <button class="rounded bg-red-500 px-4 py-2 text-white" @click="showError = true">
+        Show error
+      </button>
+      <RequestFeedbackModal
+        :open="showError"
+        variant="error"
+        @close="showError = false"
+      />
+    </Variant>
+  </Story>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import RequestFeedbackModal from './request-feedback-modal.vue';
+
+const showSuccess = ref(false);
+const showError = ref(false);
+</script>
diff --git a/src/frontend/settings/languages/components/request-feedback-modal.vue b/src/frontend/settings/languages/components/request-feedback-modal.vue
new file mode 100644
index 00000000..561529c6
--- /dev/null
+++ b/src/frontend/settings/languages/components/request-feedback-modal.vue
@@ -0,0 +1,59 @@
+<template>
+  <LanguageModal :open="open" :title="title" @close="$emit('close')">
+    <div class="space-y-2 py-28 text-center">
+      <p class="text-base font-semibold leading-6 text-black">
+        {{ heading }}
+      </p>
+      <p class="text-base font-normal leading-7 text-black">
+        {{ message }}
+      </p>
+      <p class="text-base font-normal leading-7 text-black">
+        {{ contactText }}
+      </p>
+    </div>
+
+    <template #actions>
+      <PillButton label="Close" variant="blue" @click="$emit('close')" />
+    </template>
+  </LanguageModal>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import LanguageModal from './language-modal.vue';
+import PillButton from '../../../shared/pill-button.vue';
+
+const props = withDefaults(
+  defineProps<{
+    open: boolean;
+    variant: 'success' | 'error';
+    contactEmail?: string;
+  }>(),
+  { contactEmail: 'ops@scoutredeem.co' },
+);
+
+defineEmits<{
+  (e: 'close'): void;
+}>();
+
+const content = computed(() =>
+  props.variant === 'success'
+    ? {
+        title: 'Confirmation',
+        heading: 'Request sent',
+        message: 'Your request has been submitted.',
+        contactText: `For any enquiries email ${props.contactEmail}`,
+      }
+    : {
+        title: 'Error',
+        heading: 'Request not received',
+        message: 'Your request has not been able to be processed',
+        contactText: `Please contact ${props.contactEmail} for further assistance.`,
+      },
+);
+
+const title = computed(() => content.value.title);
+const heading = computed(() => content.value.heading);
+const message = computed(() => content.value.message);
+const contactText = computed(() => content.value.contactText);
+</script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index 8dbb1fd5..016af147 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -42,6 +42,12 @@
       @close="showRequestAppUpdateModal = false"
       @confirm="handleRequestAppUpdateConfirm"
     />
+
+    <RequestFeedbackModal
+      :open="showFeedbackModal"
+      :variant="feedbackModalVariant"
+      @close="showFeedbackModal = false"
+    />
   </AppLayout>
 </template>
 
@@ -55,6 +61,7 @@ import PillButton from '../../shared/pill-button.vue';
 import SourceLang from './components/source-language.vue';
 import LanguagesTable from './components/language-table.vue';
 import RequestAppUpdateModal from './components/request-app-update-modal.vue';
+import RequestFeedbackModal from './components/request-feedback-modal.vue';
 import type { LanguageTableItem, LanguagesProps, SharedPageProps } from '../../../types';
 import { useSharedStore } from '../../store';
 
@@ -65,10 +72,30 @@ shared.setFromProps(props);
 shared.setCurrentStoryName('');
 
 const showRequestAppUpdateModal = ref(false);
+const showFeedbackModal = ref(false);
+const feedbackModalVariant = ref<'success' | 'error'>('success');
 
-const handleRequestAppUpdateConfirm = (reason: string) => {
-  console.log('requestAppUpdate', reason);
+const handleRequestAppUpdateConfirm = async (reason: string) => {
   showRequestAppUpdateModal.value = false;
+  try {
+    // TODO: Replace with actual API call
+    await submitAppUpdateRequest(reason);
+    feedbackModalVariant.value = 'success';
+    showFeedbackModal.value = true;
+  } catch {
+    feedbackModalVariant.value = 'error';
+    showFeedbackModal.value = true;
+  }
+};
+
+const submitAppUpdateRequest = async (_reason: string): Promise<void> => {
+  // Simulate API call - replace with actual implementation
+  await new Promise<void>((resolve) => {
+    setTimeout(() => {
+      // Simulate success; use reject() to test error modal
+      resolve(undefined);
+    }, 300);
+  });
 };
 
 const handleRemove = (_item: LanguageTableItem) => {

From 030c8367d761d8c4af00ff3ac4e8d3683882890e Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 11:55:26 +0300
Subject: [PATCH 39/99] feat: add mailFromAddress to CmsMeta and integrate it
 into Request Feedback Modal for contact inquiries

---
 src/backend/define_config.ts                        |  1 +
 src/backend/stubs/config/cms.stub                   |  5 +++++
 .../components/request-feedback-modal.story.vue     |  7 ++++++-
 .../languages/components/request-feedback-modal.vue | 13 +++++--------
 src/frontend/settings/languages/languages-index.vue |  1 +
 src/frontend/test/mocks.ts                          |  1 +
 src/types.ts                                        |  2 ++
 7 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/backend/define_config.ts b/src/backend/define_config.ts
index a88e9484..81a5e31a 100644
--- a/src/backend/define_config.ts
+++ b/src/backend/define_config.ts
@@ -10,6 +10,7 @@ export function defineConfig(config: Partial<CmsConfig>): CmsConfig {
       hasAppPreview: false,
       helpUrl: 'https://journeys.helpscoutdocs.com/',
       logo: 'https://res.cloudinary.com/journeys/image/upload/v1756295658/logo_g8k7tf.png',
+      mailFromAddress: 'ops@scoutredeem.co',
       ...config.meta,
     },
 
diff --git a/src/backend/stubs/config/cms.stub b/src/backend/stubs/config/cms.stub
index 1b3fd3bd..70337879 100644
--- a/src/backend/stubs/config/cms.stub
+++ b/src/backend/stubs/config/cms.stub
@@ -80,6 +80,11 @@ const cmsConfig: CmsConfig = defineConfig({
      * Are we embedding a Flutter preview?
      */
     hasAppPreview: false,
+
+    /**
+     * Contact email for enquiries (from MAIL_FROM_ADDRESS)
+     */
+    mailFromAddress: 'ops@scoutredeem.co',
   },
 
   languages: {
diff --git a/src/frontend/settings/languages/components/request-feedback-modal.story.vue b/src/frontend/settings/languages/components/request-feedback-modal.story.vue
index 0fcfb95f..23b432d5 100644
--- a/src/frontend/settings/languages/components/request-feedback-modal.story.vue
+++ b/src/frontend/settings/languages/components/request-feedback-modal.story.vue
@@ -1,12 +1,16 @@
 <template>
   <Story title="Request Feedback Modal" group="settings">
     <Variant title="Success">
-      <button class="rounded bg-blue-500 px-4 py-2 text-white" @click="showSuccess = true">
+      <button
+        class="rounded bg-blue-500 px-4 py-2 text-white"
+        @click="showSuccess = true"
+      >
         Show success
       </button>
       <RequestFeedbackModal
         :open="showSuccess"
         variant="success"
+        contact-email="ops@example.com"
         @close="showSuccess = false"
       />
     </Variant>
@@ -17,6 +21,7 @@
       <RequestFeedbackModal
         :open="showError"
         variant="error"
+        contact-email="ops@example.com"
         @close="showError = false"
       />
     </Variant>
diff --git a/src/frontend/settings/languages/components/request-feedback-modal.vue b/src/frontend/settings/languages/components/request-feedback-modal.vue
index 561529c6..a78db4d3 100644
--- a/src/frontend/settings/languages/components/request-feedback-modal.vue
+++ b/src/frontend/settings/languages/components/request-feedback-modal.vue
@@ -23,14 +23,11 @@ import { computed } from 'vue';
 import LanguageModal from './language-modal.vue';
 import PillButton from '../../../shared/pill-button.vue';
 
-const props = withDefaults(
-  defineProps<{
-    open: boolean;
-    variant: 'success' | 'error';
-    contactEmail?: string;
-  }>(),
-  { contactEmail: 'ops@scoutredeem.co' },
-);
+const props = defineProps<{
+  open: boolean;
+  variant: 'success' | 'error';
+  contactEmail: string;
+}>();
 
 defineEmits<{
   (e: 'close'): void;
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index 016af147..450532aa 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -46,6 +46,7 @@
     <RequestFeedbackModal
       :open="showFeedbackModal"
       :variant="feedbackModalVariant"
+      :contact-email="shared.meta.mailFromAddress ?? 'ops@scoutredeem.co'"
       @close="showFeedbackModal = false"
     />
   </AppLayout>
diff --git a/src/frontend/test/mocks.ts b/src/frontend/test/mocks.ts
index be71b012..0964de46 100644
--- a/src/frontend/test/mocks.ts
+++ b/src/frontend/test/mocks.ts
@@ -432,6 +432,7 @@ export const meta: CmsMeta = {
   logo: 'https://res.cloudinary.com/theword121/image/upload/v1687245360/episodes/viseg2hegowcrapio6pt.svg',
   helpUrl: 'https://www.theword121.com/',
   hasAppPreview: false,
+  mailFromAddress: 'ops@scoutredeem.co',
 };
 
 export const user = {
diff --git a/src/types.ts b/src/types.ts
index efff1e28..3cf7524e 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -502,6 +502,8 @@ export interface CmsMeta {
   logo: string;
   helpUrl?: string;
   hasAppPreview: boolean;
+  /** Contact email for enquiries (e.g. from MAIL_FROM_ADDRESS) */
+  mailFromAddress?: string;
 }
 
 export type CmsConfig = {

From b92f4c0be3c2f7438f948c47c23b2231b0204495 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 11:58:16 +0300
Subject: [PATCH 40/99] refactor: remove simulated API call in
 submitAppUpdateRequest and add logging for better debugging

---
 src/frontend/settings/languages/languages-index.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index 450532aa..22b64c27 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -90,13 +90,7 @@ const handleRequestAppUpdateConfirm = async (reason: string) => {
 };
 
 const submitAppUpdateRequest = async (_reason: string): Promise<void> => {
-  // Simulate API call - replace with actual implementation
-  await new Promise<void>((resolve) => {
-    setTimeout(() => {
-      // Simulate success; use reject() to test error modal
-      resolve(undefined);
-    }, 300);
-  });
+  console.log('submitAppUpdateRequest', _reason);
 };
 
 const handleRemove = (_item: LanguageTableItem) => {

From b9e41dc229bec390fe0e3e84c3e39522cf07d2a0 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 3 Mar 2026 14:23:32 +0300
Subject: [PATCH 41/99] refactor: restructure LanguageSpecification to extend
 BibleSpecification and clean up language-add-modal template

---
 src/types.ts | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/types.ts b/src/types.ts
index 3cf7524e..abafa3ce 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -540,15 +540,19 @@ export type CmsConfig = {
   };
 };
 
-export interface LanguageSpecification {
-  language: string;
-  languageDirection: 'rtl' | 'ltr';
-  locale: string;
+export interface BibleSpecification {
+  id: string;
   bibleVersion?: string;
   bibleVersionId?: string;
   bibleLabel?: string;
 }
 
+export interface LanguageSpecification extends Omit<BibleSpecification, 'id'> {
+  language: string;
+  languageDirection: 'rtl' | 'ltr';
+  locale: string;
+}
+
 export interface LanguageTableItem extends LanguageSpecification {
   translationProgress?: Omit<Progress, 'lastUpdated'>[];
   teamMembers?: UserInterface[];

From eb89b0c324a02e998e233ce6d07dd571c3466fa9 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 06:34:45 +0300
Subject: [PATCH 42/99] refactor: add change modal

---
 .../languages/components/language-table.vue   | 121 +++++++++++++++++-
 .../settings/languages/languages-index.vue    |  54 +++++++-
 src/types.ts                                  |  12 +-
 3 files changed, 175 insertions(+), 12 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-table.vue b/src/frontend/settings/languages/components/language-table.vue
index 13249125..89a74adb 100644
--- a/src/frontend/settings/languages/components/language-table.vue
+++ b/src/frontend/settings/languages/components/language-table.vue
@@ -84,6 +84,7 @@
               </a>
               <button
                 class="w-full px-6 py-2 text-left text-sm font-normal leading-5 text-gray-800 hover:bg-gray-100"
+                @click="openBibleModal(item)"
               >
                 Change Bible translation
               </button>
@@ -131,6 +132,82 @@
       </template>
     </LanguageModal>
 
+    <LanguageModal
+      :open="bibleModalLocale !== null"
+      title="Change Bible translation"
+      @close="closeBibleModal"
+    >
+      <div class="space-y-4 pb-[130px]">
+        <Listbox v-model="selectedBibleVersion" as="div" class="relative">
+          <ListboxButton
+            class="relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2.5 pl-3 pr-10 text-left text-sm text-gray-700 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
+          >
+            <span class="block truncate">
+              {{ selectedBibleVersion?.name ?? 'Select translation' }}
+            </span>
+            <span
+              class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2"
+            >
+              <Icon
+                name="chevron-down"
+                class="h-5 w-5 text-gray-400"
+                aria-hidden="true"
+              />
+            </span>
+          </ListboxButton>
+
+          <transition
+            leave-active-class="transition duration-100 ease-in"
+            leave-from-class="opacity-100"
+            leave-to-class="opacity-0"
+          >
+            <ListboxOptions
+              class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
+            >
+              <ListboxOption
+                v-for="version in BIBLE_VERSIONS"
+                :key="version.id"
+                v-slot="{ active, selected }"
+                :value="version"
+                as="template"
+              >
+                <li
+                  :class="[
+                    active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
+                    'relative cursor-default select-none py-2 pl-3 pr-9',
+                  ]"
+                >
+                  <span
+                    :class="[
+                      selected ? 'font-semibold' : 'font-normal',
+                      'block truncate',
+                    ]"
+                  >
+                    {{ version.name }}
+                  </span>
+                  <span
+                    v-if="selected"
+                    class="absolute inset-y-0 right-0 flex items-center pr-4 text-blue-600"
+                  >
+                    <Icon name="check" class="h-5 w-5" aria-hidden="true" />
+                  </span>
+                </li>
+              </ListboxOption>
+            </ListboxOptions>
+          </transition>
+        </Listbox>
+      </div>
+
+      <template #actions>
+        <PillButton label="Cancel" variant="gray" @click="closeBibleModal" />
+        <PillButton
+          label="Confirm selection"
+          variant="green"
+          @click="confirmBibleChange"
+        />
+      </template>
+    </LanguageModal>
+
     <Pagination
       :current-page="currentPage"
       :total-items="items.length"
@@ -142,6 +219,7 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue';
+import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/vue';
 import Icon from '../../../shared/icon.vue';
 import Pagination from '../../../shared/pagination.vue';
 import PillButton from '../../../shared/pill-button.vue';
@@ -151,6 +229,14 @@ import MemberRow from './member-row.vue';
 import RingBlock from '../../../dashboard/ring-block.vue';
 import LangStrip from './language-strip.vue';
 
+const BIBLE_VERSIONS = [
+  { id: 'eng-ESV', name: 'English Standard Version' },
+  { id: 'eng-NIV', name: 'New International Version' },
+  { id: 'eng-NLT', name: 'New Living Translation' },
+  { id: 'eng-NASB', name: 'New American Standard Bible' },
+  { id: 'eng-KJV', name: 'King James Version' },
+] as const;
+
 const props = withDefaults(
   defineProps<{
     items: LanguageTableItem[];
@@ -162,6 +248,11 @@ const props = withDefaults(
 const emit = defineEmits<{
   remove: [item: LanguageTableItem];
   requestDeletion: [item: LanguageTableItem];
+  bibleChange: [
+    item: LanguageTableItem,
+    bibleVersionId: string,
+    bibleVersionName: string,
+  ];
 }>();
 
 const currentPage = ref(1);
@@ -178,6 +269,8 @@ const handlePageChange = (page: number) => {
 const openActionsLocale = ref<string | null>(null);
 const removeModalLocale = ref<string | null>(null);
 const requestDeletionModalLocale = ref<string | null>(null);
+const bibleModalLocale = ref<string | null>(null);
+const selectedBibleVersion = ref<{ id: string; name: string } | null>(null);
 
 const toggleActions = (locale: string) => {
   openActionsLocale.value = openActionsLocale.value === locale ? null : locale;
@@ -204,6 +297,32 @@ const confirmRequestDeletion = () => {
   requestDeletionModalLocale.value = null;
 };
 
+const openBibleModal = (item: LanguageTableItem) => {
+  openActionsLocale.value = null;
+  bibleModalLocale.value = item.locale;
+  const current = BIBLE_VERSIONS.find(
+    (v) => v.id === item.bibleVersionId || v.name === item.bibleLabel,
+  );
+  selectedBibleVersion.value = current ?? BIBLE_VERSIONS[0];
+};
+
+const closeBibleModal = () => {
+  bibleModalLocale.value = null;
+};
+
+const confirmBibleChange = () => {
+  const item = props.items.find((i) => i.locale === bibleModalLocale.value);
+  if (item && selectedBibleVersion.value) {
+    emit(
+      'bibleChange',
+      item,
+      selectedBibleVersion.value.id,
+      selectedBibleVersion.value.name,
+    );
+  }
+  closeBibleModal();
+};
+
 const truncate = (s: string | null | undefined, max: number) => {
   const text = s ?? '—';
   return text.length > max ? `${text.slice(0, max)}…` : text;
@@ -211,6 +330,4 @@ const truncate = (s: string | null | undefined, max: number) => {
 
 const hasContent = (item: LanguageTableItem) =>
   item.translationProgress?.every((progress) => progress.done > 0) ?? false;
-
-
 </script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index 22b64c27..14141240 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -53,8 +53,9 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted } from 'vue';
 import { router } from '@inertiajs/vue3';
+import axios from 'axios';
 import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
 import Icon from '../../shared/icon.vue';
@@ -64,11 +65,12 @@ import LanguagesTable from './components/language-table.vue';
 import RequestAppUpdateModal from './components/request-app-update-modal.vue';
 import RequestFeedbackModal from './components/request-feedback-modal.vue';
 import type { LanguageTableItem, LanguagesProps, SharedPageProps } from '../../../types';
-import { useSharedStore } from '../../store';
+import { useSharedStore, useWidgetsStore } from '../../store';
 
 const props = defineProps<LanguagesProps & SharedPageProps>();
 
 const shared = useSharedStore();
+const widgets = useWidgetsStore();
 shared.setFromProps(props);
 shared.setCurrentStoryName('');
 
@@ -102,4 +104,52 @@ const handleRequestDeletion = (_item: LanguageTableItem) => {
 };
 
 const items = computed(() => props.languageItems ?? []);
+
+function getBibleVersions(): Promise<
+  Array<{
+    name: string; // "World English Bible"
+    id: string; // "de4e12af7f28f599-01"
+    abbreviation: string; // "engWEBUS"
+    description: string; // "Orthodox"
+    language: string; // "English"
+  }>
+> {
+  const apiKey = widgets.providers.scripture?.bibleApiKey;
+  if (!apiKey) {
+    return Promise.resolve([]);
+  }
+  return axios
+    .get('https://api.scripture.api.bible/v1/bibles', {
+      headers: { 'api-key': apiKey },
+    })
+    .then((res) => {
+      const { data } = res.data;
+      return (data ?? []).map((item: Record<string, unknown>) => ({
+        name: item.name,
+        id: item.id,
+        abbreviation: item.abbreviation,
+        description: item.description,
+        language: (item.language as { name?: string })?.name ?? '',
+      }));
+    })
+    .catch((err) => {
+      console.error('getBibleVersions failed:', err);
+      return [];
+    });
+}
+
+onMounted(async () => {
+  const versions = await getBibleVersions();
+
+  /*
+  {
+    name: 'King James Version',
+    id: 'de4e12af7f28f599-01',
+    abbreviation: 'KJV',
+    description: 'King James Version',
+    language: 'English',
+  }
+  */
+  console.log(versions);
+});
 </script>
diff --git a/src/types.ts b/src/types.ts
index abafa3ce..3cf7524e 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -540,17 +540,13 @@ export type CmsConfig = {
   };
 };
 
-export interface BibleSpecification {
-  id: string;
-  bibleVersion?: string;
-  bibleVersionId?: string;
-  bibleLabel?: string;
-}
-
-export interface LanguageSpecification extends Omit<BibleSpecification, 'id'> {
+export interface LanguageSpecification {
   language: string;
   languageDirection: 'rtl' | 'ltr';
   locale: string;
+  bibleVersion?: string;
+  bibleVersionId?: string;
+  bibleLabel?: string;
 }
 
 export interface LanguageTableItem extends LanguageSpecification {

From 13a85917effdf9e1378b6c061876ffdb7b5b6333 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 06:38:00 +0300
Subject: [PATCH 43/99] refactor: change name of function

---
 .../languages/components/language-table.vue   | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-table.vue b/src/frontend/settings/languages/components/language-table.vue
index 89a74adb..b8568d40 100644
--- a/src/frontend/settings/languages/components/language-table.vue
+++ b/src/frontend/settings/languages/components/language-table.vue
@@ -84,7 +84,7 @@
               </a>
               <button
                 class="w-full px-6 py-2 text-left text-sm font-normal leading-5 text-gray-800 hover:bg-gray-100"
-                @click="openBibleModal(item)"
+                @click="openBibleTranslationsModal(item)"
               >
                 Change Bible translation
               </button>
@@ -133,9 +133,9 @@
     </LanguageModal>
 
     <LanguageModal
-      :open="bibleModalLocale !== null"
+      :open="bibleTranslationsModalLocale !== null"
       title="Change Bible translation"
-      @close="closeBibleModal"
+      @close="closeBibleTranslationsModal"
     >
       <div class="space-y-4 pb-[130px]">
         <Listbox v-model="selectedBibleVersion" as="div" class="relative">
@@ -199,11 +199,11 @@
       </div>
 
       <template #actions>
-        <PillButton label="Cancel" variant="gray" @click="closeBibleModal" />
+        <PillButton label="Cancel" variant="gray" @click="closeBibleTranslationsModal" />
         <PillButton
           label="Confirm selection"
           variant="green"
-          @click="confirmBibleChange"
+          @click="bibleTranslationChange"
         />
       </template>
     </LanguageModal>
@@ -248,7 +248,7 @@ const props = withDefaults(
 const emit = defineEmits<{
   remove: [item: LanguageTableItem];
   requestDeletion: [item: LanguageTableItem];
-  bibleChange: [
+  bibleTranslationChange: [
     item: LanguageTableItem,
     bibleVersionId: string,
     bibleVersionName: string,
@@ -269,7 +269,7 @@ const handlePageChange = (page: number) => {
 const openActionsLocale = ref<string | null>(null);
 const removeModalLocale = ref<string | null>(null);
 const requestDeletionModalLocale = ref<string | null>(null);
-const bibleModalLocale = ref<string | null>(null);
+const bibleTranslationsModalLocale = ref<string | null>(null);
 const selectedBibleVersion = ref<{ id: string; name: string } | null>(null);
 
 const toggleActions = (locale: string) => {
@@ -297,30 +297,30 @@ const confirmRequestDeletion = () => {
   requestDeletionModalLocale.value = null;
 };
 
-const openBibleModal = (item: LanguageTableItem) => {
+const openBibleTranslationsModal = (item: LanguageTableItem) => {
   openActionsLocale.value = null;
-  bibleModalLocale.value = item.locale;
+  bibleTranslationsModalLocale.value = item.locale;
   const current = BIBLE_VERSIONS.find(
     (v) => v.id === item.bibleVersionId || v.name === item.bibleLabel,
   );
   selectedBibleVersion.value = current ?? BIBLE_VERSIONS[0];
 };
 
-const closeBibleModal = () => {
-  bibleModalLocale.value = null;
+const closeBibleTranslationsModal = () => {
+  bibleTranslationsModalLocale.value = null;
 };
 
-const confirmBibleChange = () => {
-  const item = props.items.find((i) => i.locale === bibleModalLocale.value);
+const bibleTranslationChange = () => {
+  const item = props.items.find((i) => i.locale === bibleTranslationsModalLocale.value);
   if (item && selectedBibleVersion.value) {
     emit(
-      'bibleChange',
+      'bibleTranslationChange',
       item,
       selectedBibleVersion.value.id,
       selectedBibleVersion.value.name,
     );
   }
-  closeBibleModal();
+  closeBibleTranslationsModal();
 };
 
 const truncate = (s: string | null | undefined, max: number) => {

From 8b1f2c9352cc4f3e42668ed07ce0bfe33ada8c5b Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 06:42:19 +0300
Subject: [PATCH 44/99] refactor: replace LanguageModal with dedicated modals
 for language removal and request deletion, and update Bible translation modal
 integration

---
 .../languages/components/language-table.vue   | 145 +++---------------
 .../modals/bible-translations-modal.vue       | 130 ++++++++++++++++
 .../modals/remove-language-modal.vue          |  27 ++++
 .../modals/request-deletion-modal.vue         |  27 ++++
 4 files changed, 205 insertions(+), 124 deletions(-)
 create mode 100644 src/frontend/settings/languages/components/modals/bible-translations-modal.vue
 create mode 100644 src/frontend/settings/languages/components/modals/remove-language-modal.vue
 create mode 100644 src/frontend/settings/languages/components/modals/request-deletion-modal.vue

diff --git a/src/frontend/settings/languages/components/language-table.vue b/src/frontend/settings/languages/components/language-table.vue
index b8568d40..f396cada 100644
--- a/src/frontend/settings/languages/components/language-table.vue
+++ b/src/frontend/settings/languages/components/language-table.vue
@@ -100,113 +100,24 @@
       </tbody>
     </table>
 
-    <LanguageModal
+    <RemoveLanguageModal
       :open="removeModalLocale !== null"
-      title="Remove language"
-      message="Are you sure you want to remove this language? All your unpublished translation work will be lost."
       @close="removeModalLocale = null"
-    >
-      <template #actions>
-        <PillButton label="Cancel" variant="gray" @click="removeModalLocale = null" />
-        <PillButton label="Remove" variant="red" @click="confirmRemove" />
-      </template>
-    </LanguageModal>
+      @confirm="confirmRemove"
+    />
 
-    <LanguageModal
+    <RequestDeletionModal
       :open="requestDeletionModalLocale !== null"
-      title="Remove language"
-      message="Are you sure you want to request to remove this language? All your progress will be lost."
       @close="requestDeletionModalLocale = null"
-    >
-      <template #actions>
-        <PillButton
-          label="Cancel"
-          variant="gray"
-          @click="requestDeletionModalLocale = null"
-        />
-        <PillButton
-          label="Request removal"
-          variant="red"
-          @click="confirmRequestDeletion"
-        />
-      </template>
-    </LanguageModal>
+      @confirm="confirmRequestDeletion"
+    />
 
-    <LanguageModal
+    <BibleTranslationsModal
       :open="bibleTranslationsModalLocale !== null"
-      title="Change Bible translation"
+      :item="bibleTranslationsModalItem"
       @close="closeBibleTranslationsModal"
-    >
-      <div class="space-y-4 pb-[130px]">
-        <Listbox v-model="selectedBibleVersion" as="div" class="relative">
-          <ListboxButton
-            class="relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2.5 pl-3 pr-10 text-left text-sm text-gray-700 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
-          >
-            <span class="block truncate">
-              {{ selectedBibleVersion?.name ?? 'Select translation' }}
-            </span>
-            <span
-              class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2"
-            >
-              <Icon
-                name="chevron-down"
-                class="h-5 w-5 text-gray-400"
-                aria-hidden="true"
-              />
-            </span>
-          </ListboxButton>
-
-          <transition
-            leave-active-class="transition duration-100 ease-in"
-            leave-from-class="opacity-100"
-            leave-to-class="opacity-0"
-          >
-            <ListboxOptions
-              class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
-            >
-              <ListboxOption
-                v-for="version in BIBLE_VERSIONS"
-                :key="version.id"
-                v-slot="{ active, selected }"
-                :value="version"
-                as="template"
-              >
-                <li
-                  :class="[
-                    active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
-                    'relative cursor-default select-none py-2 pl-3 pr-9',
-                  ]"
-                >
-                  <span
-                    :class="[
-                      selected ? 'font-semibold' : 'font-normal',
-                      'block truncate',
-                    ]"
-                  >
-                    {{ version.name }}
-                  </span>
-                  <span
-                    v-if="selected"
-                    class="absolute inset-y-0 right-0 flex items-center pr-4 text-blue-600"
-                  >
-                    <Icon name="check" class="h-5 w-5" aria-hidden="true" />
-                  </span>
-                </li>
-              </ListboxOption>
-            </ListboxOptions>
-          </transition>
-        </Listbox>
-      </div>
-
-      <template #actions>
-        <PillButton label="Cancel" variant="gray" @click="closeBibleTranslationsModal" />
-        <PillButton
-          label="Confirm selection"
-          variant="green"
-          @click="bibleTranslationChange"
-        />
-      </template>
-    </LanguageModal>
+      @confirm="handleBibleTranslationConfirm"
+    />
 
     <Pagination
       :current-page="currentPage"
@@ -219,24 +130,16 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue';
-import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/vue';
 import Icon from '../../../shared/icon.vue';
 import Pagination from '../../../shared/pagination.vue';
-import PillButton from '../../../shared/pill-button.vue';
-import LanguageModal from './language-modal.vue';
+import RemoveLanguageModal from './modals/remove-language-modal.vue';
+import RequestDeletionModal from './modals/request-deletion-modal.vue';
+import BibleTranslationsModal from './modals/bible-translations-modal.vue';
 import type { LanguageTableItem } from '../../../../types';
 import MemberRow from './member-row.vue';
 import RingBlock from '../../../dashboard/ring-block.vue';
 import LangStrip from './language-strip.vue';
 
-const BIBLE_VERSIONS = [
-  { id: 'eng-ESV', name: 'English Standard Version' },
-  { id: 'eng-NIV', name: 'New International Version' },
-  { id: 'eng-NLT', name: 'New Living Translation' },
-  { id: 'eng-NASB', name: 'New American Standard Bible' },
-  { id: 'eng-KJV', name: 'King James Version' },
-] as const;
-
 const props = withDefaults(
   defineProps<{
     items: LanguageTableItem[];
@@ -270,7 +173,10 @@ const openActionsLocale = ref<string | null>(null);
 const removeModalLocale = ref<string | null>(null);
 const requestDeletionModalLocale = ref<string | null>(null);
 const bibleTranslationsModalLocale = ref<string | null>(null);
-const selectedBibleVersion = ref<{ id: string; name: string } | null>(null);
+
+const bibleTranslationsModalItem = computed(() =>
+  props.items.find((i) => i.locale === bibleTranslationsModalLocale.value) ?? null,
+);
 
 const toggleActions = (locale: string) => {
   openActionsLocale.value = openActionsLocale.value === locale ? null : locale;
@@ -300,25 +206,16 @@ const confirmRequestDeletion = () => {
 const openBibleTranslationsModal = (item: LanguageTableItem) => {
   openActionsLocale.value = null;
   bibleTranslationsModalLocale.value = item.locale;
-  const current = BIBLE_VERSIONS.find(
-    (v) => v.id === item.bibleVersionId || v.name === item.bibleLabel,
-  );
-  selectedBibleVersion.value = current ?? BIBLE_VERSIONS[0];
 };
 
 const closeBibleTranslationsModal = () => {
   bibleTranslationsModalLocale.value = null;
 };
 
-const bibleTranslationChange = () => {
-  const item = props.items.find((i) => i.locale === bibleTranslationsModalLocale.value);
-  if (item && selectedBibleVersion.value) {
-    emit(
-      'bibleTranslationChange',
-      item,
-      selectedBibleVersion.value.id,
-      selectedBibleVersion.value.name,
-    );
+const handleBibleTranslationConfirm = (bibleVersionId: string, bibleVersionName: string) => {
+  const item = bibleTranslationsModalItem.value;
+  if (item) {
+    emit('bibleTranslationChange', item, bibleVersionId, bibleVersionName);
   }
   closeBibleTranslationsModal();
 };
diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
new file mode 100644
index 00000000..cca4e43f
--- /dev/null
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -0,0 +1,130 @@
+<template>
+  <LanguageModal
+    :open="open"
+    title="Change Bible translation"
+    @close="handleClose"
+  >
+    <div class="space-y-4 pb-[130px]">
+      <Listbox v-model="selectedBibleVersion" as="div" class="relative">
+        <ListboxButton
+          class="relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2.5 pl-3 pr-10 text-left text-sm text-gray-700 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
+        >
+          <span class="block truncate">
+            {{ selectedBibleVersion?.name ?? 'Select translation' }}
+          </span>
+          <span
+            class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2"
+          >
+            <Icon
+              name="chevron-down"
+              class="h-5 w-5 text-gray-400"
+              aria-hidden="true"
+            />
+          </span>
+        </ListboxButton>
+
+        <transition
+          leave-active-class="transition duration-100 ease-in"
+          leave-from-class="opacity-100"
+          leave-to-class="opacity-0"
+        >
+          <ListboxOptions
+            class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
+          >
+            <ListboxOption
+              v-for="version in BIBLE_VERSIONS"
+              :key="version.id"
+              v-slot="{ active, selected }"
+              :value="version"
+              as="template"
+            >
+              <li
+                :class="[
+                  active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
+                  'relative cursor-default select-none py-2 pl-3 pr-9',
+                ]"
+              >
+                <span
+                  :class="[
+                    selected ? 'font-semibold' : 'font-normal',
+                    'block truncate',
+                  ]"
+                >
+                  {{ version.name }}
+                </span>
+                <span
+                  v-if="selected"
+                  class="absolute inset-y-0 right-0 flex items-center pr-4 text-blue-600"
+                >
+                  <Icon name="check" class="h-5 w-5" aria-hidden="true" />
+                </span>
+              </li>
+            </ListboxOption>
+          </ListboxOptions>
+        </transition>
+      </Listbox>
+    </div>
+
+    <template #actions>
+      <PillButton label="Cancel" variant="gray" @click="handleClose" />
+      <PillButton
+        label="Confirm selection"
+        variant="green"
+        @click="handleConfirm"
+      />
+    </template>
+  </LanguageModal>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue';
+import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/vue';
+import Icon from '../../../../shared/icon.vue';
+import LanguageModal from '../language-modal.vue';
+import PillButton from '../../../../shared/pill-button.vue';
+import type { LanguageTableItem } from '../../../../../types';
+
+const BIBLE_VERSIONS = [
+  { id: 'eng-ESV', name: 'English Standard Version' },
+  { id: 'eng-NIV', name: 'New International Version' },
+  { id: 'eng-NLT', name: 'New Living Translation' },
+  { id: 'eng-NASB', name: 'New American Standard Bible' },
+  { id: 'eng-KJV', name: 'King James Version' },
+] as const;
+
+const props = defineProps<{
+  open: boolean;
+  item: LanguageTableItem | null;
+}>();
+
+const emit = defineEmits<{
+  close: [];
+  confirm: [bibleVersionId: string, bibleVersionName: string];
+}>();
+
+const selectedBibleVersion = ref<{ id: string; name: string } | null>(null);
+
+watch(
+  () => [props.open, props.item] as const,
+  ([isOpen, item]) => {
+    if (isOpen && item) {
+      const current = BIBLE_VERSIONS.find(
+        (v) => v.id === item.bibleVersionId || v.name === item.bibleLabel,
+      );
+      selectedBibleVersion.value = current ?? BIBLE_VERSIONS[0];
+    }
+  },
+  { immediate: true },
+);
+
+const handleClose = () => {
+  emit('close');
+};
+
+const handleConfirm = () => {
+  if (selectedBibleVersion.value) {
+    emit('confirm', selectedBibleVersion.value.id, selectedBibleVersion.value.name);
+  }
+  emit('close');
+};
+</script>
diff --git a/src/frontend/settings/languages/components/modals/remove-language-modal.vue b/src/frontend/settings/languages/components/modals/remove-language-modal.vue
new file mode 100644
index 00000000..b397a3f2
--- /dev/null
+++ b/src/frontend/settings/languages/components/modals/remove-language-modal.vue
@@ -0,0 +1,27 @@
+<template>
+  <LanguageModal
+    :open="open"
+    title="Remove language"
+    message="Are you sure you want to remove this language? All your unpublished translation work will be lost."
+    @close="emit('close')"
+  >
+    <template #actions>
+      <PillButton label="Cancel" variant="gray" @click="emit('close')" />
+      <PillButton label="Remove" variant="red" @click="emit('confirm')" />
+    </template>
+  </LanguageModal>
+</template>
+
+<script setup lang="ts">
+import LanguageModal from '../language-modal.vue';
+import PillButton from '../../../../shared/pill-button.vue';
+
+defineProps<{
+  open: boolean;
+}>();
+
+const emit = defineEmits<{
+  close: [];
+  confirm: [];
+}>();
+</script>
diff --git a/src/frontend/settings/languages/components/modals/request-deletion-modal.vue b/src/frontend/settings/languages/components/modals/request-deletion-modal.vue
new file mode 100644
index 00000000..94058ee1
--- /dev/null
+++ b/src/frontend/settings/languages/components/modals/request-deletion-modal.vue
@@ -0,0 +1,27 @@
+<template>
+  <LanguageModal
+    :open="open"
+    title="Remove language"
+    message="Are you sure you want to request to remove this language? All your progress will be lost."
+    @close="emit('close')"
+  >
+    <template #actions>
+      <PillButton label="Cancel" variant="gray" @click="emit('close')" />
+      <PillButton label="Request removal" variant="red" @click="emit('confirm')" />
+    </template>
+  </LanguageModal>
+</template>
+
+<script setup lang="ts">
+import LanguageModal from '../language-modal.vue';
+import PillButton from '../../../../shared/pill-button.vue';
+
+defineProps<{
+  open: boolean;
+}>();
+
+const emit = defineEmits<{
+  close: [];
+  confirm: [];
+}>();
+</script>

From 93dcdca7db66bc2e684ba2c7b440868ecbbc2d55 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 06:49:48 +0300
Subject: [PATCH 45/99] refactor: update Bible translations modal to use new
 BibleVersion structure

---
 .../modals/bible-translations-modal.vue       | 78 +++++++++++--------
 1 file changed, 46 insertions(+), 32 deletions(-)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index cca4e43f..c116d8a4 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -1,25 +1,17 @@
 <template>
-  <LanguageModal
-    :open="open"
-    title="Change Bible translation"
-    @close="handleClose"
-  >
+  <LanguageModal :open="open" title="Bible translations available" @close="handleClose">
     <div class="space-y-4 pb-[130px]">
       <Listbox v-model="selectedBibleVersion" as="div" class="relative">
         <ListboxButton
           class="relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2.5 pl-3 pr-10 text-left text-sm text-gray-700 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
         >
           <span class="block truncate">
-            {{ selectedBibleVersion?.name ?? 'Select translation' }}
+            {{ selectedBibleVersion?.bibleLabel ?? 'Select translation' }}
           </span>
           <span
             class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2"
           >
-            <Icon
-              name="chevron-down"
-              class="h-5 w-5 text-gray-400"
-              aria-hidden="true"
-            />
+            <Icon name="chevron-down" class="h-5 w-5 text-gray-400" aria-hidden="true" />
           </span>
         </ListboxButton>
 
@@ -33,7 +25,7 @@
           >
             <ListboxOption
               v-for="version in BIBLE_VERSIONS"
-              :key="version.id"
+              :key="version.bibleVersionId"
               v-slot="{ active, selected }"
               :value="version"
               as="template"
@@ -45,12 +37,9 @@
                 ]"
               >
                 <span
-                  :class="[
-                    selected ? 'font-semibold' : 'font-normal',
-                    'block truncate',
-                  ]"
+                  :class="[selected ? 'font-semibold' : 'font-normal', 'block truncate']"
                 >
-                  {{ version.name }}
+                  {{ version.bibleLabel }}
                 </span>
                 <span
                   v-if="selected"
@@ -67,11 +56,7 @@
 
     <template #actions>
       <PillButton label="Cancel" variant="gray" @click="handleClose" />
-      <PillButton
-        label="Confirm selection"
-        variant="green"
-        @click="handleConfirm"
-      />
+      <PillButton label="Confirm selection" variant="green" @click="handleConfirm" />
     </template>
   </LanguageModal>
 </template>
@@ -82,14 +67,37 @@ import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headless
 import Icon from '../../../../shared/icon.vue';
 import LanguageModal from '../language-modal.vue';
 import PillButton from '../../../../shared/pill-button.vue';
-import type { LanguageTableItem } from '../../../../../types';
+import type { LanguageTableItem, LanguageSpecification } from '../../../../../types';
 
-const BIBLE_VERSIONS = [
-  { id: 'eng-ESV', name: 'English Standard Version' },
-  { id: 'eng-NIV', name: 'New International Version' },
-  { id: 'eng-NLT', name: 'New Living Translation' },
-  { id: 'eng-NASB', name: 'New American Standard Bible' },
-  { id: 'eng-KJV', name: 'King James Version' },
+const BIBLE_VERSIONS: Omit<
+  LanguageSpecification,
+  'language' | 'languageDirection' | 'locale'
+>[] = [
+  {
+    bibleVersion: 'English Standard Version',
+    bibleVersionId: 'de4e12af7f28f599-02',
+    bibleLabel: '(ESV) English Standard Version',
+  },
+  {
+    bibleVersion: 'New International Version',
+    bibleVersionId: 'de4e12af7f28f599-03',
+    bibleLabel: '(NIV) New International Version',
+  },
+  {
+    bibleVersion: 'New Living Translation',
+    bibleVersionId: 'de4e12af7f28f599-04',
+    bibleLabel: '(NLT) New Living Translation',
+  },
+  {
+    bibleVersion: 'New American Standard Bible',
+    bibleVersionId: 'de4e12af7f28f599-05',
+    bibleLabel: '(NASB) New American Standard Bible',
+  },
+  {
+    bibleVersion: 'King James Version',
+    bibleVersionId: 'de4e12af7f28f599-01',
+    bibleLabel: '(KJV) King James Version',
+  },
 ] as const;
 
 const props = defineProps<{
@@ -102,14 +110,16 @@ const emit = defineEmits<{
   confirm: [bibleVersionId: string, bibleVersionName: string];
 }>();
 
-const selectedBibleVersion = ref<{ id: string; name: string } | null>(null);
+type BibleVersion = (typeof BIBLE_VERSIONS)[number];
+const selectedBibleVersion = ref<BibleVersion | null>(null);
 
 watch(
   () => [props.open, props.item] as const,
   ([isOpen, item]) => {
     if (isOpen && item) {
       const current = BIBLE_VERSIONS.find(
-        (v) => v.id === item.bibleVersionId || v.name === item.bibleLabel,
+        (v) =>
+          v.bibleVersionId === item.bibleVersionId || v.bibleLabel === item.bibleLabel,
       );
       selectedBibleVersion.value = current ?? BIBLE_VERSIONS[0];
     }
@@ -123,7 +133,11 @@ const handleClose = () => {
 
 const handleConfirm = () => {
   if (selectedBibleVersion.value) {
-    emit('confirm', selectedBibleVersion.value.id, selectedBibleVersion.value.name);
+    emit(
+      'confirm',
+      selectedBibleVersion.value.bibleVersionId ?? '',
+      selectedBibleVersion.value.bibleLabel ?? '',
+    );
   }
   emit('close');
 };

From d4639cefd77f3f1b338409afefa600cf9c57cdcf Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 07:02:00 +0300
Subject: [PATCH 46/99] refactor: streamline Bible translations handling by
 integrating API call and state management in shared store

---
 .../modals/bible-translations-modal.vue       | 99 ++++++++++++-------
 .../settings/languages/languages-index.vue    | 55 +----------
 src/frontend/store/shared.ts                  | 13 +++
 3 files changed, 80 insertions(+), 87 deletions(-)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index c116d8a4..571e4e1e 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -24,7 +24,7 @@
             class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           >
             <ListboxOption
-              v-for="version in BIBLE_VERSIONS"
+              v-for="version in shared.bibleTranslations"
               :key="version.bibleVersionId"
               v-slot="{ active, selected }"
               :value="version"
@@ -62,43 +62,23 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue';
+import { ref, watch, onMounted } from 'vue';
+import axios from 'axios';
+import { useWidgetsStore, useSharedStore } from '../../../../store';
 import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/vue';
 import Icon from '../../../../shared/icon.vue';
 import LanguageModal from '../language-modal.vue';
 import PillButton from '../../../../shared/pill-button.vue';
 import type { LanguageTableItem, LanguageSpecification } from '../../../../../types';
 
-const BIBLE_VERSIONS: Omit<
+const widgets = useWidgetsStore();
+const shared = useSharedStore();
+
+type BibleVersion = Omit<
   LanguageSpecification,
   'language' | 'languageDirection' | 'locale'
->[] = [
-  {
-    bibleVersion: 'English Standard Version',
-    bibleVersionId: 'de4e12af7f28f599-02',
-    bibleLabel: '(ESV) English Standard Version',
-  },
-  {
-    bibleVersion: 'New International Version',
-    bibleVersionId: 'de4e12af7f28f599-03',
-    bibleLabel: '(NIV) New International Version',
-  },
-  {
-    bibleVersion: 'New Living Translation',
-    bibleVersionId: 'de4e12af7f28f599-04',
-    bibleLabel: '(NLT) New Living Translation',
-  },
-  {
-    bibleVersion: 'New American Standard Bible',
-    bibleVersionId: 'de4e12af7f28f599-05',
-    bibleLabel: '(NASB) New American Standard Bible',
-  },
-  {
-    bibleVersion: 'King James Version',
-    bibleVersionId: 'de4e12af7f28f599-01',
-    bibleLabel: '(KJV) King James Version',
-  },
-] as const;
+>;
+const selectedBibleVersion = ref<BibleVersion | null>(null);
 
 const props = defineProps<{
   open: boolean;
@@ -110,18 +90,15 @@ const emit = defineEmits<{
   confirm: [bibleVersionId: string, bibleVersionName: string];
 }>();
 
-type BibleVersion = (typeof BIBLE_VERSIONS)[number];
-const selectedBibleVersion = ref<BibleVersion | null>(null);
-
 watch(
   () => [props.open, props.item] as const,
   ([isOpen, item]) => {
     if (isOpen && item) {
-      const current = BIBLE_VERSIONS.find(
+      const current = shared.bibleTranslations.find(
         (v) =>
           v.bibleVersionId === item.bibleVersionId || v.bibleLabel === item.bibleLabel,
       );
-      selectedBibleVersion.value = current ?? BIBLE_VERSIONS[0];
+      selectedBibleVersion.value = current ?? shared.bibleTranslations[0];
     }
   },
   { immediate: true },
@@ -141,4 +118,56 @@ const handleConfirm = () => {
   }
   emit('close');
 };
+
+const getBibleVersions = async (): Promise<
+  Array<{
+    name: string;
+    id: string;
+    abbreviation: string;
+    description: string;
+    language: string;
+  }>
+> => {
+  const apiKey = widgets.providers.scripture?.bibleApiKey;
+  if (!apiKey) {
+    return [];
+  }
+  try {
+    const res = await axios.get('https://api.scripture.api.bible/v1/bibles', {
+      headers: { 'api-key': apiKey },
+    });
+    const { data } = res.data;
+    return (data ?? []).map((item: Record<string, unknown>) => ({
+      name: item.name,
+      id: item.id,
+      abbreviation: item.abbreviation,
+      description: item.description,
+      language: (item.language as { name?: string })?.name ?? '',
+    }));
+  } catch (err) {
+    console.error('getBibleVersions failed:', err);
+    return [];
+  }
+};
+
+onMounted(async () => {
+  const versions = await getBibleVersions();
+  shared.setBibleTranslations(transformBibleVersions(versions));
+});
+
+const transformBibleVersions = (
+  versions: Array<{
+    name: string;
+    id: string;
+    abbreviation: string;
+    description: string;
+    language: string;
+  }>,
+): Omit<LanguageSpecification, 'language' | 'languageDirection' | 'locale'>[] => {
+  return versions.map((version) => ({
+    bibleVersion: version.name,
+    bibleVersionId: version.id,
+    bibleLabel: `(${version.abbreviation}) ${version.name}`,
+  }));
+};
 </script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index 14141240..b7315324 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -53,9 +53,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue';
+import { ref, computed } from 'vue';
 import { router } from '@inertiajs/vue3';
-import axios from 'axios';
 import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
 import Icon from '../../shared/icon.vue';
@@ -65,12 +64,12 @@ import LanguagesTable from './components/language-table.vue';
 import RequestAppUpdateModal from './components/request-app-update-modal.vue';
 import RequestFeedbackModal from './components/request-feedback-modal.vue';
 import type { LanguageTableItem, LanguagesProps, SharedPageProps } from '../../../types';
-import { useSharedStore, useWidgetsStore } from '../../store';
+import { useSharedStore } from '../../store';
 
 const props = defineProps<LanguagesProps & SharedPageProps>();
 
 const shared = useSharedStore();
-const widgets = useWidgetsStore();
+
 shared.setFromProps(props);
 shared.setCurrentStoryName('');
 
@@ -104,52 +103,4 @@ const handleRequestDeletion = (_item: LanguageTableItem) => {
 };
 
 const items = computed(() => props.languageItems ?? []);
-
-function getBibleVersions(): Promise<
-  Array<{
-    name: string; // "World English Bible"
-    id: string; // "de4e12af7f28f599-01"
-    abbreviation: string; // "engWEBUS"
-    description: string; // "Orthodox"
-    language: string; // "English"
-  }>
-> {
-  const apiKey = widgets.providers.scripture?.bibleApiKey;
-  if (!apiKey) {
-    return Promise.resolve([]);
-  }
-  return axios
-    .get('https://api.scripture.api.bible/v1/bibles', {
-      headers: { 'api-key': apiKey },
-    })
-    .then((res) => {
-      const { data } = res.data;
-      return (data ?? []).map((item: Record<string, unknown>) => ({
-        name: item.name,
-        id: item.id,
-        abbreviation: item.abbreviation,
-        description: item.description,
-        language: (item.language as { name?: string })?.name ?? '',
-      }));
-    })
-    .catch((err) => {
-      console.error('getBibleVersions failed:', err);
-      return [];
-    });
-}
-
-onMounted(async () => {
-  const versions = await getBibleVersions();
-
-  /*
-  {
-    name: 'King James Version',
-    id: 'de4e12af7f28f599-01',
-    abbreviation: 'KJV',
-    description: 'King James Version',
-    language: 'English',
-  }
-  */
-  console.log(versions);
-});
 </script>
diff --git a/src/frontend/store/shared.ts b/src/frontend/store/shared.ts
index d00f3eca..6e3fbf6f 100644
--- a/src/frontend/store/shared.ts
+++ b/src/frontend/store/shared.ts
@@ -177,6 +177,16 @@ export const useSharedStore = defineStore('shared', () => {
     sourceSectionWidth.value = value;
   };
 
+  // bible translations
+  const bibleTranslations = ref<
+    Omit<LanguageSpecification, 'language' | 'languageDirection' | 'locale'>[]
+  >([]);
+  const setBibleTranslations = (
+    value: Omit<LanguageSpecification, 'language' | 'languageDirection' | 'locale'>[],
+  ) => {
+    bibleTranslations.value = value;
+  };
+
   return {
     exclude,
     meta,
@@ -239,5 +249,8 @@ export const useSharedStore = defineStore('shared', () => {
 
     sourceSectionWidth,
     setSourceSectionWidth,
+
+    bibleTranslations,
+    setBibleTranslations,
   };
 });

From dded727298e7bb1f3afea06da1b51e16191e14bb Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 07:02:48 +0300
Subject: [PATCH 47/99] refactor: define APIBibleVersion type for improved type
 safety in getBibleVersions function

---
 .../modals/bible-translations-modal.vue        | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index 571e4e1e..4f2b19df 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -119,15 +119,15 @@ const handleConfirm = () => {
   emit('close');
 };
 
-const getBibleVersions = async (): Promise<
-  Array<{
-    name: string;
-    id: string;
-    abbreviation: string;
-    description: string;
-    language: string;
-  }>
-> => {
+type APIBibleVersion = {
+  name: string;
+  id: string;
+  abbreviation: string;
+  description: string;
+  language: string;
+};
+
+const getBibleVersions = async (): Promise<Array<APIBibleVersion>> => {
   const apiKey = widgets.providers.scripture?.bibleApiKey;
   if (!apiKey) {
     return [];

From ecafc2b0fd576418ba84ffbbd2db2daee4c57fab Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 07:03:05 +0300
Subject: [PATCH 48/99] refactor: update transformBibleVersions function to
 utilize APIBibleVersion type for enhanced type safety

---
 .../components/modals/bible-translations-modal.vue        | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index 4f2b19df..4e6e7c14 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -156,13 +156,7 @@ onMounted(async () => {
 });
 
 const transformBibleVersions = (
-  versions: Array<{
-    name: string;
-    id: string;
-    abbreviation: string;
-    description: string;
-    language: string;
-  }>,
+  versions: Array<APIBibleVersion>,
 ): Omit<LanguageSpecification, 'language' | 'languageDirection' | 'locale'>[] => {
   return versions.map((version) => ({
     bibleVersion: version.name,

From 0dfd23a0ccfaf2760770836c4e2e1516c9a579e4 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 07:04:59 +0300
Subject: [PATCH 49/99] refator: add loading state

---
 .../modals/bible-translations-modal.vue       | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index 4e6e7c14..c2ae0007 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -1,7 +1,10 @@
 <template>
   <LanguageModal :open="open" title="Bible translations available" @close="handleClose">
     <div class="space-y-4 pb-[130px]">
-      <Listbox v-model="selectedBibleVersion" as="div" class="relative">
+      <div v-if="isLoading" class="flex items-center justify-center py-12">
+        <span class="text-sm text-gray-500">Loading translations…</span>
+      </div>
+      <Listbox v-else v-model="selectedBibleVersion" as="div" class="relative">
         <ListboxButton
           class="relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2.5 pl-3 pr-10 text-left text-sm text-gray-700 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
         >
@@ -56,7 +59,12 @@
 
     <template #actions>
       <PillButton label="Cancel" variant="gray" @click="handleClose" />
-      <PillButton label="Confirm selection" variant="green" @click="handleConfirm" />
+      <PillButton
+        label="Confirm selection"
+        variant="green"
+        :disabled="isLoading"
+        @click="handleConfirm"
+      />
     </template>
   </LanguageModal>
 </template>
@@ -79,6 +87,7 @@ type BibleVersion = Omit<
   'language' | 'languageDirection' | 'locale'
 >;
 const selectedBibleVersion = ref<BibleVersion | null>(null);
+const isLoading = ref(false);
 
 const props = defineProps<{
   open: boolean;
@@ -151,8 +160,13 @@ const getBibleVersions = async (): Promise<Array<APIBibleVersion>> => {
 };
 
 onMounted(async () => {
-  const versions = await getBibleVersions();
-  shared.setBibleTranslations(transformBibleVersions(versions));
+  isLoading.value = true;
+  try {
+    const versions = await getBibleVersions();
+    shared.setBibleTranslations(transformBibleVersions(versions));
+  } finally {
+    isLoading.value = false;
+  }
 });
 
 const transformBibleVersions = (

From 02b22534858bcb6a6af9b6c6d2bbbb4abca6e475 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 07:14:06 +0300
Subject: [PATCH 50/99] refactor: enhance Bible translations modal with error
 handling and loading spinner

---
 .../modals/bible-translations-modal.vue       | 24 +++++++++++++++----
 src/frontend/shared/icon.vue                  | 23 ++++++++++++++++++
 2 files changed, 43 insertions(+), 4 deletions(-)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index c2ae0007..86d7c542 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -1,8 +1,20 @@
 <template>
   <LanguageModal :open="open" title="Bible translations available" @close="handleClose">
     <div class="space-y-4 pb-[130px]">
-      <div v-if="isLoading" class="flex items-center justify-center py-12">
-        <span class="text-sm text-gray-500">Loading translations…</span>
+      <div
+        v-if="isLoading || hasError"
+        class="flex min-h-[160px] flex-col items-center justify-center gap-3"
+      >
+        <div v-if="isLoading" class="flex items-center gap-3">
+          <Icon name="spinner" class="size-5 text-blue-500" />
+          <span class="text-sm text-gray-600">Getting translations…</span>
+        </div>
+        <div v-else class="flex flex-col items-center gap-2 text-center">
+          <span class="text-sm text-red-600">Failed to load translations.</span>
+          <span class="text-xs text-gray-500"
+            >Please check your connection and try again.</span
+          >
+        </div>
       </div>
       <Listbox v-else v-model="selectedBibleVersion" as="div" class="relative">
         <ListboxButton
@@ -62,7 +74,7 @@
       <PillButton
         label="Confirm selection"
         variant="green"
-        :disabled="isLoading"
+        :disabled="isLoading || hasError"
         @click="handleConfirm"
       />
     </template>
@@ -88,6 +100,7 @@ type BibleVersion = Omit<
 >;
 const selectedBibleVersion = ref<BibleVersion | null>(null);
 const isLoading = ref(false);
+const hasError = ref(false);
 
 const props = defineProps<{
   open: boolean;
@@ -155,15 +168,18 @@ const getBibleVersions = async (): Promise<Array<APIBibleVersion>> => {
     }));
   } catch (err) {
     console.error('getBibleVersions failed:', err);
-    return [];
+    throw err;
   }
 };
 
 onMounted(async () => {
   isLoading.value = true;
+  hasError.value = false;
   try {
     const versions = await getBibleVersions();
     shared.setBibleTranslations(transformBibleVersions(versions));
+  } catch {
+    hasError.value = true;
   } finally {
     isLoading.value = false;
   }
diff --git a/src/frontend/shared/icon.vue b/src/frontend/shared/icon.vue
index 3340e042..91c377f2 100644
--- a/src/frontend/shared/icon.vue
+++ b/src/frontend/shared/icon.vue
@@ -11,6 +11,29 @@
       <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
     </svg>
 
+    <svg
+      v-if="name == 'spinner'"
+      class="animate-spin"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      aria-hidden="true"
+    >
+      <circle
+        class="opacity-25"
+        cx="12"
+        cy="12"
+        r="10"
+        stroke="currentColor"
+        stroke-width="4"
+      />
+      <path
+        class="opacity-75"
+        fill="currentColor"
+        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+      />
+    </svg>
+
     <svg
       v-if="name == 'minus'"
       xmlns="http://www.w3.org/2000/svg"

From 22a08b0b3ce30ae1cdd4c58888a49157fb4b7fb3 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 07:21:28 +0300
Subject: [PATCH 51/99] refactor: update transformBibleVersions function to
 return an array of BibleVersion objects for improved clarity

---
 .../languages/components/modals/bible-translations-modal.vue    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index 86d7c542..e68fb765 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -187,7 +187,7 @@ onMounted(async () => {
 
 const transformBibleVersions = (
   versions: Array<APIBibleVersion>,
-): Omit<LanguageSpecification, 'language' | 'languageDirection' | 'locale'>[] => {
+): Array<BibleVersion> => {
   return versions.map((version) => ({
     bibleVersion: version.name,
     bibleVersionId: version.id,

From 45988e4fa478330092073329fce9f021a0dc424e Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 07:25:14 +0300
Subject: [PATCH 52/99] refactor: simplify BibleVersion type and enhance
 default selection logic in Bible translations modal

---
 .../components/modals/bible-translations-modal.vue       | 9 ++++-----
 src/frontend/store/shared.ts                             | 4 ++--
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index e68fb765..bcb0c057 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -94,10 +94,7 @@ import type { LanguageTableItem, LanguageSpecification } from '../../../../../ty
 const widgets = useWidgetsStore();
 const shared = useSharedStore();
 
-type BibleVersion = Omit<
-  LanguageSpecification,
-  'language' | 'languageDirection' | 'locale'
->;
+type BibleVersion = Omit<LanguageSpecification, 'languageDirection' | 'locale'>;
 const selectedBibleVersion = ref<BibleVersion | null>(null);
 const isLoading = ref(false);
 const hasError = ref(false);
@@ -120,7 +117,8 @@ watch(
         (v) =>
           v.bibleVersionId === item.bibleVersionId || v.bibleLabel === item.bibleLabel,
       );
-      selectedBibleVersion.value = current ?? shared.bibleTranslations[0];
+      selectedBibleVersion.value =
+        current ?? shared.bibleTranslations[0] ?? null;
     }
   },
   { immediate: true },
@@ -189,6 +187,7 @@ const transformBibleVersions = (
   versions: Array<APIBibleVersion>,
 ): Array<BibleVersion> => {
   return versions.map((version) => ({
+    language: version.language,
     bibleVersion: version.name,
     bibleVersionId: version.id,
     bibleLabel: `(${version.abbreviation}) ${version.name}`,
diff --git a/src/frontend/store/shared.ts b/src/frontend/store/shared.ts
index 6e3fbf6f..0c600986 100644
--- a/src/frontend/store/shared.ts
+++ b/src/frontend/store/shared.ts
@@ -179,10 +179,10 @@ export const useSharedStore = defineStore('shared', () => {
 
   // bible translations
   const bibleTranslations = ref<
-    Omit<LanguageSpecification, 'language' | 'languageDirection' | 'locale'>[]
+    Omit<LanguageSpecification, 'languageDirection' | 'locale'>[]
   >([]);
   const setBibleTranslations = (
-    value: Omit<LanguageSpecification, 'language' | 'languageDirection' | 'locale'>[],
+    value: Omit<LanguageSpecification, 'languageDirection' | 'locale'>[],
   ) => {
     bibleTranslations.value = value;
   };

From 43b58c1ec3d7c97380372ef579087bb153746fb8 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 07:30:03 +0300
Subject: [PATCH 53/99] refactor: improve error handling in Bible translations
 modal by displaying specific error messages

---
 .../components/modals/bible-translations-modal.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index bcb0c057..a75a2ddd 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -11,9 +11,7 @@
         </div>
         <div v-else class="flex flex-col items-center gap-2 text-center">
           <span class="text-sm text-red-600">Failed to load translations.</span>
-          <span class="text-xs text-gray-500"
-            >Please check your connection and try again.</span
-          >
+          <span class="text-xs text-gray-500">{{ errorMessage }}</span>
         </div>
       </div>
       <Listbox v-else v-model="selectedBibleVersion" as="div" class="relative">
@@ -83,7 +81,7 @@
 
 <script setup lang="ts">
 import { ref, watch, onMounted } from 'vue';
-import axios from 'axios';
+import axios, { AxiosError } from 'axios';
 import { useWidgetsStore, useSharedStore } from '../../../../store';
 import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/vue';
 import Icon from '../../../../shared/icon.vue';
@@ -98,6 +96,7 @@ type BibleVersion = Omit<LanguageSpecification, 'languageDirection' | 'locale'>;
 const selectedBibleVersion = ref<BibleVersion | null>(null);
 const isLoading = ref(false);
 const hasError = ref(false);
+const errorMessage = ref('');
 
 const props = defineProps<{
   open: boolean;
@@ -117,8 +116,7 @@ watch(
         (v) =>
           v.bibleVersionId === item.bibleVersionId || v.bibleLabel === item.bibleLabel,
       );
-      selectedBibleVersion.value =
-        current ?? shared.bibleTranslations[0] ?? null;
+      selectedBibleVersion.value = current ?? shared.bibleTranslations[0] ?? null;
     }
   },
   { immediate: true },
@@ -165,7 +163,9 @@ const getBibleVersions = async (): Promise<Array<APIBibleVersion>> => {
       language: (item.language as { name?: string })?.name ?? '',
     }));
   } catch (err) {
-    console.error('getBibleVersions failed:', err);
+    errorMessage.value =
+      (err as AxiosError<{ message: string }>).response?.data?.message ??
+      'Failed to load translations. Please try again later.';
     throw err;
   }
 };

From 40fb66790c42256b4b8aa47e1ee69f3000799fe9 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 07:53:52 +0300
Subject: [PATCH 54/99] refactor: filter languages based on the prop

---
 .../modals/bible-translations-modal.vue       | 37 +++++++++++--------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index a75a2ddd..d33af959 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -37,7 +37,7 @@
             class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           >
             <ListboxOption
-              v-for="version in shared.bibleTranslations"
+              v-for="version in currentBibleTranslations"
               :key="version.bibleVersionId"
               v-slot="{ active, selected }"
               :value="version"
@@ -80,7 +80,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, onMounted } from 'vue';
+import { ref, watch, onMounted, computed } from 'vue';
 import axios, { AxiosError } from 'axios';
 import { useWidgetsStore, useSharedStore } from '../../../../store';
 import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/vue';
@@ -112,11 +112,14 @@ watch(
   () => [props.open, props.item] as const,
   ([isOpen, item]) => {
     if (isOpen && item) {
-      const current = shared.bibleTranslations.find(
+      const filtered = shared.bibleTranslations.filter(
+        (v) => v.language === item.language,
+      );
+      const current = filtered.find(
         (v) =>
           v.bibleVersionId === item.bibleVersionId || v.bibleLabel === item.bibleLabel,
       );
-      selectedBibleVersion.value = current ?? shared.bibleTranslations[0] ?? null;
+      selectedBibleVersion.value = current ?? filtered[0] ?? null;
     }
   },
   { immediate: true },
@@ -170,6 +173,21 @@ const getBibleVersions = async (): Promise<Array<APIBibleVersion>> => {
   }
 };
 
+const transformBibleVersions = (
+  versions: Array<APIBibleVersion>,
+): Array<BibleVersion> => {
+  return versions.map((version) => ({
+    language: version.language,
+    bibleVersion: version.name,
+    bibleVersionId: version.id,
+    bibleLabel: `(${version.abbreviation}) ${version.name}`,
+  }));
+};
+
+const currentBibleTranslations = computed(() => {
+  return shared.bibleTranslations.filter((v) => v.language === props.item?.language);
+});
+
 onMounted(async () => {
   isLoading.value = true;
   hasError.value = false;
@@ -182,15 +200,4 @@ onMounted(async () => {
     isLoading.value = false;
   }
 });
-
-const transformBibleVersions = (
-  versions: Array<APIBibleVersion>,
-): Array<BibleVersion> => {
-  return versions.map((version) => ({
-    language: version.language,
-    bibleVersion: version.name,
-    bibleVersionId: version.id,
-    bibleLabel: `(${version.abbreviation}) ${version.name}`,
-  }));
-};
 </script>

From 47946b0abcffbf65b9f02c2a987989603ab2838d Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 07:56:11 +0300
Subject: [PATCH 55/99] refactor: add no translations available message and
 update button state in Bible translations modal

---
 .../components/modals/bible-translations-modal.vue        | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index d33af959..d5b94bca 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -14,6 +14,12 @@
           <span class="text-xs text-gray-500">{{ errorMessage }}</span>
         </div>
       </div>
+      <div
+        v-else-if="currentBibleTranslations.length === 0"
+        class="flex min-h-[160px] flex-col items-center justify-center gap-2 text-center"
+      >
+        <span class="text-sm text-gray-600">No Bible translations available for this language.</span>
+      </div>
       <Listbox v-else v-model="selectedBibleVersion" as="div" class="relative">
         <ListboxButton
           class="relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2.5 pl-3 pr-10 text-left text-sm text-gray-700 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
@@ -72,7 +78,7 @@
       <PillButton
         label="Confirm selection"
         variant="green"
-        :disabled="isLoading || hasError"
+        :disabled="isLoading || hasError || currentBibleTranslations.length === 0"
         @click="handleConfirm"
       />
     </template>

From eceaccbbfc5ceb082b458a8131443b74596d514d Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 07:58:26 +0300
Subject: [PATCH 56/99] refactor: optimize loading logic in Bible translations
 modal to prevent unnecessary API calls

---
 .../languages/components/modals/bible-translations-modal.vue   | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index d5b94bca..03f1c11b 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -195,6 +195,9 @@ const currentBibleTranslations = computed(() => {
 });
 
 onMounted(async () => {
+  if (shared.bibleTranslations.length > 0) {
+    return;
+  }
   isLoading.value = true;
   hasError.value = false;
   try {

From e3240515c7fd7cc9cb90426807be781bea476d2c Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 08:12:31 +0300
Subject: [PATCH 57/99] refactor: implement language matching logic to enhance
 Bible translations filtering

---
 .../modals/bible-translations-modal.vue       | 14 +++++---
 src/frontend/shared/helpers.ts                | 13 +++++++
 src/frontend/test/mocks.ts                    | 24 ++++++++++++-
 tests/unit/languageMatches.spec.ts            | 36 +++++++++++++++++++
 4 files changed, 82 insertions(+), 5 deletions(-)
 create mode 100644 tests/unit/languageMatches.spec.ts

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index 03f1c11b..abb3783c 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -18,7 +18,9 @@
         v-else-if="currentBibleTranslations.length === 0"
         class="flex min-h-[160px] flex-col items-center justify-center gap-2 text-center"
       >
-        <span class="text-sm text-gray-600">No Bible translations available for this language.</span>
+        <span class="text-sm text-gray-600"
+          >No Bible translations available for this language.</span
+        >
       </div>
       <Listbox v-else v-model="selectedBibleVersion" as="div" class="relative">
         <ListboxButton
@@ -93,6 +95,7 @@ import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headless
 import Icon from '../../../../shared/icon.vue';
 import LanguageModal from '../language-modal.vue';
 import PillButton from '../../../../shared/pill-button.vue';
+import { languageMatches } from '../../../../shared/helpers';
 import type { LanguageTableItem, LanguageSpecification } from '../../../../../types';
 
 const widgets = useWidgetsStore();
@@ -118,8 +121,8 @@ watch(
   () => [props.open, props.item] as const,
   ([isOpen, item]) => {
     if (isOpen && item) {
-      const filtered = shared.bibleTranslations.filter(
-        (v) => v.language === item.language,
+      const filtered = shared.bibleTranslations.filter((v) =>
+        languageMatches(item.language, v.language),
       );
       const current = filtered.find(
         (v) =>
@@ -191,7 +194,10 @@ const transformBibleVersions = (
 };
 
 const currentBibleTranslations = computed(() => {
-  return shared.bibleTranslations.filter((v) => v.language === props.item?.language);
+  const itemLanguage = props.item?.language ?? '';
+  return shared.bibleTranslations.filter((v) =>
+    languageMatches(itemLanguage, v.language),
+  );
 });
 
 onMounted(async () => {
diff --git a/src/frontend/shared/helpers.ts b/src/frontend/shared/helpers.ts
index 4b5d29c7..2e3042ed 100644
--- a/src/frontend/shared/helpers.ts
+++ b/src/frontend/shared/helpers.ts
@@ -34,6 +34,19 @@ export const expandShortcuts = (text: string) => {
 
 export const padZero = (value: number): string => (value > 9 ? `${value}` : `0${value}`);
 
+/**
+ * Match stored language ("Arabic - عربى") with API language ("Arabic" or "Arabic, Sudanese Creole").
+ * Extracts the base name before " - " and checks for exact match or API dialect (comma/space suffix).
+ */
+export const languageMatches = (stored: string, api: string): boolean => {
+  const storedBase = stored.split(' - ')[0].trim();
+  return (
+    api === storedBase ||
+    api.startsWith(storedBase + ',') ||
+    api.startsWith(storedBase + ' ')
+  );
+};
+
 export const formatDate = (value: string): string => {
   const d = new Date(value);
   return `${padZero(d.getDate())}/${padZero(d.getMonth() + 1)}/${padZero(
diff --git a/src/frontend/test/mocks.ts b/src/frontend/test/mocks.ts
index 0964de46..43f11788 100644
--- a/src/frontend/test/mocks.ts
+++ b/src/frontend/test/mocks.ts
@@ -675,7 +675,7 @@ export const languageTableItems: LanguageTableItem[] = [
     ],
   },
   {
-    language: 'Arabic',
+    language: 'Arabic - عربى',
     languageDirection: 'rtl',
     locale: 'ar',
     bibleLabel: 'Smith & Van Dyke',
@@ -685,6 +685,28 @@ export const languageTableItems: LanguageTableItem[] = [
     ],
     teamMembers: [],
   },
+  {
+    language: 'Bengali - বাংলা',
+    languageDirection: 'ltr',
+    locale: 'bn',
+    bibleLabel: 'Bangla Bible',
+    translationProgress: [
+      { name: 'Interface', done: 25, draft: 0, total: 100 },
+      { name: 'Content', done: 50, draft: 0, total: 200 },
+    ],
+    teamMembers: [],
+  },
+  {
+    language: 'Chinese - 中文',
+    languageDirection: 'ltr',
+    locale: 'zh',
+    bibleLabel: 'Chinese Union Version',
+    translationProgress: [
+      { name: 'Interface', done: 25, draft: 0, total: 100 },
+      { name: 'Content', done: 50, draft: 0, total: 200 },
+    ],
+    teamMembers: [],
+  },
   {
     language: 'Portuguese',
     languageDirection: 'ltr',
diff --git a/tests/unit/languageMatches.spec.ts b/tests/unit/languageMatches.spec.ts
new file mode 100644
index 00000000..5743939c
--- /dev/null
+++ b/tests/unit/languageMatches.spec.ts
@@ -0,0 +1,36 @@
+import { test, expect } from '@playwright/test';
+
+import { languageMatches } from '../../src/frontend/shared/helpers';
+
+test.describe('languageMatches', () => {
+  test('exact match when stored is base name only', () => {
+    expect(languageMatches('Bengali', 'Bengali')).toBe(true);
+    expect(languageMatches('English', 'English')).toBe(true);
+  });
+
+  test('match stored format with native script to API base name', () => {
+    expect(languageMatches('Bengali - বাংলা', 'Bengali')).toBe(true);
+    expect(languageMatches('Arabic - عربى', 'Arabic')).toBe(true);
+    expect(languageMatches('English - English', 'English')).toBe(true);
+  });
+
+  test('match stored format to API dialect with comma', () => {
+    expect(languageMatches('Arabic - عربى', 'Arabic, Sudanese Creole')).toBe(true);
+  });
+
+  test('match stored format to API variant with space', () => {
+    expect(languageMatches('Arabic - عربى', 'Arabic Standard')).toBe(true);
+    expect(languageMatches('English - English', 'English, US')).toBe(true);
+  });
+
+  test('reject non-matching languages', () => {
+    expect(languageMatches('Bengali - বাংলা', 'Arabic')).toBe(false);
+    expect(languageMatches('Arabic - عربى', 'Bengali')).toBe(false);
+    expect(languageMatches('English', 'French')).toBe(false);
+  });
+
+  test('reject partial prefix match to avoid false positives', () => {
+    expect(languageMatches('Arab - test', 'Arabic')).toBe(false);
+    expect(languageMatches('Eng - test', 'English')).toBe(false);
+  });
+});

From 43e3bb7e8ad511e0c2ef553cff6c71d7551078ce Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 08:22:48 +0300
Subject: [PATCH 58/99] refactor: enhance language table with active languages
 header and description

---
 .../languages/components/language-table.vue       | 15 ++++++++++++---
 .../modals/bible-translations-modal.vue           |  2 +-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-table.vue b/src/frontend/settings/languages/components/language-table.vue
index f396cada..e679c0fa 100644
--- a/src/frontend/settings/languages/components/language-table.vue
+++ b/src/frontend/settings/languages/components/language-table.vue
@@ -1,4 +1,10 @@
 <template>
+  <div class="pb-6">
+    <h3 class="text-xl font-semibold leading-7 text-black">Active languages</h3>
+    <p class="text-sm font-normal leading-5 text-black">
+      You can manage your languages here.
+    </p>
+  </div>
   <div class="border-2 border-black/5 sm:rounded-lg">
     <table class="min-w-full divide-y divide-gray-300">
       <thead class="bg-gray-50 uppercase">
@@ -174,8 +180,8 @@ const removeModalLocale = ref<string | null>(null);
 const requestDeletionModalLocale = ref<string | null>(null);
 const bibleTranslationsModalLocale = ref<string | null>(null);
 
-const bibleTranslationsModalItem = computed(() =>
-  props.items.find((i) => i.locale === bibleTranslationsModalLocale.value) ?? null,
+const bibleTranslationsModalItem = computed(
+  () => props.items.find((i) => i.locale === bibleTranslationsModalLocale.value) ?? null,
 );
 
 const toggleActions = (locale: string) => {
@@ -212,7 +218,10 @@ const closeBibleTranslationsModal = () => {
   bibleTranslationsModalLocale.value = null;
 };
 
-const handleBibleTranslationConfirm = (bibleVersionId: string, bibleVersionName: string) => {
+const handleBibleTranslationConfirm = (
+  bibleVersionId: string,
+  bibleVersionName: string,
+) => {
   const item = bibleTranslationsModalItem.value;
   if (item) {
     emit('bibleTranslationChange', item, bibleVersionId, bibleVersionName);
diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
index abb3783c..d6b1d25d 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
@@ -42,7 +42,7 @@
           leave-to-class="opacity-0"
         >
           <ListboxOptions
-            class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
+            class="absolute z-10 my-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 pb-8 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           >
             <ListboxOption
               v-for="version in currentBibleTranslations"

From 1ea842d09fab3b347267d71859bf5b1a006b5589 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 08:28:36 +0300
Subject: [PATCH 59/99] refactor: integrate Bible translations modal

---
 .../languages/components/source-language.vue  | 37 +++++++++++++++++--
 .../settings/languages/languages-index.vue    | 12 +++++-
 src/frontend/shared/helpers.ts                |  7 ++--
 tests/unit/languageMatches.spec.ts            |  5 +++
 4 files changed, 54 insertions(+), 7 deletions(-)

diff --git a/src/frontend/settings/languages/components/source-language.vue b/src/frontend/settings/languages/components/source-language.vue
index 201a64e4..6c1628af 100644
--- a/src/frontend/settings/languages/components/source-language.vue
+++ b/src/frontend/settings/languages/components/source-language.vue
@@ -9,17 +9,48 @@
       </p>
     </div>
     <div class="flex flex-col items-center justify-center px-4">
-      <button>
+      <button
+        type="button"
+        class="cursor-pointer text-gray-400 hover:text-gray-600"
+        @click="showBibleTranslationsModal = true"
+      >
         <Icon name="dots-vertical" class="size-5" />
       </button>
     </div>
   </div>
+
+  <BibleTranslationsModal
+    :open="showBibleTranslationsModal"
+    :item="specAsItem"
+    @close="showBibleTranslationsModal = false"
+    @confirm="handleBibleTranslationConfirm"
+  />
 </template>
 
 <script setup lang="ts">
+import { ref, computed } from 'vue';
 import Icon from '../../../shared/icon.vue';
 import LangStrip from './language-strip.vue';
-import type { LanguageSpecification } from '../../../../types';
+import BibleTranslationsModal from './modals/bible-translations-modal.vue';
+import type { LanguageSpecification, LanguageTableItem } from '../../../../types';
+
+const props = defineProps<{ spec: LanguageSpecification }>();
+
+const emit = defineEmits<{
+  bibleTranslationChange: [bibleVersionId: string, bibleVersionName: string];
+}>();
+
+const showBibleTranslationsModal = ref(false);
+
+const specAsItem = computed<LanguageTableItem | null>(() =>
+  props.spec ? ({ ...props.spec } as LanguageTableItem) : null,
+);
 
-defineProps<{ spec: LanguageSpecification }>();
+const handleBibleTranslationConfirm = (
+  bibleVersionId: string,
+  bibleVersionName: string,
+) => {
+  emit('bibleTranslationChange', bibleVersionId, bibleVersionName);
+  showBibleTranslationsModal.value = false;
+};
 </script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index b7315324..ff7a6f9e 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -28,7 +28,10 @@
         </template>
       </ContentHeader>
     </template>
-    <SourceLang :spec="sourceLanguage" />
+    <SourceLang
+      :spec="sourceLanguage"
+      @bible-translation-change="handleBibleTranslationChange"
+    />
     <div class="mt-14">
       <LanguagesTable
         :items="items"
@@ -103,4 +106,11 @@ const handleRequestDeletion = (_item: LanguageTableItem) => {
 };
 
 const items = computed(() => props.languageItems ?? []);
+
+const handleBibleTranslationChange = (
+  bibleVersionId: string,
+  bibleVersionName: string,
+) => {
+  console.log('bible translation change', bibleVersionId, bibleVersionName);
+};
 </script>
diff --git a/src/frontend/shared/helpers.ts b/src/frontend/shared/helpers.ts
index 2e3042ed..21b5bd6f 100644
--- a/src/frontend/shared/helpers.ts
+++ b/src/frontend/shared/helpers.ts
@@ -35,11 +35,12 @@ export const expandShortcuts = (text: string) => {
 export const padZero = (value: number): string => (value > 9 ? `${value}` : `0${value}`);
 
 /**
- * Match stored language ("Arabic - عربى") with API language ("Arabic" or "Arabic, Sudanese Creole").
- * Extracts the base name before " - " and checks for exact match or API dialect (comma/space suffix).
+ * Match stored language to API language.
+ * Handles stored formats: "Bengali - বাংলা", "Arabic - عربى", "English | American".
+ * API returns: "Bengali", "Arabic, Sudanese Creole", "English".
  */
 export const languageMatches = (stored: string, api: string): boolean => {
-  const storedBase = stored.split(' - ')[0].trim();
+  const storedBase = stored.split(/\s*-\s*|\s*\|\s*/)[0].trim();
   return (
     api === storedBase ||
     api.startsWith(storedBase + ',') ||
diff --git a/tests/unit/languageMatches.spec.ts b/tests/unit/languageMatches.spec.ts
index 5743939c..3e396dee 100644
--- a/tests/unit/languageMatches.spec.ts
+++ b/tests/unit/languageMatches.spec.ts
@@ -14,6 +14,11 @@ test.describe('languageMatches', () => {
     expect(languageMatches('English - English', 'English')).toBe(true);
   });
 
+  test('match stored format with pipe separator (e.g. source language)', () => {
+    expect(languageMatches('English | American', 'English')).toBe(true);
+    expect(languageMatches('English | American', 'English, American Standard')).toBe(true);
+  });
+
   test('match stored format to API dialect with comma', () => {
     expect(languageMatches('Arabic - عربى', 'Arabic, Sudanese Creole')).toBe(true);
   });

From 9b07b433ed912a6363916ec22e8c3abc033eb42f Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 08:32:02 +0300
Subject: [PATCH 60/99] refactor: adjust button size and streamline request
 language button in language list

---
 src/frontend/settings/languages/language-list.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
index 36a5a43a..eb62af38 100644
--- a/src/frontend/settings/languages/language-list.vue
+++ b/src/frontend/settings/languages/language-list.vue
@@ -5,7 +5,7 @@
         <li v-for="letter in letters" :key="letter">
           <button
             type="button"
-            class="flex size-8 shrink-0 items-center justify-center rounded-full p-0 text-sm text-gray-500"
+            class="flex size-7 shrink-0 items-center justify-center rounded-full p-0 text-sm text-gray-500"
             :class="{ 'bg-blue-100': letterFilter === letter }"
             @click="handleLetterFilter(letter)"
           >
@@ -68,11 +68,7 @@
           You’re going to the ends of the earth! We couldn’t find that language in our
           system...yet. If you’d like us to add it, please contact us.
         </p>
-        <PillButton
-          label="Request Language"
-          variant="blue"
-          class="my-8"
-        />
+        <PillButton label="Request Language" variant="blue" class="my-8" />
       </div>
     </div>
   </div>

From c6ffa1a72f54114197467fa3af5c8ccffbcea107 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 10:23:40 +0300
Subject: [PATCH 61/99] refactor: export language index template

---
 src/frontend/index.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/frontend/index.ts b/src/frontend/index.ts
index c5c89165..c2cf5775 100644
--- a/src/frontend/index.ts
+++ b/src/frontend/index.ts
@@ -23,6 +23,7 @@ import ImageField from './fields/image-field.vue';
 import IndexCard from './stories/components/index-card.vue';
 import IndexFilter from './shared/index-filter.vue';
 import LabelButton from './shared/label-button.vue';
+import LanguageIndex from './settings/languages/languages-index.vue';
 import ListField from './fields/list-field.vue';
 import ListSwitcher from './shared/list-switcher.vue';
 import Login from './auth/login-index.vue';
@@ -91,6 +92,7 @@ export {
   IndexCard,
   IndexFilter,
   LabelButton,
+  LanguageIndex,
   ListField,
   ListSwitcher,
   Login,

From 27f6cb22442f02d08a8ff360312ce7a41a05bf23 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 10:39:32 +0300
Subject: [PATCH 62/99] feat: add settings icon and link to sidebar

---
 src/frontend/shared/icon.vue    | 16 ++++++++++++++++
 src/frontend/shared/sidebar.vue |  4 ++++
 2 files changed, 20 insertions(+)

diff --git a/src/frontend/shared/icon.vue b/src/frontend/shared/icon.vue
index 91c377f2..dd720265 100644
--- a/src/frontend/shared/icon.vue
+++ b/src/frontend/shared/icon.vue
@@ -11,6 +11,22 @@
       <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
     </svg>
 
+    <svg
+      v-if="name == 'settings'"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10.2124 3.80552C10.6672 1.93201 13.3318 1.93201 13.7866 3.80552C14.0804 5.01568 15.4672 5.59003 16.5307 4.94224C18.1771 3.93908 20.0612 5.8232 19.0581 7.46958C18.4103 8.53306 18.9847 9.91891 20.1948 10.2127C22.0683 10.6676 22.0682 13.3321 20.1948 13.787C18.9846 14.0808 18.4102 15.4676 19.0581 16.5311C20.0612 18.1775 18.1771 20.0616 16.5307 19.0585C15.4672 18.4106 14.0804 18.985 13.7866 20.1952C13.3317 22.0686 10.6672 22.0686 10.2124 20.1952C9.91854 18.9851 8.53269 18.4107 7.46922 19.0585C5.82284 20.0616 3.93872 18.1775 4.94187 16.5311C5.58966 15.4676 5.01531 14.0808 3.80515 13.787C1.93165 13.3321 1.93165 10.6676 3.80515 10.2127C5.01515 9.91885 5.58954 8.53302 4.94187 7.46958C3.93872 5.8232 5.82284 3.93908 7.46922 4.94224C8.53265 5.58991 9.91849 5.01551 10.2124 3.80552ZM11.9995 8.40025C10.0116 8.40048 8.40011 10.012 8.39988 11.9999C8.39988 13.9879 10.0115 15.6002 11.9995 15.6004C13.9877 15.6004 15.6001 13.9881 15.6001 11.9999C15.5998 10.0118 13.9876 8.40025 11.9995 8.40025Z"
+        fill="#374151"
+      />
+    </svg>
+
     <svg
       v-if="name == 'spinner'"
       class="animate-spin"
diff --git a/src/frontend/shared/sidebar.vue b/src/frontend/shared/sidebar.vue
index 99bb428c..8e72615a 100644
--- a/src/frontend/shared/sidebar.vue
+++ b/src/frontend/shared/sidebar.vue
@@ -115,6 +115,10 @@
           </div>
           <div class="my-7 border-t border-gray-200"></div>
           <section class="grid grid-cols-1">
+            <a :class="classList('settings', true)" :href="`/${locale}/settings`">
+              <Icon name="settings" />
+              <span>Settings</span>
+            </a>
             <a v-if="isAdmin" :class="classList('user', true)" :href="`/${locale}/user`">
               <Icon name="users" />
               <span>Team</span>

From 0244fd73a4853d0a263c9cda26b221ce2eb689d3 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 10:51:57 +0300
Subject: [PATCH 63/99] feat: conditionally display settings and team links in
 sidebar for admin users

---
 src/frontend/shared/sidebar.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/frontend/shared/sidebar.vue b/src/frontend/shared/sidebar.vue
index 8e72615a..e3bd83dc 100644
--- a/src/frontend/shared/sidebar.vue
+++ b/src/frontend/shared/sidebar.vue
@@ -115,10 +115,15 @@
           </div>
           <div class="my-7 border-t border-gray-200"></div>
           <section class="grid grid-cols-1">
-            <a :class="classList('settings', true)" :href="`/${locale}/settings`">
+            <a
+              v-if="isAdmin"
+              :class="classList('settings', true)"
+              :href="`/${locale}/settings`"
+            >
               <Icon name="settings" />
               <span>Settings</span>
             </a>
+
             <a v-if="isAdmin" :class="classList('user', true)" :href="`/${locale}/user`">
               <Icon name="users" />
               <span>Team</span>

From bb9a3a42e267541393e62618038fc7e8a26f9aa1 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 11:06:58 +0300
Subject: [PATCH 64/99] fix: correct import name from LanguageIndex to
 LanguagesIndex in index.ts

---
 src/frontend/index.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/index.ts b/src/frontend/index.ts
index c2cf5775..e4086fcf 100644
--- a/src/frontend/index.ts
+++ b/src/frontend/index.ts
@@ -23,7 +23,7 @@ import ImageField from './fields/image-field.vue';
 import IndexCard from './stories/components/index-card.vue';
 import IndexFilter from './shared/index-filter.vue';
 import LabelButton from './shared/label-button.vue';
-import LanguageIndex from './settings/languages/languages-index.vue';
+import LanguagesIndex from './settings/languages/languages-index.vue';
 import ListField from './fields/list-field.vue';
 import ListSwitcher from './shared/list-switcher.vue';
 import Login from './auth/login-index.vue';
@@ -92,7 +92,7 @@ export {
   IndexCard,
   IndexFilter,
   LabelButton,
-  LanguageIndex,
+  LanguagesIndex,
   ListField,
   ListSwitcher,
   Login,

From 180ee5d858ac7aec2f19694b773c40d2a66e5cde Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 11:24:10 +0300
Subject: [PATCH 65/99] ops: update package-lock.json

---
 package-lock.json | 424 +++++++++++++++++++++++++++-------------------
 1 file changed, 254 insertions(+), 170 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index cb3798a5..ef04e068 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1448,11 +1448,13 @@
       }
     },
     "node_modules/@aws-sdk/xml-builder": {
-      "version": "3.972.4",
+      "version": "3.972.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/xml-builder/-/xml-builder-3.972.8.tgz",
+      "integrity": "sha512-Ql8elcUdYCha83Ol7NznBsgN5GVZnv3vUd86fEc6waU6oUdY0T1O9NODkEEOS/Uaogr87avDrUC6DSeM4oXjZg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
-        "fast-xml-parser": "5.3.4",
+        "@smithy/types": "^4.13.0",
+        "fast-xml-parser": "5.3.6",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -2979,25 +2981,6 @@
         "vue": "^3.0.0"
       }
     },
-    "node_modules/@isaacs/balanced-match": {
-      "version": "4.0.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
-    "node_modules/@isaacs/brace-expansion": {
-      "version": "5.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@isaacs/balanced-match": "^4.0.1"
-      },
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "dev": true,
@@ -3163,20 +3146,22 @@
       "license": "MIT"
     },
     "node_modules/@microsoft/api-extractor": {
-      "version": "7.56.2",
+      "version": "7.57.6",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.57.6.tgz",
+      "integrity": "sha512-0rFv/D8Grzw1Mjs2+8NGUR+o4h9LVm5zKRtMeWnpdB5IMJF4TeHCL1zR5LMCIudkOvyvjbhMG5Wjs0B5nqsrRQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor-model": "7.32.2",
+        "@microsoft/api-extractor-model": "7.33.4",
         "@microsoft/tsdoc": "~0.16.0",
-        "@microsoft/tsdoc-config": "~0.18.0",
-        "@rushstack/node-core-library": "5.19.1",
-        "@rushstack/rig-package": "0.6.0",
-        "@rushstack/terminal": "0.21.0",
-        "@rushstack/ts-command-line": "5.2.0",
+        "@microsoft/tsdoc-config": "~0.18.1",
+        "@rushstack/node-core-library": "5.20.3",
+        "@rushstack/rig-package": "0.7.2",
+        "@rushstack/terminal": "0.22.3",
+        "@rushstack/ts-command-line": "5.3.3",
         "diff": "~8.0.2",
-        "lodash": "~4.17.15",
-        "minimatch": "10.1.2",
+        "lodash": "~4.17.23",
+        "minimatch": "10.2.1",
         "resolve": "~1.22.1",
         "semver": "~7.5.4",
         "source-map": "~0.6.1",
@@ -3187,13 +3172,38 @@
       }
     },
     "node_modules/@microsoft/api-extractor-model": {
-      "version": "7.32.2",
+      "version": "7.33.4",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.4.tgz",
+      "integrity": "sha512-u1LTaNTikZAQ9uK6KG1Ms7nvNedsnODnspq/gH2dcyETWvH4hVNGNDvRAEutH66kAmxA4/necElqGNs1FggC8w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@microsoft/tsdoc": "~0.16.0",
-        "@microsoft/tsdoc-config": "~0.18.0",
-        "@rushstack/node-core-library": "5.19.1"
+        "@microsoft/tsdoc-config": "~0.18.1",
+        "@rushstack/node-core-library": "5.20.3"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/brace-expansion": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.4.tgz",
+      "integrity": "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/diff": {
@@ -3216,11 +3226,13 @@
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/minimatch": {
-      "version": "10.1.2",
+      "version": "10.2.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.1.tgz",
+      "integrity": "sha512-MClCe8IL5nRRmawL6ib/eT4oLyeKMGCghibcDWK+J0hh0Q8kqSdia6BvbRMVk6mPa6WqUa5uR2oxt6C5jd533A==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
-        "@isaacs/brace-expansion": "^5.0.1"
+        "brace-expansion": "^5.0.2"
       },
       "engines": {
         "node": "20 || >=22"
@@ -3265,29 +3277,35 @@
     },
     "node_modules/@microsoft/tsdoc": {
       "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.16.0.tgz",
+      "integrity": "sha512-xgAyonlVVS+q7Vc7qLW0UrJU7rSFcETRWsqdXZtjzRU8dF+6CkozTK4V4y1LwOX7j8r/vHphjDeMeGI4tNGeGA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@microsoft/tsdoc-config": {
-      "version": "0.18.0",
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.18.1.tgz",
+      "integrity": "sha512-9brPoVdfN9k9g0dcWkFeA7IH9bbcttzDJlXvkf8b2OBzd5MueR1V2wkKBL0abn0otvmkHJC6aapBOTJDDeMCZg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@microsoft/tsdoc": "0.16.0",
-        "ajv": "~8.12.0",
+        "ajv": "~8.18.0",
         "jju": "~1.4.0",
         "resolve": "~1.22.2"
       }
     },
     "node_modules/@microsoft/tsdoc-config/node_modules/ajv": {
-      "version": "8.12.0",
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
+      "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fast-deep-equal": "^3.1.1",
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
         "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
+        "require-from-string": "^2.0.2"
       },
       "funding": {
         "type": "github",
@@ -3296,6 +3314,8 @@
     },
     "node_modules/@microsoft/tsdoc-config/node_modules/json-schema-traverse": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true,
       "license": "MIT"
     },
@@ -3658,9 +3678,9 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.57.1.tgz",
-      "integrity": "sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
+      "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==",
       "cpu": [
         "arm"
       ],
@@ -3672,9 +3692,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.57.1.tgz",
-      "integrity": "sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz",
+      "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==",
       "cpu": [
         "arm64"
       ],
@@ -3686,7 +3706,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.57.1",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
+      "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
       "cpu": [
         "arm64"
       ],
@@ -3698,9 +3720,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.57.1.tgz",
-      "integrity": "sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz",
+      "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==",
       "cpu": [
         "x64"
       ],
@@ -3712,9 +3734,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.57.1.tgz",
-      "integrity": "sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz",
+      "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==",
       "cpu": [
         "arm64"
       ],
@@ -3726,9 +3748,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.57.1.tgz",
-      "integrity": "sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz",
+      "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==",
       "cpu": [
         "x64"
       ],
@@ -3740,9 +3762,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.57.1.tgz",
-      "integrity": "sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz",
+      "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==",
       "cpu": [
         "arm"
       ],
@@ -3754,9 +3776,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.57.1.tgz",
-      "integrity": "sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz",
+      "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==",
       "cpu": [
         "arm"
       ],
@@ -3768,9 +3790,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.57.1.tgz",
-      "integrity": "sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz",
+      "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==",
       "cpu": [
         "arm64"
       ],
@@ -3782,9 +3804,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.57.1.tgz",
-      "integrity": "sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz",
+      "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==",
       "cpu": [
         "arm64"
       ],
@@ -3796,9 +3818,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.57.1.tgz",
-      "integrity": "sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz",
+      "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==",
       "cpu": [
         "loong64"
       ],
@@ -3810,9 +3832,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.57.1.tgz",
-      "integrity": "sha512-xpObYIf+8gprgWaPP32xiN5RVTi/s5FCR+XMXSKmhfoJjrpRAjCuuqQXyxUa/eJTdAE6eJ+KDKaoEqjZQxh3Gw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz",
+      "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==",
       "cpu": [
         "loong64"
       ],
@@ -3824,9 +3846,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.57.1.tgz",
-      "integrity": "sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz",
+      "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==",
       "cpu": [
         "ppc64"
       ],
@@ -3838,9 +3860,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.57.1.tgz",
-      "integrity": "sha512-NOlUuzesGauESAyEYFSe3QTUguL+lvrN1HtwEEsU2rOwdUDeTMJdO5dUYl/2hKf9jWydJrO9OL/XSSf65R5+Xw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz",
+      "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==",
       "cpu": [
         "ppc64"
       ],
@@ -3852,9 +3874,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.57.1.tgz",
-      "integrity": "sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz",
+      "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==",
       "cpu": [
         "riscv64"
       ],
@@ -3866,9 +3888,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.57.1.tgz",
-      "integrity": "sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz",
+      "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==",
       "cpu": [
         "riscv64"
       ],
@@ -3880,9 +3902,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.57.1.tgz",
-      "integrity": "sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz",
+      "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==",
       "cpu": [
         "s390x"
       ],
@@ -3894,9 +3916,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.57.1.tgz",
-      "integrity": "sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
       "cpu": [
         "x64"
       ],
@@ -3907,9 +3929,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.57.1.tgz",
-      "integrity": "sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
+      "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
       "cpu": [
         "x64"
       ],
@@ -3921,9 +3943,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.57.1.tgz",
-      "integrity": "sha512-H+hXEv9gdVQuDTgnqD+SQffoWoc0Of59AStSzTEj/feWTBAnSfSD3+Dql1ZruJQxmykT/JVY0dE8Ka7z0DH1hw==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz",
+      "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==",
       "cpu": [
         "x64"
       ],
@@ -3935,9 +3957,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.57.1.tgz",
-      "integrity": "sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz",
+      "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==",
       "cpu": [
         "arm64"
       ],
@@ -3949,9 +3971,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.57.1.tgz",
-      "integrity": "sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz",
+      "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==",
       "cpu": [
         "arm64"
       ],
@@ -3963,9 +3985,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.57.1.tgz",
-      "integrity": "sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz",
+      "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==",
       "cpu": [
         "ia32"
       ],
@@ -3977,9 +3999,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.57.1.tgz",
-      "integrity": "sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==",
       "cpu": [
         "x64"
       ],
@@ -3991,9 +4013,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.57.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.57.1.tgz",
-      "integrity": "sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz",
+      "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==",
       "cpu": [
         "x64"
       ],
@@ -4005,11 +4027,13 @@
       ]
     },
     "node_modules/@rushstack/node-core-library": {
-      "version": "5.19.1",
+      "version": "5.20.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.20.3.tgz",
+      "integrity": "sha512-95JgEPq2k7tHxhF9/OJnnyHDXfC9cLhhta0An/6MlkDsX2A6dTzDrTUG18vx4vjc280V0fi0xDH9iQczpSuWsw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ajv": "~8.13.0",
+        "ajv": "~8.18.0",
         "ajv-draft-04": "~1.0.0",
         "ajv-formats": "~3.0.1",
         "fs-extra": "~11.3.0",
@@ -4028,14 +4052,16 @@
       }
     },
     "node_modules/@rushstack/node-core-library/node_modules/ajv": {
-      "version": "8.13.0",
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
+      "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
         "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.4.1"
+        "require-from-string": "^2.0.2"
       },
       "funding": {
         "type": "github",
@@ -4044,6 +4070,8 @@
     },
     "node_modules/@rushstack/node-core-library/node_modules/ajv-draft-04": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz",
+      "integrity": "sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -4057,11 +4085,15 @@
     },
     "node_modules/@rushstack/node-core-library/node_modules/json-schema-traverse": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@rushstack/node-core-library/node_modules/lru-cache": {
       "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -4073,6 +4105,8 @@
     },
     "node_modules/@rushstack/node-core-library/node_modules/semver": {
       "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -4086,7 +4120,9 @@
       }
     },
     "node_modules/@rushstack/problem-matcher": {
-      "version": "0.1.1",
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/problem-matcher/-/problem-matcher-0.2.1.tgz",
+      "integrity": "sha512-gulfhBs6n+I5b7DvjKRfhMGyUejtSgOHTclF/eONr8hcgF1APEDjhxIsfdUYYMzC3rvLwGluqLjbwCFZ8nxrog==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -4099,7 +4135,9 @@
       }
     },
     "node_modules/@rushstack/rig-package": {
-      "version": "0.6.0",
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.7.2.tgz",
+      "integrity": "sha512-9XbFWuqMYcHUso4mnETfhGVUSaADBRj6HUAAEYk50nMPn8WRICmBuCphycQGNB3duIR6EEZX3Xj3SYc2XiP+9A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4108,12 +4146,14 @@
       }
     },
     "node_modules/@rushstack/terminal": {
-      "version": "0.21.0",
+      "version": "0.22.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.3.tgz",
+      "integrity": "sha512-gHC9pIMrUPzAbBiI4VZMU7Q+rsCzb8hJl36lFIulIzoceKotyKL3Rd76AZ2CryCTKEg+0bnTj406HE5YY5OQvw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/node-core-library": "5.19.1",
-        "@rushstack/problem-matcher": "0.1.1",
+        "@rushstack/node-core-library": "5.20.3",
+        "@rushstack/problem-matcher": "0.2.1",
         "supports-color": "~8.1.1"
       },
       "peerDependencies": {
@@ -4127,6 +4167,8 @@
     },
     "node_modules/@rushstack/terminal/node_modules/supports-color": {
       "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4140,11 +4182,13 @@
       }
     },
     "node_modules/@rushstack/ts-command-line": {
-      "version": "5.2.0",
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.3.tgz",
+      "integrity": "sha512-c+ltdcvC7ym+10lhwR/vWiOhsrm/bP3By2VsFcs5qTKv+6tTmxgbVrtJ5NdNjANiV5TcmOZgUN+5KYQ4llsvEw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/terminal": "0.21.0",
+        "@rushstack/terminal": "0.22.3",
         "@types/argparse": "1.0.38",
         "argparse": "~1.0.9",
         "string-argv": "~0.3.1"
@@ -4152,6 +4196,8 @@
     },
     "node_modules/@rushstack/ts-command-line/node_modules/argparse": {
       "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4662,7 +4708,9 @@
       }
     },
     "node_modules/@smithy/types": {
-      "version": "4.12.0",
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/@smithy/types/-/types-4.13.0.tgz",
+      "integrity": "sha512-COuLsZILbbQsdrwKQpkkpyep7lCsByxwj7m0Mg5v66/ZTyenlfBc40/QFQ5chO0YN/PNEH1Bi3fGtfXPnYNeDw==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -5172,6 +5220,8 @@
     },
     "node_modules/@types/argparse": {
       "version": "1.0.38",
+      "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
+      "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
       "dev": true,
       "license": "MIT"
     },
@@ -5566,11 +5616,13 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.5",
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "brace-expansion": "^2.0.2"
       },
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -5813,11 +5865,13 @@
       }
     },
     "node_modules/@vue/language-core/node_modules/minimatch": {
-      "version": "9.0.5",
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "brace-expansion": "^2.0.2"
       },
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -6001,7 +6055,9 @@
       }
     },
     "node_modules/ajv": {
-      "version": "6.12.6",
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6017,6 +6073,8 @@
     },
     "node_modules/ajv-formats": {
       "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
+      "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6032,7 +6090,9 @@
       }
     },
     "node_modules/ajv-formats/node_modules/ajv": {
-      "version": "8.17.1",
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
+      "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6048,6 +6108,8 @@
     },
     "node_modules/ajv-formats/node_modules/json-schema-traverse": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true,
       "license": "MIT"
     },
@@ -6201,11 +6263,13 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.13.4",
+      "version": "1.13.6",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.6.tgz",
+      "integrity": "sha512-ChTCHMouEe2kn713WHbQGcuYrr6fXTBiu460OTwWrWob16g1bXn4vtz07Ope7ewMozJAnEquLk5lWQWtBig9DQ==",
       "license": "MIT",
       "dependencies": {
-        "follow-redirects": "^1.15.6",
-        "form-data": "^4.0.4",
+        "follow-redirects": "^1.15.11",
+        "form-data": "^4.0.5",
         "proxy-from-env": "^1.1.0"
       }
     },
@@ -7730,6 +7794,8 @@
     },
     "node_modules/fast-uri": {
       "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
+      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
       "dev": true,
       "funding": [
         {
@@ -7744,7 +7810,9 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/fast-xml-parser": {
-      "version": "5.3.4",
+      "version": "5.3.6",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.3.6.tgz",
+      "integrity": "sha512-QNI3sAvSvaOiaMl8FYU4trnEzCwiRr8XMWgAHzlrWpTSj+QaCSvOf1h82OEP1s4hiAXhnbXSyFWCf4ldZzZRVA==",
       "funding": [
         {
           "type": "github",
@@ -7753,7 +7821,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "strnum": "^2.1.0"
+        "strnum": "^2.1.2"
       },
       "bin": {
         "fxparser": "src/cli/cli.js"
@@ -8857,6 +8925,8 @@
     },
     "node_modules/import-lazy": {
       "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
+      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -9063,6 +9133,8 @@
     },
     "node_modules/jju": {
       "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz",
+      "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==",
       "dev": true,
       "license": "MIT"
     },
@@ -9676,7 +9748,9 @@
       "license": "ISC"
     },
     "node_modules/markdown-it": {
-      "version": "14.1.0",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.1.tgz",
+      "integrity": "sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9941,7 +10015,9 @@
       }
     },
     "node_modules/minimatch": {
-      "version": "3.1.2",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -11019,7 +11095,9 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.14.1",
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.0.tgz",
+      "integrity": "sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==",
       "license": "BSD-3-Clause",
       "dependencies": {
         "side-channel": "^1.1.0"
@@ -11308,11 +11386,13 @@
       }
     },
     "node_modules/rimraf/node_modules/minimatch": {
-      "version": "9.0.5",
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "brace-expansion": "^2.0.2"
       },
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -11322,7 +11402,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.57.1",
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
+      "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -11336,31 +11418,31 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.57.1",
-        "@rollup/rollup-android-arm64": "4.57.1",
-        "@rollup/rollup-darwin-arm64": "4.57.1",
-        "@rollup/rollup-darwin-x64": "4.57.1",
-        "@rollup/rollup-freebsd-arm64": "4.57.1",
-        "@rollup/rollup-freebsd-x64": "4.57.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.57.1",
-        "@rollup/rollup-linux-arm-musleabihf": "4.57.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.57.1",
-        "@rollup/rollup-linux-arm64-musl": "4.57.1",
-        "@rollup/rollup-linux-loong64-gnu": "4.57.1",
-        "@rollup/rollup-linux-loong64-musl": "4.57.1",
-        "@rollup/rollup-linux-ppc64-gnu": "4.57.1",
-        "@rollup/rollup-linux-ppc64-musl": "4.57.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.57.1",
-        "@rollup/rollup-linux-riscv64-musl": "4.57.1",
-        "@rollup/rollup-linux-s390x-gnu": "4.57.1",
-        "@rollup/rollup-linux-x64-gnu": "4.57.1",
-        "@rollup/rollup-linux-x64-musl": "4.57.1",
-        "@rollup/rollup-openbsd-x64": "4.57.1",
-        "@rollup/rollup-openharmony-arm64": "4.57.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.57.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.57.1",
-        "@rollup/rollup-win32-x64-gnu": "4.57.1",
-        "@rollup/rollup-win32-x64-msvc": "4.57.1",
+        "@rollup/rollup-android-arm-eabi": "4.59.0",
+        "@rollup/rollup-android-arm64": "4.59.0",
+        "@rollup/rollup-darwin-arm64": "4.59.0",
+        "@rollup/rollup-darwin-x64": "4.59.0",
+        "@rollup/rollup-freebsd-arm64": "4.59.0",
+        "@rollup/rollup-freebsd-x64": "4.59.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.59.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.59.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.59.0",
+        "@rollup/rollup-linux-arm64-musl": "4.59.0",
+        "@rollup/rollup-linux-loong64-gnu": "4.59.0",
+        "@rollup/rollup-linux-loong64-musl": "4.59.0",
+        "@rollup/rollup-linux-ppc64-gnu": "4.59.0",
+        "@rollup/rollup-linux-ppc64-musl": "4.59.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.59.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.59.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-musl": "4.59.0",
+        "@rollup/rollup-openbsd-x64": "4.59.0",
+        "@rollup/rollup-openharmony-arm64": "4.59.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.59.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.59.0",
+        "@rollup/rollup-win32-x64-gnu": "4.59.0",
+        "@rollup/rollup-win32-x64-msvc": "4.59.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -11772,6 +11854,8 @@
     },
     "node_modules/string-argv": {
       "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
+      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
       "dev": true,
       "license": "MIT",
       "engines": {

From 30b7f4e2ad4d0f5c1b8dbe3b6a7ea21842523009 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 11:53:22 +0300
Subject: [PATCH 66/99] fix: update button click handler to use dynamic locale
 in languages index

---
 src/frontend/settings/languages/languages-index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/languages/languages-index.vue
index ff7a6f9e..0e72007a 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/languages/languages-index.vue
@@ -20,7 +20,7 @@
             </div>
             <button
               class="rounded-full bg-blue-500 p-1 shadow-md hover:bg-blue-700"
-              @click="router.visit('/settings/languages/edit')"
+              @click="router.visit(`/${shared.locale}/settings/languages/edit`)"
             >
               <Icon name="plus" class="text-white" />
             </button>

From 9cb35f7cc1c038a91de27608ceace0487ae22f21 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 13:15:46 +0300
Subject: [PATCH 67/99] feat: add LanguagesEdit component to index export

---
 src/frontend/index.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/frontend/index.ts b/src/frontend/index.ts
index e4086fcf..890e58b4 100644
--- a/src/frontend/index.ts
+++ b/src/frontend/index.ts
@@ -23,6 +23,7 @@ import ImageField from './fields/image-field.vue';
 import IndexCard from './stories/components/index-card.vue';
 import IndexFilter from './shared/index-filter.vue';
 import LabelButton from './shared/label-button.vue';
+import LanguagesEdit from './settings/languages/languages-edit.vue';
 import LanguagesIndex from './settings/languages/languages-index.vue';
 import ListField from './fields/list-field.vue';
 import ListSwitcher from './shared/list-switcher.vue';
@@ -92,6 +93,7 @@ export {
   IndexCard,
   IndexFilter,
   LabelButton,
+  LanguagesEdit,
   LanguagesIndex,
   ListField,
   ListSwitcher,

From fa3edf77c3a4e2d781ddb2b20a0b6afd208b7168 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 4 Mar 2026 13:39:22 +0300
Subject: [PATCH 68/99] feat: introduce LanguagesEditProps interface and update
 LanguagesEdit component to utilize shared props

---
 .../settings/languages/languages-edit.story.vue | 15 +++++++++++++--
 .../settings/languages/languages-edit.vue       | 17 +++++++++++++----
 src/types.ts                                    |  4 ++++
 3 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/frontend/settings/languages/languages-edit.story.vue b/src/frontend/settings/languages/languages-edit.story.vue
index a3a6aed2..67a6a9e8 100644
--- a/src/frontend/settings/languages/languages-edit.story.vue
+++ b/src/frontend/settings/languages/languages-edit.story.vue
@@ -1,14 +1,25 @@
 <template>
   <Story title="Languages Edit" group="settings">
     <Variant title="Edit" :setup-app="miniSidebar">
-      <LanguagesEdit :added-languages="languages" />
+      <LanguagesEdit
+        :meta="sharedProps.meta"
+        :user="sharedProps.user"
+        :language="sharedProps.language"
+        :languages="sharedProps.languages"
+        :errors="sharedProps.errors"
+        :bookmarks="sharedProps.bookmarks"
+        :exclude="[]"
+        :source-language="sourceLanguage"
+        :language-items="[]"
+        :added-languages="languages"
+      />
     </Variant>
   </Story>
 </template>
 
 <script setup lang="ts">
 import LanguagesEdit from './languages-edit.vue';
-import { miniSidebar } from '../../test/mocks';
+import { miniSidebar, sharedProps, sourceLanguage } from '../../test/mocks';
 import type { LanguageSpecification } from '../../../types';
 
 const languages: LanguageSpecification[] = [
diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index 0f7a8f73..c77e6375 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -76,12 +76,21 @@ import ContentHeader from '../../shared/content-header.vue';
 import PillButton from '../../shared/pill-button.vue';
 import LanguageList from './language-list.vue';
 import LanguageAddModal from './components/language-add-modal.vue';
-import type { LanguageSpecification } from '../../../types';
+import type {
+  LanguageSpecification,
+  LanguagesEditProps,
+  SharedPageProps,
+} from '../../../types';
 import { languages as allLanguages } from './languages';
 
-const props = defineProps<{
-  addedLanguages: LanguageSpecification[];
-}>();
+import { useSharedStore } from '../../store';
+
+const props = defineProps<LanguagesEditProps & SharedPageProps>();
+
+const shared = useSharedStore();
+
+shared.setFromProps(props);
+shared.setCurrentStoryName('');
 
 const emit = defineEmits<{
   add: [locales: string[]];
diff --git a/src/types.ts b/src/types.ts
index 3cf7524e..0287d1e4 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -590,3 +590,7 @@ export interface LanguagesProps {
   sourceLanguage: LanguageSpecification;
   languageItems: LanguageTableItem[];
 }
+
+export interface LanguagesEditProps {
+  addedLanguages: LanguageSpecification[];
+}

From 2cbc666a1ff0b057a71ff3b88ca31d433042bd0a Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 17 Mar 2026 10:07:15 +0300
Subject: [PATCH 69/99] refactor: remove white background

---
 .../settings/languages/components/language-list-item.vue        | 2 +-
 src/frontend/settings/languages/language-list.vue               | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-list-item.vue b/src/frontend/settings/languages/components/language-list-item.vue
index be799139..74d2b147 100644
--- a/src/frontend/settings/languages/components/language-list-item.vue
+++ b/src/frontend/settings/languages/components/language-list-item.vue
@@ -4,7 +4,7 @@
     :class="{
       'cursor-not-allowed bg-gray-100': isAdded,
       'bg-[#EFF6FF]': isSelected && !isAdded,
-      'bg-white hover:bg-gray-100': !isSelected && !isAdded,
+      'hover:bg-gray-100': !isSelected && !isAdded,
     }"
   >
     <LanguageStrip :spec="language" />
diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
index eb62af38..15ba7128 100644
--- a/src/frontend/settings/languages/language-list.vue
+++ b/src/frontend/settings/languages/language-list.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white pb-11">
+  <div class="pb-11">
     <div class="grid grid-cols-1 gap-4 pb-6 pl-2 md:grid-cols-[1fr_auto]">
       <ul class="flex flex-row flex-wrap items-center gap-[10px] py-[9px]">
         <li v-for="letter in letters" :key="letter">

From 6e24410438c8aa302022326cce743434f4494102 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 17 Mar 2026 10:16:24 +0300
Subject: [PATCH 70/99] refactor: change layout from flex to grid for language
 list item

---
 .../settings/languages/components/language-list-item.vue        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/settings/languages/components/language-list-item.vue b/src/frontend/settings/languages/components/language-list-item.vue
index 74d2b147..53f3fc58 100644
--- a/src/frontend/settings/languages/components/language-list-item.vue
+++ b/src/frontend/settings/languages/components/language-list-item.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex w-[208px] justify-between rounded-md px-2 py-5"
+    class="grid w-[208px] grid-cols-[1fr_auto] gap-x-1 rounded-md px-2 py-5"
     :class="{
       'cursor-not-allowed bg-gray-100': isAdded,
       'bg-[#EFF6FF]': isSelected && !isAdded,

From bdfb95164c9f8005e14a1d7123f37a3905d9a3af Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 17 Mar 2026 10:21:42 +0300
Subject: [PATCH 71/99] feat: conditionally render pagination component based
 on items length in language table

---
 src/frontend/settings/languages/components/language-table.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/frontend/settings/languages/components/language-table.vue b/src/frontend/settings/languages/components/language-table.vue
index e679c0fa..3b00c677 100644
--- a/src/frontend/settings/languages/components/language-table.vue
+++ b/src/frontend/settings/languages/components/language-table.vue
@@ -126,6 +126,7 @@
     />
 
     <Pagination
+      v-if="items.length > itemsPerPage"
       :current-page="currentPage"
       :total-items="items.length"
       :items-per-page="itemsPerPage"

From 013bc51e0e51c6e7691bb3462ca8a48bd377e97f Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 17 Mar 2026 11:19:26 +0300
Subject: [PATCH 72/99] refactor: adjust size of the ring block component

---
 src/frontend/dashboard/ring-block.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/dashboard/ring-block.vue b/src/frontend/dashboard/ring-block.vue
index f695c57d..da45d4bf 100644
--- a/src/frontend/dashboard/ring-block.vue
+++ b/src/frontend/dashboard/ring-block.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col items-center text-gray-500">
     <template v-if="hasCompleteRings">
-      <div class="relative mx-auto size-24 rounded-full border-[3px] border-teal-500">
+      <div class="relative mx-auto size-20 rounded-full border-[3px] border-teal-500">
         <div class="absolute inset-0 flex items-center justify-center">
           <Icon name="check-large" class="h-auto w-6 text-teal-500" />
         </div>

From fb87ddde625ae91b26689ae64ade097addeb4099 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 17 Mar 2026 11:42:27 +0300
Subject: [PATCH 73/99] feat: add LanguageListItemProps interface and update
 language-list-item component to use new props structure

---
 .../languages/components/language-list-item.vue  | 16 +++++++++-------
 src/types.ts                                     |  5 +++++
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-list-item.vue b/src/frontend/settings/languages/components/language-list-item.vue
index 53f3fc58..7008a984 100644
--- a/src/frontend/settings/languages/components/language-list-item.vue
+++ b/src/frontend/settings/languages/components/language-list-item.vue
@@ -61,17 +61,19 @@
   </div>
 </template>
 <script setup lang="ts">
-import type { LanguageSpecification } from '../../../../types';
+import { computed } from 'vue';
+import type { LanguageListItemProps } from '../../../../types';
 import LanguageStrip from './language-strip.vue';
-const props = defineProps<{
-  language: LanguageSpecification;
-  isSelected: boolean;
-  isAdded: boolean;
-}>();
+const props = defineProps<LanguageListItemProps>();
+
 const emit = defineEmits<{
   update: [isSelected: boolean];
 }>();
+
+const isSelected = computed<boolean>(() => props.status === 'selected');
+const isAdded = computed<boolean>(() => props.status === 'added');
+
 const handleUpdate = () => {
-  emit('update', !props.isSelected);
+  emit('update', !isSelected.value);
 };
 </script>
diff --git a/src/types.ts b/src/types.ts
index 0287d1e4..20451d11 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -594,3 +594,8 @@ export interface LanguagesProps {
 export interface LanguagesEditProps {
   addedLanguages: LanguageSpecification[];
 }
+
+export interface LanguageListItemProps {
+  language: LanguageSpecification;
+  status: 'selected' | 'added';
+}

From 30af455ff5a7d11e1c7bf6b73d2c23cc663cf966 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Tue, 17 Mar 2026 11:55:02 +0300
Subject: [PATCH 74/99] refactor: update LanguageList component to use status
 prop and simplify props structure

---
 .../settings/languages/language-list.story.vue  | 17 ++++++++---------
 .../settings/languages/language-list.vue        | 17 ++++-------------
 2 files changed, 12 insertions(+), 22 deletions(-)

diff --git a/src/frontend/settings/languages/language-list.story.vue b/src/frontend/settings/languages/language-list.story.vue
index 81bf4599..44617e24 100644
--- a/src/frontend/settings/languages/language-list.story.vue
+++ b/src/frontend/settings/languages/language-list.story.vue
@@ -1,20 +1,19 @@
 <template>
-    <Story title="Language List" group="settings" >
-            <Variant title="List" :setup-app="miniSidebar">
-                <LanguageList :items="items" />
-            </Variant>
-
-    </Story>
+  <Story title="Language List" group="settings">
+    <Variant title="List" :setup-app="miniSidebar">
+      <LanguageList :items="items" />
+    </Variant>
+  </Story>
 </template>
 
 <script setup lang="ts">
 import { miniSidebar } from '../../test/mocks';
-import LanguageList, { type LanguageListItemProps } from './language-list.vue';
+import LanguageList from './language-list.vue';
 import { languages } from './languages';
+import type { LanguageListItemProps } from '../../../types';
 
 const items: LanguageListItemProps[] = languages.map((language, index) => ({
   language,
-  isSelected: index % 3 === 1,
-  isAdded: index % 3 === 2,
+  status: (['selected', 'added'] as const)[index % 3],
 }));
 </script>
diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
index 15ba7128..505ca87d 100644
--- a/src/frontend/settings/languages/language-list.vue
+++ b/src/frontend/settings/languages/language-list.vue
@@ -38,8 +38,7 @@
         v-for="item in filteredItems"
         :key="item.language.locale"
         :language="item.language"
-        :is-selected="item.isSelected"
-        :is-added="item.isAdded"
+        :status="item.status"
         class="w-full"
         @update="(isSelected) => emit('update', item.language.locale, isSelected)"
       />
@@ -76,14 +75,12 @@
 
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue';
-import type { LanguageSpecification } from '../../../types';
+import type { LanguageListItemProps } from '../../../types';
 import LanguageListItem from './components/language-list-item.vue';
 import Icon from '../../shared/icon.vue';
 import PillButton from '../../shared/pill-button.vue';
 
-const props = defineProps<{
-  items: LanguageListItemProps[];
-}>();
+const props = defineProps<LanguageListItemProps[]>();
 
 const emit = defineEmits<{
   update: [locale: string, isSelected: boolean];
@@ -103,7 +100,7 @@ watch(letterFilter, (value) => {
 });
 
 const filteredItems = computed(() => {
-  let items = props.items;
+  let items = props;
   if (letterFilter.value) {
     items = items.filter((item: LanguageListItemProps) => {
       return item.language.language
@@ -121,12 +118,6 @@ const filteredItems = computed(() => {
   return items;
 });
 
-export interface LanguageListItemProps {
-  language: LanguageSpecification;
-  isSelected: boolean;
-  isAdded: boolean;
-}
-
 const handleLetterFilter = (letter: string) => {
   letterFilter.value = letterFilter.value === letter ? '' : letter;
 };

From 7fb25f6eaa8822b780a589cdca20ca386a530df4 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 08:42:04 +0300
Subject: [PATCH 75/99] refactor: update LanguageListItemProps to include
 'readonly' and 'available' statuses, and adjust component logic accordingly

---
 .../components/language-list-item.story.vue   | 23 ++++++++-----------
 .../components/language-list-item.vue         | 13 ++++++-----
 src/types.ts                                  |  2 +-
 3 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-list-item.story.vue b/src/frontend/settings/languages/components/language-list-item.story.vue
index ae4092a0..c2e07e5d 100644
--- a/src/frontend/settings/languages/components/language-list-item.story.vue
+++ b/src/frontend/settings/languages/components/language-list-item.story.vue
@@ -13,8 +13,7 @@
           bibleVersionId: 'de4e12af7f28f599-01',
           bibleLabel: '(KJV) King James Version',
         }"
-        :is-selected="false"
-        :is-added="false"
+        status="available"
       />
     </Variant>
     <Variant title="Selected">
@@ -24,8 +23,9 @@
           locale: 'am',
           languageDirection: 'ltr',
           bibleVersionId: 'de4e12af7f28f599-01',
-
-        }" :is-selected="true" :is-added="false" />
+        }"
+        status="selected"
+      />
     </Variant>
     <Variant title="Long Language">
       <LanguageListItem
@@ -34,10 +34,9 @@
           locale: 'gsw',
           languageDirection: 'ltr',
           bibleVersionId: 'de4e12af7f28f599-01',
-
         }"
-        
-        :is-selected="true" :is-added="false" />
+        status="selected"
+      />
     </Variant>
     <Variant title="Added">
       <LanguageListItem
@@ -46,10 +45,9 @@
           locale: 'ar',
           languageDirection: 'rtl',
           bibleVersionId: 'de4e12af7f28f599-01',
-
-        }" :is-selected="false" 
-        :is-added="true"
-        />
+        }"
+        status="readonly"
+      />
     </Variant>
     <Variant title="Interactive">
       <LanguageListItem
@@ -60,8 +58,7 @@
           bibleVersionId: 'de4e12af7f28f599-01',
           bibleLabel: '(KJV) King James Version',
         }"
-        :is-selected="isSelected"
-        :is-added="false"
+        status="available"
         @update="isSelected = $event"
       />
     </Variant>
diff --git a/src/frontend/settings/languages/components/language-list-item.vue b/src/frontend/settings/languages/components/language-list-item.vue
index 7008a984..d50de88f 100644
--- a/src/frontend/settings/languages/components/language-list-item.vue
+++ b/src/frontend/settings/languages/components/language-list-item.vue
@@ -2,14 +2,14 @@
   <div
     class="grid w-[208px] grid-cols-[1fr_auto] gap-x-1 rounded-md px-2 py-5"
     :class="{
-      'cursor-not-allowed bg-gray-100': isAdded,
-      'bg-[#EFF6FF]': isSelected && !isAdded,
-      'hover:bg-gray-100': !isSelected && !isAdded,
+      'cursor-not-allowed bg-gray-100': isReadOnly,
+      'bg-[#EFF6FF]': isSelected && !isReadOnly,
+      'hover:bg-gray-100': isAvailable,
     }"
   >
     <LanguageStrip :spec="language" />
     <div class="group grid size-4 grid-cols-1">
-      <template v-if="!isAdded">
+      <template v-if="isAvailable">
         <input
           :id="language.locale"
           type="checkbox"
@@ -42,7 +42,7 @@
         </svg>
       </template>
 
-      <template v-if="isAdded">
+      <template v-if="isReadOnly">
         <svg
           width="24"
           height="24"
@@ -71,7 +71,8 @@ const emit = defineEmits<{
 }>();
 
 const isSelected = computed<boolean>(() => props.status === 'selected');
-const isAdded = computed<boolean>(() => props.status === 'added');
+const isReadOnly = computed<boolean>(() => props.status === 'readonly');
+const isAvailable = computed<boolean>(() => props.status === 'available');
 
 const handleUpdate = () => {
   emit('update', !isSelected.value);
diff --git a/src/types.ts b/src/types.ts
index 20451d11..e3a6d18a 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -597,5 +597,5 @@ export interface LanguagesEditProps {
 
 export interface LanguageListItemProps {
   language: LanguageSpecification;
-  status: 'selected' | 'added';
+  status: 'selected' | 'readonly' | 'available';
 }

From 21f162e1875e1e9e8634419777ece017249067de Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 08:49:42 +0300
Subject: [PATCH 76/99] refactor: update props structure in language-list
 component to correctly reference items array

---
 src/frontend/settings/languages/language-list.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/frontend/settings/languages/language-list.vue b/src/frontend/settings/languages/language-list.vue
index 505ca87d..f628eddc 100644
--- a/src/frontend/settings/languages/language-list.vue
+++ b/src/frontend/settings/languages/language-list.vue
@@ -80,7 +80,9 @@ import LanguageListItem from './components/language-list-item.vue';
 import Icon from '../../shared/icon.vue';
 import PillButton from '../../shared/pill-button.vue';
 
-const props = defineProps<LanguageListItemProps[]>();
+const props = defineProps<{
+  items: LanguageListItemProps[];
+}>();
 
 const emit = defineEmits<{
   update: [locale: string, isSelected: boolean];
@@ -100,7 +102,7 @@ watch(letterFilter, (value) => {
 });
 
 const filteredItems = computed(() => {
-  let items = props;
+  let items = props.items;
   if (letterFilter.value) {
     items = items.filter((item: LanguageListItemProps) => {
       return item.language.language

From d8de96a39b1f8b83d6fa8a2c700d5e6b42856667 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 08:58:07 +0300
Subject: [PATCH 77/99] refactor: update status assignment in language-list
 component to include 'readonly' status

---
 src/frontend/settings/languages/language-list.story.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/settings/languages/language-list.story.vue b/src/frontend/settings/languages/language-list.story.vue
index 44617e24..4995854c 100644
--- a/src/frontend/settings/languages/language-list.story.vue
+++ b/src/frontend/settings/languages/language-list.story.vue
@@ -14,6 +14,6 @@ import type { LanguageListItemProps } from '../../../types';
 
 const items: LanguageListItemProps[] = languages.map((language, index) => ({
   language,
-  status: (['selected', 'added'] as const)[index % 3],
+  status: (['selected', 'readonly', 'available'] as const)[index % 3],
 }));
 </script>

From 102c653e1344f0c4685144dbce2e6e45d5856498 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 09:04:11 +0300
Subject: [PATCH 78/99] refactor: enhance availableLanguageItems and
 addedLanguageItems computations to utilize LanguageListItemProps and update
 status handling

---
 .../settings/languages/languages-edit.vue         | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index c77e6375..d3e0f1bb 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -77,6 +77,7 @@ import PillButton from '../../shared/pill-button.vue';
 import LanguageList from './language-list.vue';
 import LanguageAddModal from './components/language-add-modal.vue';
 import type {
+  LanguageListItemProps,
   LanguageSpecification,
   LanguagesEditProps,
   SharedPageProps,
@@ -98,13 +99,12 @@ const emit = defineEmits<{
 
 const selectedLocales = ref<Set<string>>(new Set());
 
-const availableLanguageItems = computed(() =>
+const availableLanguageItems = computed((): LanguageListItemProps[] =>
   allLanguages
     .filter((language: LanguageSpecification) => !props.addedLanguages.includes(language))
-    .map((language: LanguageSpecification) => ({
+    .map((language: LanguageSpecification): LanguageListItemProps => ({
       language,
-      isSelected: selectedLocales.value.has(language.locale),
-      isAdded: false,
+      status: selectedLocales.value.has(language.locale) ? 'selected' : 'available',
     })),
 );
 
@@ -119,11 +119,10 @@ const handleSelectionUpdate = (locale: string, isSelected: boolean) => {
   selectedLocales.value = next;
 };
 
-const addedLanguageItems = computed(() =>
-  props.addedLanguages.map((language: LanguageSpecification) => ({
+const addedLanguageItems = computed((): LanguageListItemProps[] =>
+  props.addedLanguages.map((language: LanguageSpecification): LanguageListItemProps => ({
     language,
-    isSelected: false,
-    isAdded: true,
+    status: 'readonly',
   })),
 );
 

From d60094398ccb87430c49114675340d3311340d46 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 09:11:32 +0300
Subject: [PATCH 79/99] refactor: update language-list-item component to toggle
 checkbox visibility based on 'readonly' status

---
 .../settings/languages/components/language-list-item.vue      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/settings/languages/components/language-list-item.vue b/src/frontend/settings/languages/components/language-list-item.vue
index d50de88f..6375f112 100644
--- a/src/frontend/settings/languages/components/language-list-item.vue
+++ b/src/frontend/settings/languages/components/language-list-item.vue
@@ -9,7 +9,7 @@
   >
     <LanguageStrip :spec="language" />
     <div class="group grid size-4 grid-cols-1">
-      <template v-if="isAvailable">
+      <template v-if="!isReadOnly">
         <input
           :id="language.locale"
           type="checkbox"
@@ -42,7 +42,7 @@
         </svg>
       </template>
 
-      <template v-if="isReadOnly">
+      <template v-else>
         <svg
           width="24"
           height="24"

From 7dd585f0c7b0a6be288be1da4493b72f69641dfd Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 09:18:20 +0300
Subject: [PATCH 80/99] feat: introduce SettingsIndex component and update
 import paths for settings

---
 src/frontend/index.ts                         |  2 +-
 ...dex.story.vue => settings-index.story.vue} | 10 +++++-----
 ...languages-index.vue => settings-index.vue} | 19 +++++++++----------
 3 files changed, 15 insertions(+), 16 deletions(-)
 rename src/frontend/settings/{languages/languages-index.story.vue => settings-index.story.vue} (84%)
 rename src/frontend/settings/{languages/languages-index.vue => settings-index.vue} (85%)

diff --git a/src/frontend/index.ts b/src/frontend/index.ts
index 890e58b4..c2f3a65d 100644
--- a/src/frontend/index.ts
+++ b/src/frontend/index.ts
@@ -24,7 +24,7 @@ import IndexCard from './stories/components/index-card.vue';
 import IndexFilter from './shared/index-filter.vue';
 import LabelButton from './shared/label-button.vue';
 import LanguagesEdit from './settings/languages/languages-edit.vue';
-import LanguagesIndex from './settings/languages/languages-index.vue';
+import LanguagesIndex from './settings/settings-index.vue';
 import ListField from './fields/list-field.vue';
 import ListSwitcher from './shared/list-switcher.vue';
 import Login from './auth/login-index.vue';
diff --git a/src/frontend/settings/languages/languages-index.story.vue b/src/frontend/settings/settings-index.story.vue
similarity index 84%
rename from src/frontend/settings/languages/languages-index.story.vue
rename to src/frontend/settings/settings-index.story.vue
index 3fb29fd3..146716f5 100644
--- a/src/frontend/settings/languages/languages-index.story.vue
+++ b/src/frontend/settings/settings-index.story.vue
@@ -1,7 +1,7 @@
 <template>
-  <Story title="Languages Index" group="settings">
+  <Story title="Settings Index" group="settings">
     <Variant title="Index" :setup-app="miniSidebar">
-      <LanguagesIndex
+      <SettingsIndex
         :meta="sharedProps.meta"
         :user="sharedProps.user"
         :language="sharedProps.language"
@@ -14,7 +14,7 @@
       />
     </Variant>
     <Variant title="Empty" :setup-app="miniSidebar">
-      <LanguagesIndex
+      <SettingsIndex
         :meta="sharedProps.meta"
         :user="sharedProps.user"
         :language="sharedProps.language"
@@ -30,11 +30,11 @@
 </template>
 
 <script setup lang="ts">
-import LanguagesIndex from './languages-index.vue';
+import SettingsIndex from './settings-index.vue';
 import {
   sharedProps,
   miniSidebar,
   sourceLanguage,
   languageTableItems,
-} from '../../test/mocks';
+} from '../test/mocks';
 </script>
diff --git a/src/frontend/settings/languages/languages-index.vue b/src/frontend/settings/settings-index.vue
similarity index 85%
rename from src/frontend/settings/languages/languages-index.vue
rename to src/frontend/settings/settings-index.vue
index 0e72007a..ca03fa94 100644
--- a/src/frontend/settings/languages/languages-index.vue
+++ b/src/frontend/settings/settings-index.vue
@@ -58,16 +58,15 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue';
 import { router } from '@inertiajs/vue3';
-import AppLayout from '../../shared/app-layout.vue';
-import ContentHeader from '../../shared/content-header.vue';
-import Icon from '../../shared/icon.vue';
-import PillButton from '../../shared/pill-button.vue';
-import SourceLang from './components/source-language.vue';
-import LanguagesTable from './components/language-table.vue';
-import RequestAppUpdateModal from './components/request-app-update-modal.vue';
-import RequestFeedbackModal from './components/request-feedback-modal.vue';
-import type { LanguageTableItem, LanguagesProps, SharedPageProps } from '../../../types';
-import { useSharedStore } from '../../store';
+import AppLayout from '../shared/app-layout.vue';
+import ContentHeader from '../shared/content-header.vue';
+import Icon from '../shared/icon.vue';
+import PillButton from '../shared/pill-button.vue';
+import SourceLang from './languages/components/source-language.vue';
+import LanguagesTable from './languages/components/language-table.vue';
+import RequestAppUpdateModal from './languages/components/request-app-update-modal.vue';
+import type { LanguageTableItem, LanguagesProps, SharedPageProps } from '../../types';
+import { useSharedStore } from '../store';
 
 const props = defineProps<LanguagesProps & SharedPageProps>();
 

From 4c942348493e513a41348485c9b954e984482326 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 09:23:05 +0300
Subject: [PATCH 81/99] refactor: move templates

---
 .../{modals => }/bible-translations-modal.vue        | 12 ++++++------
 .../settings/languages/components/language-table.vue |  6 +++---
 .../{modals => }/remove-language-modal.vue           |  4 ++--
 .../{modals => }/request-deletion-modal.vue          |  4 ++--
 .../languages/components/source-language.vue         |  2 +-
 5 files changed, 14 insertions(+), 14 deletions(-)
 rename src/frontend/settings/languages/components/{modals => }/bible-translations-modal.vue (95%)
 rename src/frontend/settings/languages/components/{modals => }/remove-language-modal.vue (83%)
 rename src/frontend/settings/languages/components/{modals => }/request-deletion-modal.vue (83%)

diff --git a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue b/src/frontend/settings/languages/components/bible-translations-modal.vue
similarity index 95%
rename from src/frontend/settings/languages/components/modals/bible-translations-modal.vue
rename to src/frontend/settings/languages/components/bible-translations-modal.vue
index d6b1d25d..e1e7bcea 100644
--- a/src/frontend/settings/languages/components/modals/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/bible-translations-modal.vue
@@ -90,13 +90,13 @@
 <script setup lang="ts">
 import { ref, watch, onMounted, computed } from 'vue';
 import axios, { AxiosError } from 'axios';
-import { useWidgetsStore, useSharedStore } from '../../../../store';
+import { useWidgetsStore, useSharedStore } from '../../../store';
 import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/vue';
-import Icon from '../../../../shared/icon.vue';
-import LanguageModal from '../language-modal.vue';
-import PillButton from '../../../../shared/pill-button.vue';
-import { languageMatches } from '../../../../shared/helpers';
-import type { LanguageTableItem, LanguageSpecification } from '../../../../../types';
+import Icon from '../../../shared/icon.vue';
+import LanguageModal from './language-modal.vue';
+import PillButton from '../../../shared/pill-button.vue';
+import { languageMatches } from '../../../shared/helpers';
+import type { LanguageTableItem, LanguageSpecification } from '../../../../types';
 
 const widgets = useWidgetsStore();
 const shared = useSharedStore();
diff --git a/src/frontend/settings/languages/components/language-table.vue b/src/frontend/settings/languages/components/language-table.vue
index 3b00c677..95830ec3 100644
--- a/src/frontend/settings/languages/components/language-table.vue
+++ b/src/frontend/settings/languages/components/language-table.vue
@@ -139,9 +139,9 @@
 import { ref, computed } from 'vue';
 import Icon from '../../../shared/icon.vue';
 import Pagination from '../../../shared/pagination.vue';
-import RemoveLanguageModal from './modals/remove-language-modal.vue';
-import RequestDeletionModal from './modals/request-deletion-modal.vue';
-import BibleTranslationsModal from './modals/bible-translations-modal.vue';
+import RemoveLanguageModal from './remove-language-modal.vue';
+import RequestDeletionModal from './request-deletion-modal.vue';
+import BibleTranslationsModal from './bible-translations-modal.vue';
 import type { LanguageTableItem } from '../../../../types';
 import MemberRow from './member-row.vue';
 import RingBlock from '../../../dashboard/ring-block.vue';
diff --git a/src/frontend/settings/languages/components/modals/remove-language-modal.vue b/src/frontend/settings/languages/components/remove-language-modal.vue
similarity index 83%
rename from src/frontend/settings/languages/components/modals/remove-language-modal.vue
rename to src/frontend/settings/languages/components/remove-language-modal.vue
index b397a3f2..b51d4d23 100644
--- a/src/frontend/settings/languages/components/modals/remove-language-modal.vue
+++ b/src/frontend/settings/languages/components/remove-language-modal.vue
@@ -13,8 +13,8 @@
 </template>
 
 <script setup lang="ts">
-import LanguageModal from '../language-modal.vue';
-import PillButton from '../../../../shared/pill-button.vue';
+import LanguageModal from './language-modal.vue';
+import PillButton from '../../../shared/pill-button.vue';
 
 defineProps<{
   open: boolean;
diff --git a/src/frontend/settings/languages/components/modals/request-deletion-modal.vue b/src/frontend/settings/languages/components/request-deletion-modal.vue
similarity index 83%
rename from src/frontend/settings/languages/components/modals/request-deletion-modal.vue
rename to src/frontend/settings/languages/components/request-deletion-modal.vue
index 94058ee1..c263746c 100644
--- a/src/frontend/settings/languages/components/modals/request-deletion-modal.vue
+++ b/src/frontend/settings/languages/components/request-deletion-modal.vue
@@ -13,8 +13,8 @@
 </template>
 
 <script setup lang="ts">
-import LanguageModal from '../language-modal.vue';
-import PillButton from '../../../../shared/pill-button.vue';
+import LanguageModal from './language-modal.vue';
+import PillButton from '../../../shared/pill-button.vue';
 
 defineProps<{
   open: boolean;
diff --git a/src/frontend/settings/languages/components/source-language.vue b/src/frontend/settings/languages/components/source-language.vue
index 6c1628af..5b6a3a0e 100644
--- a/src/frontend/settings/languages/components/source-language.vue
+++ b/src/frontend/settings/languages/components/source-language.vue
@@ -31,7 +31,7 @@
 import { ref, computed } from 'vue';
 import Icon from '../../../shared/icon.vue';
 import LangStrip from './language-strip.vue';
-import BibleTranslationsModal from './modals/bible-translations-modal.vue';
+import BibleTranslationsModal from './bible-translations-modal.vue';
 import type { LanguageSpecification, LanguageTableItem } from '../../../../types';
 
 const props = defineProps<{ spec: LanguageSpecification }>();

From 238a78c84f5aca044c5f6bf82ef8b2d563685a4f Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 09:55:33 +0300
Subject: [PATCH 82/99] refactor: replace bibleVersionId with bibleVersion
 across components and update related logic

---
 .../components/bible-translations-modal.vue          | 12 +++++-------
 .../components/language-list-item.story.vue          | 10 +++++-----
 .../settings/languages/components/language-table.vue |  6 +++---
 .../languages/components/source-language.story.vue   |  2 +-
 .../languages/components/source-language.vue         |  6 +++---
 src/frontend/settings/settings-index.vue             |  7 ++-----
 src/frontend/test/mocks.ts                           |  3 +--
 src/types.ts                                         |  1 -
 8 files changed, 20 insertions(+), 27 deletions(-)

diff --git a/src/frontend/settings/languages/components/bible-translations-modal.vue b/src/frontend/settings/languages/components/bible-translations-modal.vue
index e1e7bcea..d4381338 100644
--- a/src/frontend/settings/languages/components/bible-translations-modal.vue
+++ b/src/frontend/settings/languages/components/bible-translations-modal.vue
@@ -46,7 +46,7 @@
           >
             <ListboxOption
               v-for="version in currentBibleTranslations"
-              :key="version.bibleVersionId"
+              :key="version.bibleVersion"
               v-slot="{ active, selected }"
               :value="version"
               as="template"
@@ -114,7 +114,7 @@ const props = defineProps<{
 
 const emit = defineEmits<{
   close: [];
-  confirm: [bibleVersionId: string, bibleVersionName: string];
+  confirm: [bibleVersion: string, bibleVersionName: string];
 }>();
 
 watch(
@@ -125,8 +125,7 @@ watch(
         languageMatches(item.language, v.language),
       );
       const current = filtered.find(
-        (v) =>
-          v.bibleVersionId === item.bibleVersionId || v.bibleLabel === item.bibleLabel,
+        (v) => v.bibleVersion === item.bibleVersion || v.bibleLabel === item.bibleLabel,
       );
       selectedBibleVersion.value = current ?? filtered[0] ?? null;
     }
@@ -142,7 +141,7 @@ const handleConfirm = () => {
   if (selectedBibleVersion.value) {
     emit(
       'confirm',
-      selectedBibleVersion.value.bibleVersionId ?? '',
+      selectedBibleVersion.value.bibleVersion ?? '',
       selectedBibleVersion.value.bibleLabel ?? '',
     );
   }
@@ -187,8 +186,7 @@ const transformBibleVersions = (
 ): Array<BibleVersion> => {
   return versions.map((version) => ({
     language: version.language,
-    bibleVersion: version.name,
-    bibleVersionId: version.id,
+    bibleVersion: version.id,
     bibleLabel: `(${version.abbreviation}) ${version.name}`,
   }));
 };
diff --git a/src/frontend/settings/languages/components/language-list-item.story.vue b/src/frontend/settings/languages/components/language-list-item.story.vue
index c2e07e5d..301d95bc 100644
--- a/src/frontend/settings/languages/components/language-list-item.story.vue
+++ b/src/frontend/settings/languages/components/language-list-item.story.vue
@@ -10,7 +10,7 @@
           language: 'English',
           locale: 'en',
           languageDirection: 'ltr',
-          bibleVersionId: 'de4e12af7f28f599-01',
+          bibleVersion: 'de4e12af7f28f599-01',
           bibleLabel: '(KJV) King James Version',
         }"
         status="available"
@@ -22,7 +22,7 @@
           language: 'Amharic - አማርኛ',
           locale: 'am',
           languageDirection: 'ltr',
-          bibleVersionId: 'de4e12af7f28f599-01',
+          bibleVersion: 'de4e12af7f28f599-01',
         }"
         status="selected"
       />
@@ -33,7 +33,7 @@
           language: 'Swiss German Alemannic Alsatian - Alemannisch',
           locale: 'gsw',
           languageDirection: 'ltr',
-          bibleVersionId: 'de4e12af7f28f599-01',
+          bibleVersion: 'de4e12af7f28f599-01',
         }"
         status="selected"
       />
@@ -44,7 +44,7 @@
           language: 'Arabic - العربية',
           locale: 'ar',
           languageDirection: 'rtl',
-          bibleVersionId: 'de4e12af7f28f599-01',
+          bibleVersion: 'de4e12af7f28f599-01',
         }"
         status="readonly"
       />
@@ -55,7 +55,7 @@
           language: 'English',
           locale: 'en',
           languageDirection: 'ltr',
-          bibleVersionId: 'de4e12af7f28f599-01',
+          bibleVersion: 'de4e12af7f28f599-01',
           bibleLabel: '(KJV) King James Version',
         }"
         status="available"
diff --git a/src/frontend/settings/languages/components/language-table.vue b/src/frontend/settings/languages/components/language-table.vue
index 95830ec3..e6e45025 100644
--- a/src/frontend/settings/languages/components/language-table.vue
+++ b/src/frontend/settings/languages/components/language-table.vue
@@ -160,7 +160,7 @@ const emit = defineEmits<{
   requestDeletion: [item: LanguageTableItem];
   bibleTranslationChange: [
     item: LanguageTableItem,
-    bibleVersionId: string,
+    bibleVersion: string,
     bibleVersionName: string,
   ];
 }>();
@@ -220,12 +220,12 @@ const closeBibleTranslationsModal = () => {
 };
 
 const handleBibleTranslationConfirm = (
-  bibleVersionId: string,
+  bibleVersion: string,
   bibleVersionName: string,
 ) => {
   const item = bibleTranslationsModalItem.value;
   if (item) {
-    emit('bibleTranslationChange', item, bibleVersionId, bibleVersionName);
+    emit('bibleTranslationChange', item, bibleVersion, bibleVersionName);
   }
   closeBibleTranslationsModal();
 };
diff --git a/src/frontend/settings/languages/components/source-language.story.vue b/src/frontend/settings/languages/components/source-language.story.vue
index 794948e2..e90cf2ed 100644
--- a/src/frontend/settings/languages/components/source-language.story.vue
+++ b/src/frontend/settings/languages/components/source-language.story.vue
@@ -16,7 +16,7 @@ const sourceLang: LanguageSpecification = {
   language: 'English',
   locale: 'en',
   languageDirection: 'ltr',
-  bibleVersionId: 'de4e12af7f28f599-01',
+  bibleVersion: 'de4e12af7f28f599-01',
   bibleLabel: '(KJV) King James Version',
 };
 </script>
diff --git a/src/frontend/settings/languages/components/source-language.vue b/src/frontend/settings/languages/components/source-language.vue
index 5b6a3a0e..88fca5c4 100644
--- a/src/frontend/settings/languages/components/source-language.vue
+++ b/src/frontend/settings/languages/components/source-language.vue
@@ -37,7 +37,7 @@ import type { LanguageSpecification, LanguageTableItem } from '../../../../types
 const props = defineProps<{ spec: LanguageSpecification }>();
 
 const emit = defineEmits<{
-  bibleTranslationChange: [bibleVersionId: string, bibleVersionName: string];
+  bibleTranslationChange: [bibleVersion: string, bibleVersionName: string];
 }>();
 
 const showBibleTranslationsModal = ref(false);
@@ -47,10 +47,10 @@ const specAsItem = computed<LanguageTableItem | null>(() =>
 );
 
 const handleBibleTranslationConfirm = (
-  bibleVersionId: string,
+  bibleVersion: string,
   bibleVersionName: string,
 ) => {
-  emit('bibleTranslationChange', bibleVersionId, bibleVersionName);
+  emit('bibleTranslationChange', bibleVersion, bibleVersionName);
   showBibleTranslationsModal.value = false;
 };
 </script>
diff --git a/src/frontend/settings/settings-index.vue b/src/frontend/settings/settings-index.vue
index ca03fa94..5b5738f7 100644
--- a/src/frontend/settings/settings-index.vue
+++ b/src/frontend/settings/settings-index.vue
@@ -106,10 +106,7 @@ const handleRequestDeletion = (_item: LanguageTableItem) => {
 
 const items = computed(() => props.languageItems ?? []);
 
-const handleBibleTranslationChange = (
-  bibleVersionId: string,
-  bibleVersionName: string,
-) => {
-  console.log('bible translation change', bibleVersionId, bibleVersionName);
+const handleBibleTranslationChange = (bibleVersion: string, bibleVersionName: string) => {
+  console.log('bible translation change', bibleVersion, bibleVersionName);
 };
 </script>
diff --git a/src/frontend/test/mocks.ts b/src/frontend/test/mocks.ts
index 43f11788..f0dc4c44 100644
--- a/src/frontend/test/mocks.ts
+++ b/src/frontend/test/mocks.ts
@@ -736,8 +736,7 @@ export const sourceLanguage: LanguageSpecification = {
   language: 'English | American',
   locale: 'en',
   languageDirection: 'ltr',
-  bibleVersion: 'King James Version',
-  bibleVersionId: 'de4e12af7f28f599-01',
+  bibleVersion: 'de4e12af7f28f599-01',
   bibleLabel: '(KJV) King James Version',
 };
 
diff --git a/src/types.ts b/src/types.ts
index e3a6d18a..74d878a3 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -545,7 +545,6 @@ export interface LanguageSpecification {
   languageDirection: 'rtl' | 'ltr';
   locale: string;
   bibleVersion?: string;
-  bibleVersionId?: string;
   bibleLabel?: string;
 }
 

From a711f33cb0e2925baf573ea4d314e6a8807ad5e5 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 09:59:39 +0300
Subject: [PATCH 83/99] refactor: rename LanguagesProps to SettingsPageProps
 and update related component imports

---
 src/frontend/settings/settings-index.vue | 4 ++--
 src/types.ts                             | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/settings/settings-index.vue b/src/frontend/settings/settings-index.vue
index 5b5738f7..9d064e21 100644
--- a/src/frontend/settings/settings-index.vue
+++ b/src/frontend/settings/settings-index.vue
@@ -65,10 +65,10 @@ import PillButton from '../shared/pill-button.vue';
 import SourceLang from './languages/components/source-language.vue';
 import LanguagesTable from './languages/components/language-table.vue';
 import RequestAppUpdateModal from './languages/components/request-app-update-modal.vue';
-import type { LanguageTableItem, LanguagesProps, SharedPageProps } from '../../types';
+import type { LanguageTableItem, SettingsPageProps, SharedPageProps } from '../../types';
 import { useSharedStore } from '../store';
 
-const props = defineProps<LanguagesProps & SharedPageProps>();
+const props = defineProps<SettingsPageProps & SharedPageProps>();
 
 const shared = useSharedStore();
 
diff --git a/src/types.ts b/src/types.ts
index 74d878a3..c73056e2 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -585,7 +585,7 @@ export interface Providers {
 ///  settings
 /// ----------------------------------------------------
 
-export interface LanguagesProps {
+export interface SettingsPageProps {
   sourceLanguage: LanguageSpecification;
   languageItems: LanguageTableItem[];
 }

From dfdb4823211b1258a4cb7e77035f002f149bd09b Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 10:04:40 +0300
Subject: [PATCH 84/99] refactor: improve code readability in languages-edit
 component by formatting computed properties

---
 .../settings/languages/languages-edit.vue     | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index d3e0f1bb..13a83174 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -102,14 +102,18 @@ const selectedLocales = ref<Set<string>>(new Set());
 const availableLanguageItems = computed((): LanguageListItemProps[] =>
   allLanguages
     .filter((language: LanguageSpecification) => !props.addedLanguages.includes(language))
-    .map((language: LanguageSpecification): LanguageListItemProps => ({
-      language,
-      status: selectedLocales.value.has(language.locale) ? 'selected' : 'available',
-    })),
+    .map(
+      (language: LanguageSpecification): LanguageListItemProps => ({
+        language,
+        status: selectedLocales.value.has(language.locale) ? 'selected' : 'available',
+      }),
+    ),
 );
 
-const selectedLanguages = computed(() =>
-  allLanguages.filter((language) => selectedLocales.value.has(language.locale)),
+const selectedLanguages = computed((): LanguageSpecification[] =>
+  allLanguages.filter((language: LanguageSpecification) =>
+    selectedLocales.value.has(language.locale),
+  ),
 );
 
 const handleSelectionUpdate = (locale: string, isSelected: boolean) => {
@@ -120,13 +124,15 @@ const handleSelectionUpdate = (locale: string, isSelected: boolean) => {
 };
 
 const addedLanguageItems = computed((): LanguageListItemProps[] =>
-  props.addedLanguages.map((language: LanguageSpecification): LanguageListItemProps => ({
-    language,
-    status: 'readonly',
-  })),
+  props.addedLanguages.map(
+    (language: LanguageSpecification): LanguageListItemProps => ({
+      language,
+      status: 'readonly',
+    }),
+  ),
 );
 
-const languageListItems = computed(() =>
+const languageListItems = computed((): LanguageListItemProps[] =>
   [...addedLanguageItems.value, ...availableLanguageItems.value].sort((a, b) =>
     a.language.language.localeCompare(b.language.language),
   ),

From c64cd6260599c6554138367d73c587dabe618362 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 10:21:09 +0300
Subject: [PATCH 85/99] refactor: streamline language selection logic in
 languages-edit component by consolidating computed properties and enhancing
 status handling

---
 .../settings/languages/languages-edit.vue     | 42 ++++++-------------
 1 file changed, 13 insertions(+), 29 deletions(-)

diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index 13a83174..d2749422 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -78,8 +78,8 @@ import LanguageList from './language-list.vue';
 import LanguageAddModal from './components/language-add-modal.vue';
 import type {
   LanguageListItemProps,
-  LanguageSpecification,
   LanguagesEditProps,
+  LanguageSpecification,
   SharedPageProps,
 } from '../../../types';
 import { languages as allLanguages } from './languages';
@@ -99,21 +99,20 @@ const emit = defineEmits<{
 
 const selectedLocales = ref<Set<string>>(new Set());
 
-const availableLanguageItems = computed((): LanguageListItemProps[] =>
-  allLanguages
-    .filter((language: LanguageSpecification) => !props.addedLanguages.includes(language))
-    .map(
-      (language: LanguageSpecification): LanguageListItemProps => ({
-        language,
-        status: selectedLocales.value.has(language.locale) ? 'selected' : 'available',
-      }),
-    ),
-);
+const addedLocales = computed(() => new Set(props.addedLanguages.map((l) => l.locale)));
 
 const selectedLanguages = computed((): LanguageSpecification[] =>
-  allLanguages.filter((language: LanguageSpecification) =>
-    selectedLocales.value.has(language.locale),
-  ),
+  allLanguages.filter((language) => selectedLocales.value.has(language.locale)),
+);
+
+const languageListItems = computed((): LanguageListItemProps[] =>
+  allLanguages
+    .map((language): LanguageListItemProps => {
+      if (addedLocales.value.has(language.locale)) return { language, status: 'readonly' };
+      const status = selectedLocales.value.has(language.locale) ? 'selected' : 'available';
+      return { language, status };
+    })
+    .sort((a, b) => a.language.language.localeCompare(b.language.language)),
 );
 
 const handleSelectionUpdate = (locale: string, isSelected: boolean) => {
@@ -123,21 +122,6 @@ const handleSelectionUpdate = (locale: string, isSelected: boolean) => {
   selectedLocales.value = next;
 };
 
-const addedLanguageItems = computed((): LanguageListItemProps[] =>
-  props.addedLanguages.map(
-    (language: LanguageSpecification): LanguageListItemProps => ({
-      language,
-      status: 'readonly',
-    }),
-  ),
-);
-
-const languageListItems = computed((): LanguageListItemProps[] =>
-  [...addedLanguageItems.value, ...availableLanguageItems.value].sort((a, b) =>
-    a.language.language.localeCompare(b.language.language),
-  ),
-);
-
 const removeSelectedLanguage = (locale: string) => {
   const next = new Set(selectedLocales.value);
   next.delete(locale);

From e1bce096599cbcb6a76cbc3499baa5608fb9c008 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 10:25:24 +0300
Subject: [PATCH 86/99] ops: audit fix

---
 package-lock.json | 1399 ++++++++++++++++++++++++++-------------------
 1 file changed, 813 insertions(+), 586 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ef04e068..4c7bc4db 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -609,6 +609,8 @@
     },
     "node_modules/@aws-crypto/crc32": {
       "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/crc32/-/crc32-5.2.0.tgz",
+      "integrity": "sha512-nLbCWqQNgUiwwtFsen1AdzAtvuLRsQS8rYgMuxCrdKf9kOssamGLuPwyTY9wyYblNr9+1XM8v6zoDTPPSIeANg==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/util": "^5.2.0",
@@ -621,6 +623,8 @@
     },
     "node_modules/@aws-crypto/crc32c": {
       "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/crc32c/-/crc32c-5.2.0.tgz",
+      "integrity": "sha512-+iWb8qaHLYKrNvGRbiYRHSdKRWhto5XlZUEBwDjYNf+ly5SVYG6zEoYIdxvf5R3zyeP16w4PLBn3rH1xc74Rag==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/util": "^5.2.0",
@@ -674,6 +678,8 @@
     },
     "node_modules/@aws-crypto/sha256-browser": {
       "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/sha256-browser/-/sha256-browser-5.2.0.tgz",
+      "integrity": "sha512-AXfN/lGotSQwu6HNcEsIASo7kWXZ5HYWvfOmSNKDsEqC4OashTp8alTmaz+F7TC2L083SFv5RdB+qU3Vs1kZqw==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/sha256-js": "^5.2.0",
@@ -687,6 +693,8 @@
     },
     "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/is-array-buffer": {
       "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@smithy/is-array-buffer/-/is-array-buffer-2.2.0.tgz",
+      "integrity": "sha512-GGP3O9QFD24uGeAXYUjwSTXARoqpZykHadOmA8G5vfJPK0/DC67qa//0qvqrJzL1xc8WQWX7/yc7fwudjPHPhA==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -697,6 +705,8 @@
     },
     "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/util-buffer-from": {
       "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@smithy/util-buffer-from/-/util-buffer-from-2.2.0.tgz",
+      "integrity": "sha512-IJdWBbTcMQ6DA0gdNhh/BwrLkDR+ADW5Kr1aZmd4k3DIF6ezMV4R2NIAmT08wQJ3yUK82thHWmC/TnK/wpMMIA==",
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/is-array-buffer": "^2.2.0",
@@ -708,6 +718,8 @@
     },
     "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/util-utf8": {
       "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@smithy/util-utf8/-/util-utf8-2.3.0.tgz",
+      "integrity": "sha512-R8Rdn8Hy72KKcebgLiv8jQcQkXoLMOGGv5uI1/k0l+snqkOzQ1R0ChUBCxWMlBsFMekWjq0wRudIweFs7sKT5A==",
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/util-buffer-from": "^2.2.0",
@@ -719,6 +731,8 @@
     },
     "node_modules/@aws-crypto/sha256-js": {
       "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/sha256-js/-/sha256-js-5.2.0.tgz",
+      "integrity": "sha512-FFQQyu7edu4ufvIZ+OadFpHHOt+eSTBaYaki44c+akjg7qZg9oOQeLlk77F6tSYqjDAFClrHJk9tMf0HdVyOvA==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/util": "^5.2.0",
@@ -778,124 +792,65 @@
       }
     },
     "node_modules/@aws-sdk/client-s3": {
-      "version": "3.984.0",
+      "version": "3.1011.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-s3/-/client-s3-3.1011.0.tgz",
+      "integrity": "sha512-jY7CGX+vfM/DSi4K8UwaZKoXnhqchmAbKFB1kIuHMfPPqW7l3jC/fUVDb95/njMsB2ymYOTusZEzoCTeUB/4qA==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/sha1-browser": "5.2.0",
         "@aws-crypto/sha256-browser": "5.2.0",
         "@aws-crypto/sha256-js": "5.2.0",
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/credential-provider-node": "^3.972.5",
-        "@aws-sdk/middleware-bucket-endpoint": "^3.972.3",
-        "@aws-sdk/middleware-expect-continue": "^3.972.3",
-        "@aws-sdk/middleware-flexible-checksums": "^3.972.4",
-        "@aws-sdk/middleware-host-header": "^3.972.3",
-        "@aws-sdk/middleware-location-constraint": "^3.972.3",
-        "@aws-sdk/middleware-logger": "^3.972.3",
-        "@aws-sdk/middleware-recursion-detection": "^3.972.3",
-        "@aws-sdk/middleware-sdk-s3": "^3.972.6",
-        "@aws-sdk/middleware-ssec": "^3.972.3",
-        "@aws-sdk/middleware-user-agent": "^3.972.6",
-        "@aws-sdk/region-config-resolver": "^3.972.3",
-        "@aws-sdk/signature-v4-multi-region": "3.984.0",
-        "@aws-sdk/types": "^3.973.1",
-        "@aws-sdk/util-endpoints": "3.984.0",
-        "@aws-sdk/util-user-agent-browser": "^3.972.3",
-        "@aws-sdk/util-user-agent-node": "^3.972.4",
-        "@smithy/config-resolver": "^4.4.6",
-        "@smithy/core": "^3.22.0",
-        "@smithy/eventstream-serde-browser": "^4.2.8",
-        "@smithy/eventstream-serde-config-resolver": "^4.3.8",
-        "@smithy/eventstream-serde-node": "^4.2.8",
-        "@smithy/fetch-http-handler": "^5.3.9",
-        "@smithy/hash-blob-browser": "^4.2.9",
-        "@smithy/hash-node": "^4.2.8",
-        "@smithy/hash-stream-node": "^4.2.8",
-        "@smithy/invalid-dependency": "^4.2.8",
-        "@smithy/md5-js": "^4.2.8",
-        "@smithy/middleware-content-length": "^4.2.8",
-        "@smithy/middleware-endpoint": "^4.4.12",
-        "@smithy/middleware-retry": "^4.4.29",
-        "@smithy/middleware-serde": "^4.2.9",
-        "@smithy/middleware-stack": "^4.2.8",
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/node-http-handler": "^4.4.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/smithy-client": "^4.11.1",
-        "@smithy/types": "^4.12.0",
-        "@smithy/url-parser": "^4.2.8",
-        "@smithy/util-base64": "^4.3.0",
-        "@smithy/util-body-length-browser": "^4.2.0",
-        "@smithy/util-body-length-node": "^4.2.1",
-        "@smithy/util-defaults-mode-browser": "^4.3.28",
-        "@smithy/util-defaults-mode-node": "^4.2.31",
-        "@smithy/util-endpoints": "^3.2.8",
-        "@smithy/util-middleware": "^4.2.8",
-        "@smithy/util-retry": "^4.2.8",
-        "@smithy/util-stream": "^4.5.10",
-        "@smithy/util-utf8": "^4.2.0",
-        "@smithy/util-waiter": "^4.2.8",
-        "tslib": "^2.6.2"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/@aws-sdk/client-sso": {
-      "version": "3.982.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-crypto/sha256-browser": "5.2.0",
-        "@aws-crypto/sha256-js": "5.2.0",
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/middleware-host-header": "^3.972.3",
-        "@aws-sdk/middleware-logger": "^3.972.3",
-        "@aws-sdk/middleware-recursion-detection": "^3.972.3",
-        "@aws-sdk/middleware-user-agent": "^3.972.6",
-        "@aws-sdk/region-config-resolver": "^3.972.3",
-        "@aws-sdk/types": "^3.973.1",
-        "@aws-sdk/util-endpoints": "3.982.0",
-        "@aws-sdk/util-user-agent-browser": "^3.972.3",
-        "@aws-sdk/util-user-agent-node": "^3.972.4",
-        "@smithy/config-resolver": "^4.4.6",
-        "@smithy/core": "^3.22.0",
-        "@smithy/fetch-http-handler": "^5.3.9",
-        "@smithy/hash-node": "^4.2.8",
-        "@smithy/invalid-dependency": "^4.2.8",
-        "@smithy/middleware-content-length": "^4.2.8",
-        "@smithy/middleware-endpoint": "^4.4.12",
-        "@smithy/middleware-retry": "^4.4.29",
-        "@smithy/middleware-serde": "^4.2.9",
-        "@smithy/middleware-stack": "^4.2.8",
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/node-http-handler": "^4.4.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/smithy-client": "^4.11.1",
-        "@smithy/types": "^4.12.0",
-        "@smithy/url-parser": "^4.2.8",
-        "@smithy/util-base64": "^4.3.0",
-        "@smithy/util-body-length-browser": "^4.2.0",
-        "@smithy/util-body-length-node": "^4.2.1",
-        "@smithy/util-defaults-mode-browser": "^4.3.28",
-        "@smithy/util-defaults-mode-node": "^4.2.31",
-        "@smithy/util-endpoints": "^3.2.8",
-        "@smithy/util-middleware": "^4.2.8",
-        "@smithy/util-retry": "^4.2.8",
-        "@smithy/util-utf8": "^4.2.0",
-        "tslib": "^2.6.2"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/@aws-sdk/client-sso/node_modules/@aws-sdk/util-endpoints": {
-      "version": "3.982.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/types": "^4.12.0",
-        "@smithy/url-parser": "^4.2.8",
-        "@smithy/util-endpoints": "^3.2.8",
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/credential-provider-node": "^3.972.21",
+        "@aws-sdk/middleware-bucket-endpoint": "^3.972.8",
+        "@aws-sdk/middleware-expect-continue": "^3.972.8",
+        "@aws-sdk/middleware-flexible-checksums": "^3.974.0",
+        "@aws-sdk/middleware-host-header": "^3.972.8",
+        "@aws-sdk/middleware-location-constraint": "^3.972.8",
+        "@aws-sdk/middleware-logger": "^3.972.8",
+        "@aws-sdk/middleware-recursion-detection": "^3.972.8",
+        "@aws-sdk/middleware-sdk-s3": "^3.972.20",
+        "@aws-sdk/middleware-ssec": "^3.972.8",
+        "@aws-sdk/middleware-user-agent": "^3.972.21",
+        "@aws-sdk/region-config-resolver": "^3.972.8",
+        "@aws-sdk/signature-v4-multi-region": "^3.996.8",
+        "@aws-sdk/types": "^3.973.6",
+        "@aws-sdk/util-endpoints": "^3.996.5",
+        "@aws-sdk/util-user-agent-browser": "^3.972.8",
+        "@aws-sdk/util-user-agent-node": "^3.973.7",
+        "@smithy/config-resolver": "^4.4.11",
+        "@smithy/core": "^3.23.11",
+        "@smithy/eventstream-serde-browser": "^4.2.12",
+        "@smithy/eventstream-serde-config-resolver": "^4.3.12",
+        "@smithy/eventstream-serde-node": "^4.2.12",
+        "@smithy/fetch-http-handler": "^5.3.15",
+        "@smithy/hash-blob-browser": "^4.2.13",
+        "@smithy/hash-node": "^4.2.12",
+        "@smithy/hash-stream-node": "^4.2.12",
+        "@smithy/invalid-dependency": "^4.2.12",
+        "@smithy/md5-js": "^4.2.12",
+        "@smithy/middleware-content-length": "^4.2.12",
+        "@smithy/middleware-endpoint": "^4.4.25",
+        "@smithy/middleware-retry": "^4.4.42",
+        "@smithy/middleware-serde": "^4.2.14",
+        "@smithy/middleware-stack": "^4.2.12",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/node-http-handler": "^4.4.16",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/smithy-client": "^4.12.5",
+        "@smithy/types": "^4.13.1",
+        "@smithy/url-parser": "^4.2.12",
+        "@smithy/util-base64": "^4.3.2",
+        "@smithy/util-body-length-browser": "^4.2.2",
+        "@smithy/util-body-length-node": "^4.2.3",
+        "@smithy/util-defaults-mode-browser": "^4.3.41",
+        "@smithy/util-defaults-mode-node": "^4.2.44",
+        "@smithy/util-endpoints": "^3.3.3",
+        "@smithy/util-middleware": "^4.2.12",
+        "@smithy/util-retry": "^4.2.12",
+        "@smithy/util-stream": "^4.5.19",
+        "@smithy/util-utf8": "^4.2.2",
+        "@smithy/util-waiter": "^4.2.13",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -903,21 +858,23 @@
       }
     },
     "node_modules/@aws-sdk/core": {
-      "version": "3.973.6",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@aws-sdk/xml-builder": "^3.972.4",
-        "@smithy/core": "^3.22.0",
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/signature-v4": "^5.3.8",
-        "@smithy/smithy-client": "^4.11.1",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-base64": "^4.3.0",
-        "@smithy/util-middleware": "^4.2.8",
-        "@smithy/util-utf8": "^4.2.0",
+      "version": "3.973.20",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/core/-/core-3.973.20.tgz",
+      "integrity": "sha512-i3GuX+lowD892F3IuJf8o6AbyDupMTdyTxQrCJGcn71ni5hTZ82L4nQhcdumxZ7XPJRJJVHS/CR3uYOIIs0PVA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "^3.973.6",
+        "@aws-sdk/xml-builder": "^3.972.11",
+        "@smithy/core": "^3.23.11",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/signature-v4": "^5.3.12",
+        "@smithy/smithy-client": "^4.12.5",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-base64": "^4.3.2",
+        "@smithy/util-middleware": "^4.2.12",
+        "@smithy/util-utf8": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -925,10 +882,12 @@
       }
     },
     "node_modules/@aws-sdk/crc64-nvme": {
-      "version": "3.972.0",
+      "version": "3.972.5",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/crc64-nvme/-/crc64-nvme-3.972.5.tgz",
+      "integrity": "sha512-2VbTstbjKdT+yKi8m7b3a9CiVac+pL/IY2PHJwsaGkkHmuuqkJZIErPck1h6P3T9ghQMLSdMPyW6Qp7Di5swFg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -936,13 +895,15 @@
       }
     },
     "node_modules/@aws-sdk/credential-provider-env": {
-      "version": "3.972.4",
+      "version": "3.972.18",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-env/-/credential-provider-env-3.972.18.tgz",
+      "integrity": "sha512-X0B8AlQY507i5DwjLByeU2Af4ARsl9Vr84koDcXCbAkplmU+1xBFWxEPrWRAoh56waBne/yJqEloSwvRf4x6XA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -950,18 +911,20 @@
       }
     },
     "node_modules/@aws-sdk/credential-provider-http": {
-      "version": "3.972.6",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/fetch-http-handler": "^5.3.9",
-        "@smithy/node-http-handler": "^4.4.8",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/smithy-client": "^4.11.1",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-stream": "^4.5.10",
+      "version": "3.972.20",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-http/-/credential-provider-http-3.972.20.tgz",
+      "integrity": "sha512-ey9Lelj001+oOfrbKmS6R2CJAiXX7QKY4Vj9VJv6L2eE6/VjD8DocHIoYqztTm70xDLR4E1jYPTKfIui+eRNDA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/fetch-http-handler": "^5.3.15",
+        "@smithy/node-http-handler": "^4.4.16",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/smithy-client": "^4.12.5",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-stream": "^4.5.19",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -969,22 +932,24 @@
       }
     },
     "node_modules/@aws-sdk/credential-provider-ini": {
-      "version": "3.972.4",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/credential-provider-env": "^3.972.4",
-        "@aws-sdk/credential-provider-http": "^3.972.6",
-        "@aws-sdk/credential-provider-login": "^3.972.4",
-        "@aws-sdk/credential-provider-process": "^3.972.4",
-        "@aws-sdk/credential-provider-sso": "^3.972.4",
-        "@aws-sdk/credential-provider-web-identity": "^3.972.4",
-        "@aws-sdk/nested-clients": "3.982.0",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/credential-provider-imds": "^4.2.8",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/shared-ini-file-loader": "^4.4.3",
-        "@smithy/types": "^4.12.0",
+      "version": "3.972.20",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-ini/-/credential-provider-ini-3.972.20.tgz",
+      "integrity": "sha512-5flXSnKHMloObNF+9N0cupKegnH1Z37cdVlpETVgx8/rAhCe+VNlkcZH3HDg2SDn9bI765S+rhNPXGDJJPfbtA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/credential-provider-env": "^3.972.18",
+        "@aws-sdk/credential-provider-http": "^3.972.20",
+        "@aws-sdk/credential-provider-login": "^3.972.20",
+        "@aws-sdk/credential-provider-process": "^3.972.18",
+        "@aws-sdk/credential-provider-sso": "^3.972.20",
+        "@aws-sdk/credential-provider-web-identity": "^3.972.20",
+        "@aws-sdk/nested-clients": "^3.996.10",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/credential-provider-imds": "^4.2.12",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/shared-ini-file-loader": "^4.4.7",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -992,16 +957,18 @@
       }
     },
     "node_modules/@aws-sdk/credential-provider-login": {
-      "version": "3.972.4",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/nested-clients": "3.982.0",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/shared-ini-file-loader": "^4.4.3",
-        "@smithy/types": "^4.12.0",
+      "version": "3.972.20",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-login/-/credential-provider-login-3.972.20.tgz",
+      "integrity": "sha512-gEWo54nfqp2jABMu6HNsjVC4hDLpg9HC8IKSJnp0kqWtxIJYHTmiLSsIfI4ScQjxEwpB+jOOH8dOLax1+hy/Hw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/nested-clients": "^3.996.10",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/shared-ini-file-loader": "^4.4.7",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1009,20 +976,22 @@
       }
     },
     "node_modules/@aws-sdk/credential-provider-node": {
-      "version": "3.972.5",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-sdk/credential-provider-env": "^3.972.4",
-        "@aws-sdk/credential-provider-http": "^3.972.6",
-        "@aws-sdk/credential-provider-ini": "^3.972.4",
-        "@aws-sdk/credential-provider-process": "^3.972.4",
-        "@aws-sdk/credential-provider-sso": "^3.972.4",
-        "@aws-sdk/credential-provider-web-identity": "^3.972.4",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/credential-provider-imds": "^4.2.8",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/shared-ini-file-loader": "^4.4.3",
-        "@smithy/types": "^4.12.0",
+      "version": "3.972.21",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-node/-/credential-provider-node-3.972.21.tgz",
+      "integrity": "sha512-hah8if3/B/Q+LBYN5FukyQ1Mym6PLPDsBOBsIgNEYD6wLyZg0UmUF/OKIVC3nX9XH8TfTPuITK+7N/jenVACWA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/credential-provider-env": "^3.972.18",
+        "@aws-sdk/credential-provider-http": "^3.972.20",
+        "@aws-sdk/credential-provider-ini": "^3.972.20",
+        "@aws-sdk/credential-provider-process": "^3.972.18",
+        "@aws-sdk/credential-provider-sso": "^3.972.20",
+        "@aws-sdk/credential-provider-web-identity": "^3.972.20",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/credential-provider-imds": "^4.2.12",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/shared-ini-file-loader": "^4.4.7",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1030,14 +999,16 @@
       }
     },
     "node_modules/@aws-sdk/credential-provider-process": {
-      "version": "3.972.4",
+      "version": "3.972.18",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-process/-/credential-provider-process-3.972.18.tgz",
+      "integrity": "sha512-Tpl7SRaPoOLT32jbTWchPsn52hYYgJ0kpiFgnwk8pxTANQdUymVSZkzFvv1+oOgZm1CrbQUP9MBeoMZ9IzLZjA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/shared-ini-file-loader": "^4.4.3",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/shared-ini-file-loader": "^4.4.7",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1045,16 +1016,18 @@
       }
     },
     "node_modules/@aws-sdk/credential-provider-sso": {
-      "version": "3.972.4",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-sdk/client-sso": "3.982.0",
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/token-providers": "3.982.0",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/shared-ini-file-loader": "^4.4.3",
-        "@smithy/types": "^4.12.0",
+      "version": "3.972.20",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-sso/-/credential-provider-sso-3.972.20.tgz",
+      "integrity": "sha512-p+R+PYR5Z7Gjqf/6pvbCnzEHcqPCpLzR7Yf127HjJ6EAb4hUcD+qsNRnuww1sB/RmSeCLxyay8FMyqREw4p1RA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/nested-clients": "^3.996.10",
+        "@aws-sdk/token-providers": "3.1009.0",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/shared-ini-file-loader": "^4.4.7",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1062,15 +1035,17 @@
       }
     },
     "node_modules/@aws-sdk/credential-provider-web-identity": {
-      "version": "3.972.4",
+      "version": "3.972.20",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-web-identity/-/credential-provider-web-identity-3.972.20.tgz",
+      "integrity": "sha512-rWCmh8o7QY4CsUj63qopzMzkDq/yPpkrpb+CnjBEFSOg/02T/we7sSTVg4QsDiVS9uwZ8VyONhq98qt+pIh3KA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/nested-clients": "3.982.0",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/shared-ini-file-loader": "^4.4.3",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/nested-clients": "^3.996.10",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/shared-ini-file-loader": "^4.4.7",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1078,12 +1053,14 @@
       }
     },
     "node_modules/@aws-sdk/lib-storage": {
-      "version": "3.984.0",
+      "version": "3.1011.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/lib-storage/-/lib-storage-3.1011.0.tgz",
+      "integrity": "sha512-bUWxlwTbFZoXBhLSFaeQjee0d4aI/eUk6Ug9FLoRP8/bNaiUFldAABpfb/OHc0G433ZgqHSmhnpnAzOtV+8mBQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/abort-controller": "^4.2.8",
-        "@smithy/middleware-endpoint": "^4.4.12",
-        "@smithy/smithy-client": "^4.11.1",
+        "@smithy/abort-controller": "^4.2.12",
+        "@smithy/middleware-endpoint": "^4.4.25",
+        "@smithy/smithy-client": "^4.12.5",
         "buffer": "5.6.0",
         "events": "3.3.0",
         "stream-browserify": "3.0.0",
@@ -1093,19 +1070,21 @@
         "node": ">=20.0.0"
       },
       "peerDependencies": {
-        "@aws-sdk/client-s3": "^3.984.0"
+        "@aws-sdk/client-s3": "^3.1011.0"
       }
     },
     "node_modules/@aws-sdk/middleware-bucket-endpoint": {
-      "version": "3.972.3",
+      "version": "3.972.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-bucket-endpoint/-/middleware-bucket-endpoint-3.972.8.tgz",
+      "integrity": "sha512-WR525Rr2QJSETa9a050isktyWi/4yIGcmY3BQ1kpHqb0LqUglQHCS8R27dTJxxWNZvQ0RVGtEZjTCbZJpyF3Aw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@aws-sdk/util-arn-parser": "^3.972.2",
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-config-provider": "^4.2.0",
+        "@aws-sdk/types": "^3.973.6",
+        "@aws-sdk/util-arn-parser": "^3.972.3",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-config-provider": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1113,12 +1092,14 @@
       }
     },
     "node_modules/@aws-sdk/middleware-expect-continue": {
-      "version": "3.972.3",
+      "version": "3.972.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-expect-continue/-/middleware-expect-continue-3.972.8.tgz",
+      "integrity": "sha512-5DTBTiotEES1e2jOHAq//zyzCjeMB78lEHd35u15qnrid4Nxm7diqIf9fQQ3Ov0ChH1V3Vvt13thOnrACmfGVQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1126,22 +1107,24 @@
       }
     },
     "node_modules/@aws-sdk/middleware-flexible-checksums": {
-      "version": "3.972.4",
+      "version": "3.974.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-flexible-checksums/-/middleware-flexible-checksums-3.974.0.tgz",
+      "integrity": "sha512-BmdDjqvnuYaC4SY7ypHLXfCSsGYGUZkjCLSZyUAAYn1YT28vbNMJNDwhlfkvvE+hQHG5RJDlEmYuvBxcB9jX1g==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/crc32": "5.2.0",
         "@aws-crypto/crc32c": "5.2.0",
         "@aws-crypto/util": "5.2.0",
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/crc64-nvme": "3.972.0",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/is-array-buffer": "^4.2.0",
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-middleware": "^4.2.8",
-        "@smithy/util-stream": "^4.5.10",
-        "@smithy/util-utf8": "^4.2.0",
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/crc64-nvme": "^3.972.5",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/is-array-buffer": "^4.2.2",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-middleware": "^4.2.12",
+        "@smithy/util-stream": "^4.5.19",
+        "@smithy/util-utf8": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1149,12 +1132,14 @@
       }
     },
     "node_modules/@aws-sdk/middleware-host-header": {
-      "version": "3.972.3",
+      "version": "3.972.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-host-header/-/middleware-host-header-3.972.8.tgz",
+      "integrity": "sha512-wAr2REfKsqoKQ+OkNqvOShnBoh+nkPurDKW7uAeVSu6kUECnWlSJiPvnoqxGlfousEY/v9LfS9sNc46hjSYDIQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1162,11 +1147,13 @@
       }
     },
     "node_modules/@aws-sdk/middleware-location-constraint": {
-      "version": "3.972.3",
+      "version": "3.972.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-location-constraint/-/middleware-location-constraint-3.972.8.tgz",
+      "integrity": "sha512-KaUoFuoFPziIa98DSQsTPeke1gvGXlc5ZGMhy+b+nLxZ4A7jmJgLzjEF95l8aOQN2T/qlPP3MrAyELm8ExXucw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1174,11 +1161,13 @@
       }
     },
     "node_modules/@aws-sdk/middleware-logger": {
-      "version": "3.972.3",
+      "version": "3.972.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-logger/-/middleware-logger-3.972.8.tgz",
+      "integrity": "sha512-CWl5UCM57WUFaFi5kB7IBY1UmOeLvNZAZ2/OZ5l20ldiJ3TiIz1pC65gYj8X0BCPWkeR1E32mpsCk1L1I4n+lA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1186,13 +1175,15 @@
       }
     },
     "node_modules/@aws-sdk/middleware-recursion-detection": {
-      "version": "3.972.3",
+      "version": "3.972.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-recursion-detection/-/middleware-recursion-detection-3.972.8.tgz",
+      "integrity": "sha512-BnnvYs2ZEpdlmZ2PNlV2ZyQ8j8AEkMTjN79y/YA475ER1ByFYrkVR85qmhni8oeTaJcDqbx364wDpitDAA/wCA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
+        "@aws-sdk/types": "^3.973.6",
         "@aws/lambda-invoke-store": "^0.2.2",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/types": "^4.12.0",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1200,22 +1191,24 @@
       }
     },
     "node_modules/@aws-sdk/middleware-sdk-s3": {
-      "version": "3.972.6",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/types": "^3.973.1",
-        "@aws-sdk/util-arn-parser": "^3.972.2",
-        "@smithy/core": "^3.22.0",
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/signature-v4": "^5.3.8",
-        "@smithy/smithy-client": "^4.11.1",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-config-provider": "^4.2.0",
-        "@smithy/util-middleware": "^4.2.8",
-        "@smithy/util-stream": "^4.5.10",
-        "@smithy/util-utf8": "^4.2.0",
+      "version": "3.972.20",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-sdk-s3/-/middleware-sdk-s3-3.972.20.tgz",
+      "integrity": "sha512-yhva/xL5H4tWQgsBjwV+RRD0ByCzg0TcByDCLp3GXdn/wlyRNfy8zsswDtCvr1WSKQkSQYlyEzPuWkJG0f5HvQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/types": "^3.973.6",
+        "@aws-sdk/util-arn-parser": "^3.972.3",
+        "@smithy/core": "^3.23.11",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/signature-v4": "^5.3.12",
+        "@smithy/smithy-client": "^4.12.5",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-config-provider": "^4.2.2",
+        "@smithy/util-middleware": "^4.2.12",
+        "@smithy/util-stream": "^4.5.19",
+        "@smithy/util-utf8": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1223,11 +1216,13 @@
       }
     },
     "node_modules/@aws-sdk/middleware-ssec": {
-      "version": "3.972.3",
+      "version": "3.972.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-ssec/-/middleware-ssec-3.972.8.tgz",
+      "integrity": "sha512-wqlK0yO/TxEC2UsY9wIlqeeutF6jjLe0f96Pbm40XscTo57nImUk9lBcw0dPgsm0sppFtAkSlDrfpK+pC30Wqw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1235,29 +1230,18 @@
       }
     },
     "node_modules/@aws-sdk/middleware-user-agent": {
-      "version": "3.972.6",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/types": "^3.973.1",
-        "@aws-sdk/util-endpoints": "3.982.0",
-        "@smithy/core": "^3.22.0",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/types": "^4.12.0",
-        "tslib": "^2.6.2"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/@aws-sdk/middleware-user-agent/node_modules/@aws-sdk/util-endpoints": {
-      "version": "3.982.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/types": "^4.12.0",
-        "@smithy/url-parser": "^4.2.8",
-        "@smithy/util-endpoints": "^3.2.8",
+      "version": "3.972.21",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-user-agent/-/middleware-user-agent-3.972.21.tgz",
+      "integrity": "sha512-62XRl1GDYPpkt7cx1AX1SPy9wgNE9Iw/NPuurJu4lmhCWS7sGKO+kS53TQ8eRmIxy3skmvNInnk0ZbWrU5Dpyg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/types": "^3.973.6",
+        "@aws-sdk/util-endpoints": "^3.996.5",
+        "@smithy/core": "^3.23.11",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-retry": "^4.2.12",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1265,60 +1249,48 @@
       }
     },
     "node_modules/@aws-sdk/nested-clients": {
-      "version": "3.982.0",
+      "version": "3.996.10",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/nested-clients/-/nested-clients-3.996.10.tgz",
+      "integrity": "sha512-SlDol5Z+C7Ivnc2rKGqiqfSUmUZzY1qHfVs9myt/nxVwswgfpjdKahyTzLTx802Zfq0NFRs7AejwKzzzl5Co2w==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/sha256-browser": "5.2.0",
         "@aws-crypto/sha256-js": "5.2.0",
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/middleware-host-header": "^3.972.3",
-        "@aws-sdk/middleware-logger": "^3.972.3",
-        "@aws-sdk/middleware-recursion-detection": "^3.972.3",
-        "@aws-sdk/middleware-user-agent": "^3.972.6",
-        "@aws-sdk/region-config-resolver": "^3.972.3",
-        "@aws-sdk/types": "^3.973.1",
-        "@aws-sdk/util-endpoints": "3.982.0",
-        "@aws-sdk/util-user-agent-browser": "^3.972.3",
-        "@aws-sdk/util-user-agent-node": "^3.972.4",
-        "@smithy/config-resolver": "^4.4.6",
-        "@smithy/core": "^3.22.0",
-        "@smithy/fetch-http-handler": "^5.3.9",
-        "@smithy/hash-node": "^4.2.8",
-        "@smithy/invalid-dependency": "^4.2.8",
-        "@smithy/middleware-content-length": "^4.2.8",
-        "@smithy/middleware-endpoint": "^4.4.12",
-        "@smithy/middleware-retry": "^4.4.29",
-        "@smithy/middleware-serde": "^4.2.9",
-        "@smithy/middleware-stack": "^4.2.8",
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/node-http-handler": "^4.4.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/smithy-client": "^4.11.1",
-        "@smithy/types": "^4.12.0",
-        "@smithy/url-parser": "^4.2.8",
-        "@smithy/util-base64": "^4.3.0",
-        "@smithy/util-body-length-browser": "^4.2.0",
-        "@smithy/util-body-length-node": "^4.2.1",
-        "@smithy/util-defaults-mode-browser": "^4.3.28",
-        "@smithy/util-defaults-mode-node": "^4.2.31",
-        "@smithy/util-endpoints": "^3.2.8",
-        "@smithy/util-middleware": "^4.2.8",
-        "@smithy/util-retry": "^4.2.8",
-        "@smithy/util-utf8": "^4.2.0",
-        "tslib": "^2.6.2"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/@aws-sdk/nested-clients/node_modules/@aws-sdk/util-endpoints": {
-      "version": "3.982.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/types": "^4.12.0",
-        "@smithy/url-parser": "^4.2.8",
-        "@smithy/util-endpoints": "^3.2.8",
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/middleware-host-header": "^3.972.8",
+        "@aws-sdk/middleware-logger": "^3.972.8",
+        "@aws-sdk/middleware-recursion-detection": "^3.972.8",
+        "@aws-sdk/middleware-user-agent": "^3.972.21",
+        "@aws-sdk/region-config-resolver": "^3.972.8",
+        "@aws-sdk/types": "^3.973.6",
+        "@aws-sdk/util-endpoints": "^3.996.5",
+        "@aws-sdk/util-user-agent-browser": "^3.972.8",
+        "@aws-sdk/util-user-agent-node": "^3.973.7",
+        "@smithy/config-resolver": "^4.4.11",
+        "@smithy/core": "^3.23.11",
+        "@smithy/fetch-http-handler": "^5.3.15",
+        "@smithy/hash-node": "^4.2.12",
+        "@smithy/invalid-dependency": "^4.2.12",
+        "@smithy/middleware-content-length": "^4.2.12",
+        "@smithy/middleware-endpoint": "^4.4.25",
+        "@smithy/middleware-retry": "^4.4.42",
+        "@smithy/middleware-serde": "^4.2.14",
+        "@smithy/middleware-stack": "^4.2.12",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/node-http-handler": "^4.4.16",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/smithy-client": "^4.12.5",
+        "@smithy/types": "^4.13.1",
+        "@smithy/url-parser": "^4.2.12",
+        "@smithy/util-base64": "^4.3.2",
+        "@smithy/util-body-length-browser": "^4.2.2",
+        "@smithy/util-body-length-node": "^4.2.3",
+        "@smithy/util-defaults-mode-browser": "^4.3.41",
+        "@smithy/util-defaults-mode-node": "^4.2.44",
+        "@smithy/util-endpoints": "^3.3.3",
+        "@smithy/util-middleware": "^4.2.12",
+        "@smithy/util-retry": "^4.2.12",
+        "@smithy/util-utf8": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1326,13 +1298,15 @@
       }
     },
     "node_modules/@aws-sdk/region-config-resolver": {
-      "version": "3.972.3",
+      "version": "3.972.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/region-config-resolver/-/region-config-resolver-3.972.8.tgz",
+      "integrity": "sha512-1eD4uhTDeambO/PNIDVG19A6+v4NdD7xzwLHDutHsUqz0B+i661MwQB2eYO4/crcCvCiQG4SRm1k81k54FEIvw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/config-resolver": "^4.4.6",
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/config-resolver": "^4.4.11",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1340,14 +1314,16 @@
       }
     },
     "node_modules/@aws-sdk/signature-v4-multi-region": {
-      "version": "3.984.0",
+      "version": "3.996.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/signature-v4-multi-region/-/signature-v4-multi-region-3.996.8.tgz",
+      "integrity": "sha512-n1qYFD+tbqZuyskVaxUE+t10AUz9g3qzDw3Tp6QZDKmqsjfDmZBd4GIk2EKJJNtcCBtE5YiUjDYA+3djFAFBBg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/middleware-sdk-s3": "^3.972.6",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/signature-v4": "^5.3.8",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/middleware-sdk-s3": "^3.972.20",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/signature-v4": "^5.3.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1355,15 +1331,17 @@
       }
     },
     "node_modules/@aws-sdk/token-providers": {
-      "version": "3.982.0",
+      "version": "3.1009.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/token-providers/-/token-providers-3.1009.0.tgz",
+      "integrity": "sha512-KCPLuTqN9u0Rr38Arln78fRG9KXpzsPWmof+PZzfAHMMQq2QED6YjQrkrfiH7PDefLWEposY1o4/eGwrmKA4JA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/core": "^3.973.6",
-        "@aws-sdk/nested-clients": "3.982.0",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/shared-ini-file-loader": "^4.4.3",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/core": "^3.973.20",
+        "@aws-sdk/nested-clients": "^3.996.10",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/shared-ini-file-loader": "^4.4.7",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1371,10 +1349,12 @@
       }
     },
     "node_modules/@aws-sdk/types": {
-      "version": "3.973.1",
+      "version": "3.973.6",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/types/-/types-3.973.6.tgz",
+      "integrity": "sha512-Atfcy4E++beKtwJHiDln2Nby8W/mam64opFPTiHEqgsthqeydFS1pY+OUlN1ouNOmf8ArPU/6cDS65anOP3KQw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1382,7 +1362,9 @@
       }
     },
     "node_modules/@aws-sdk/util-arn-parser": {
-      "version": "3.972.2",
+      "version": "3.972.3",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-arn-parser/-/util-arn-parser-3.972.3.tgz",
+      "integrity": "sha512-HzSD8PMFrvgi2Kserxuff5VitNq2sgf3w9qxmskKDiDTThWfVteJxuCS9JXiPIPtmCrp+7N9asfIaVhBFORllA==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -1392,13 +1374,15 @@
       }
     },
     "node_modules/@aws-sdk/util-endpoints": {
-      "version": "3.984.0",
+      "version": "3.996.5",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-endpoints/-/util-endpoints-3.996.5.tgz",
+      "integrity": "sha512-Uh93L5sXFNbyR5sEPMzUU8tJ++Ku97EY4udmC01nB8Zu+xfBPwpIwJ6F7snqQeq8h2pf+8SGN5/NoytfKgYPIw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/types": "^4.12.0",
-        "@smithy/url-parser": "^4.2.8",
-        "@smithy/util-endpoints": "^3.2.8",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/types": "^4.13.1",
+        "@smithy/url-parser": "^4.2.12",
+        "@smithy/util-endpoints": "^3.3.3",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1416,23 +1400,28 @@
       }
     },
     "node_modules/@aws-sdk/util-user-agent-browser": {
-      "version": "3.972.3",
+      "version": "3.972.8",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-user-agent-browser/-/util-user-agent-browser-3.972.8.tgz",
+      "integrity": "sha512-B3KGXJviV2u6Cdw2SDY2aDhoJkVfY/Q/Trwk2CMSkikE1Oi6gRzxhvhIfiRpHfmIsAhV4EA54TVEX8K6CbHbkA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/types": "^4.13.1",
         "bowser": "^2.11.0",
         "tslib": "^2.6.2"
       }
     },
     "node_modules/@aws-sdk/util-user-agent-node": {
-      "version": "3.972.4",
+      "version": "3.973.7",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-user-agent-node/-/util-user-agent-node-3.973.7.tgz",
+      "integrity": "sha512-Hz6EZMUAEzqUd7e+vZ9LE7mn+5gMbxltXy18v+YSFY+9LBJz15wkNZvw5JqfX3z0FS9n3bgUtz3L5rAsfh4YlA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@aws-sdk/middleware-user-agent": "^3.972.6",
-        "@aws-sdk/types": "^3.973.1",
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/types": "^4.12.0",
+        "@aws-sdk/middleware-user-agent": "^3.972.21",
+        "@aws-sdk/types": "^3.973.6",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-config-provider": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1448,13 +1437,13 @@
       }
     },
     "node_modules/@aws-sdk/xml-builder": {
-      "version": "3.972.8",
-      "resolved": "https://registry.npmjs.org/@aws-sdk/xml-builder/-/xml-builder-3.972.8.tgz",
-      "integrity": "sha512-Ql8elcUdYCha83Ol7NznBsgN5GVZnv3vUd86fEc6waU6oUdY0T1O9NODkEEOS/Uaogr87avDrUC6DSeM4oXjZg==",
+      "version": "3.972.11",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/xml-builder/-/xml-builder-3.972.11.tgz",
+      "integrity": "sha512-iitV/gZKQMvY9d7ovmyFnFuTHbBAtrmLnvaSb/3X8vOKyevwtpmEtyc8AdhVWZe0pI/1GsHxlEvQeOePFzy7KQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.13.0",
-        "fast-xml-parser": "5.3.6",
+        "@smithy/types": "^4.13.1",
+        "fast-xml-parser": "5.4.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1462,7 +1451,9 @@
       }
     },
     "node_modules/@aws/lambda-invoke-store": {
-      "version": "0.2.3",
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@aws/lambda-invoke-store/-/lambda-invoke-store-0.2.4.tgz",
+      "integrity": "sha512-iY8yvjE0y651BixKNPgmv1WrQc+GZ142sb0z4gYnChDDY2YqI4P/jsSopBWrKfAt7LOJAkOXt7rC/hms+WclQQ==",
       "license": "Apache-2.0",
       "engines": {
         "node": ">=18.0.0"
@@ -3146,9 +3137,9 @@
       "license": "MIT"
     },
     "node_modules/@microsoft/api-extractor": {
-      "version": "7.57.6",
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.57.6.tgz",
-      "integrity": "sha512-0rFv/D8Grzw1Mjs2+8NGUR+o4h9LVm5zKRtMeWnpdB5IMJF4TeHCL1zR5LMCIudkOvyvjbhMG5Wjs0B5nqsrRQ==",
+      "version": "7.57.7",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.57.7.tgz",
+      "integrity": "sha512-kmnmVs32MFWbV5X6BInC1/TfCs7y1ugwxv1xHsAIj/DyUfoe7vtO0alRUgbQa57+yRGHBBjlNcEk33SCAt5/dA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3161,7 +3152,7 @@
         "@rushstack/ts-command-line": "5.3.3",
         "diff": "~8.0.2",
         "lodash": "~4.17.23",
-        "minimatch": "10.2.1",
+        "minimatch": "10.2.3",
         "resolve": "~1.22.1",
         "semver": "~7.5.4",
         "source-map": "~0.6.1",
@@ -3226,16 +3217,16 @@
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/minimatch": {
-      "version": "10.2.1",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.1.tgz",
-      "integrity": "sha512-MClCe8IL5nRRmawL6ib/eT4oLyeKMGCghibcDWK+J0hh0Q8kqSdia6BvbRMVk6mPa6WqUa5uR2oxt6C5jd533A==",
+      "version": "10.2.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.3.tgz",
+      "integrity": "sha512-Rwi3pnapEqirPSbWbrZaa6N3nmqq4Xer/2XooiOKyV3q12ML06f7MOuc5DVH8ONZIFhwIYQ3yzPH4nt7iWHaTg==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
         "brace-expansion": "^5.0.2"
       },
       "engines": {
-        "node": "20 || >=22"
+        "node": "18 || 20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -4287,10 +4278,12 @@
       }
     },
     "node_modules/@smithy/abort-controller": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/abort-controller/-/abort-controller-4.2.12.tgz",
+      "integrity": "sha512-xolrFw6b+2iYGl6EcOL7IJY71vvyZ0DJ3mcKtpykqPe2uscwtzDZJa1uVQXyP7w9Dd+kGwYnPbMsJrGISKiY/Q==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4298,7 +4291,9 @@
       }
     },
     "node_modules/@smithy/chunked-blob-reader": {
-      "version": "5.2.0",
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/chunked-blob-reader/-/chunked-blob-reader-5.2.2.tgz",
+      "integrity": "sha512-St+kVicSyayWQca+I1rGitaOEH6uKgE8IUWoYnnEX26SWdWQcL6LvMSD19Lg+vYHKdT9B2Zuu7rd3i6Wnyb/iw==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -4308,10 +4303,12 @@
       }
     },
     "node_modules/@smithy/chunked-blob-reader-native": {
-      "version": "4.2.1",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@smithy/chunked-blob-reader-native/-/chunked-blob-reader-native-4.2.3.tgz",
+      "integrity": "sha512-jA5k5Udn7Y5717L86h4EIv06wIr3xn8GM1qHRi/Nf31annXcXHJjBKvgztnbn2TxH3xWrPBfgwHsOwZf0UmQWw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/util-base64": "^4.3.0",
+        "@smithy/util-base64": "^4.3.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4319,14 +4316,16 @@
       }
     },
     "node_modules/@smithy/config-resolver": {
-      "version": "4.4.6",
+      "version": "4.4.11",
+      "resolved": "https://registry.npmjs.org/@smithy/config-resolver/-/config-resolver-4.4.11.tgz",
+      "integrity": "sha512-YxFiiG4YDAtX7WMN7RuhHZLeTmRRAOyCbr+zB8e3AQzHPnUhS8zXjB1+cniPVQI3xbWsQPM0X2aaIkO/ME0ymw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-config-provider": "^4.2.0",
-        "@smithy/util-endpoints": "^3.2.8",
-        "@smithy/util-middleware": "^4.2.8",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-config-provider": "^4.2.2",
+        "@smithy/util-endpoints": "^3.3.3",
+        "@smithy/util-middleware": "^4.2.12",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4334,18 +4333,20 @@
       }
     },
     "node_modules/@smithy/core": {
-      "version": "3.22.1",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@smithy/middleware-serde": "^4.2.9",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-base64": "^4.3.0",
-        "@smithy/util-body-length-browser": "^4.2.0",
-        "@smithy/util-middleware": "^4.2.8",
-        "@smithy/util-stream": "^4.5.11",
-        "@smithy/util-utf8": "^4.2.0",
-        "@smithy/uuid": "^1.1.0",
+      "version": "3.23.12",
+      "resolved": "https://registry.npmjs.org/@smithy/core/-/core-3.23.12.tgz",
+      "integrity": "sha512-o9VycsYNtgC+Dy3I0yrwCqv9CWicDnke0L7EVOrZtJpjb2t0EjaEofmMrYc0T1Kn3yk32zm6cspxF9u9Bj7e5w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/types": "^4.13.1",
+        "@smithy/url-parser": "^4.2.12",
+        "@smithy/util-base64": "^4.3.2",
+        "@smithy/util-body-length-browser": "^4.2.2",
+        "@smithy/util-middleware": "^4.2.12",
+        "@smithy/util-stream": "^4.5.20",
+        "@smithy/util-utf8": "^4.2.2",
+        "@smithy/uuid": "^1.1.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4353,13 +4354,15 @@
       }
     },
     "node_modules/@smithy/credential-provider-imds": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/credential-provider-imds/-/credential-provider-imds-4.2.12.tgz",
+      "integrity": "sha512-cr2lR792vNZcYMriSIj+Um3x9KWrjcu98kn234xA6reOAFMmbRpQMOv8KPgEmLLtx3eldU6c5wALKFqNOhugmg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/types": "^4.12.0",
-        "@smithy/url-parser": "^4.2.8",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/types": "^4.13.1",
+        "@smithy/url-parser": "^4.2.12",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4367,12 +4370,14 @@
       }
     },
     "node_modules/@smithy/eventstream-codec": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/eventstream-codec/-/eventstream-codec-4.2.12.tgz",
+      "integrity": "sha512-FE3bZdEl62ojmy8x4FHqxq2+BuOHlcxiH5vaZ6aqHJr3AIZzwF5jfx8dEiU/X0a8RboyNDjmXjlbr8AdEyLgiA==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/crc32": "5.2.0",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-hex-encoding": "^4.2.0",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-hex-encoding": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4380,11 +4385,13 @@
       }
     },
     "node_modules/@smithy/eventstream-serde-browser": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-browser/-/eventstream-serde-browser-4.2.12.tgz",
+      "integrity": "sha512-XUSuMxlTxV5pp4VpqZf6Sa3vT/Q75FVkLSpSSE3KkWBvAQWeuWt1msTv8fJfgA4/jcJhrbrbMzN1AC/hvPmm5A==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/eventstream-serde-universal": "^4.2.8",
-        "@smithy/types": "^4.12.0",
+        "@smithy/eventstream-serde-universal": "^4.2.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4392,10 +4399,12 @@
       }
     },
     "node_modules/@smithy/eventstream-serde-config-resolver": {
-      "version": "4.3.8",
+      "version": "4.3.12",
+      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-config-resolver/-/eventstream-serde-config-resolver-4.3.12.tgz",
+      "integrity": "sha512-7epsAZ3QvfHkngz6RXQYseyZYHlmWXSTPOfPmXkiS+zA6TBNo1awUaMFL9vxyXlGdoELmCZyZe1nQE+imbmV+Q==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4403,11 +4412,13 @@
       }
     },
     "node_modules/@smithy/eventstream-serde-node": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-node/-/eventstream-serde-node-4.2.12.tgz",
+      "integrity": "sha512-D1pFuExo31854eAvg89KMn9Oab/wEeJR6Buy32B49A9Ogdtx5fwZPqBHUlDzaCDpycTFk2+fSQgX689Qsk7UGA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/eventstream-serde-universal": "^4.2.8",
-        "@smithy/types": "^4.12.0",
+        "@smithy/eventstream-serde-universal": "^4.2.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4415,11 +4426,13 @@
       }
     },
     "node_modules/@smithy/eventstream-serde-universal": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-universal/-/eventstream-serde-universal-4.2.12.tgz",
+      "integrity": "sha512-+yNuTiyBACxOJUTvbsNsSOfH9G9oKbaJE1lNL3YHpGcuucl6rPZMi3nrpehpVOVR2E07YqFFmtwpImtpzlouHQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/eventstream-codec": "^4.2.8",
-        "@smithy/types": "^4.12.0",
+        "@smithy/eventstream-codec": "^4.2.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4427,13 +4440,15 @@
       }
     },
     "node_modules/@smithy/fetch-http-handler": {
-      "version": "5.3.9",
+      "version": "5.3.15",
+      "resolved": "https://registry.npmjs.org/@smithy/fetch-http-handler/-/fetch-http-handler-5.3.15.tgz",
+      "integrity": "sha512-T4jFU5N/yiIfrtrsb9uOQn7RdELdM/7HbyLNr6uO/mpkj1ctiVs7CihVr51w4LyQlXWDpXFn4BElf1WmQvZu/A==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/querystring-builder": "^4.2.8",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-base64": "^4.3.0",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/querystring-builder": "^4.2.12",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-base64": "^4.3.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4441,12 +4456,14 @@
       }
     },
     "node_modules/@smithy/hash-blob-browser": {
-      "version": "4.2.9",
+      "version": "4.2.13",
+      "resolved": "https://registry.npmjs.org/@smithy/hash-blob-browser/-/hash-blob-browser-4.2.13.tgz",
+      "integrity": "sha512-YrF4zWKh+ghLuquldj6e/RzE3xZYL8wIPfkt0MqCRphVICjyyjH8OwKD7LLlKpVEbk4FLizFfC1+gwK6XQdR3g==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/chunked-blob-reader": "^5.2.0",
-        "@smithy/chunked-blob-reader-native": "^4.2.1",
-        "@smithy/types": "^4.12.0",
+        "@smithy/chunked-blob-reader": "^5.2.2",
+        "@smithy/chunked-blob-reader-native": "^4.2.3",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4454,12 +4471,14 @@
       }
     },
     "node_modules/@smithy/hash-node": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/hash-node/-/hash-node-4.2.12.tgz",
+      "integrity": "sha512-QhBYbGrbxTkZ43QoTPrK72DoYviDeg6YKDrHTMJbbC+A0sml3kSjzFtXP7BtbyJnXojLfTQldGdUR0RGD8dA3w==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-buffer-from": "^4.2.0",
-        "@smithy/util-utf8": "^4.2.0",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-buffer-from": "^4.2.2",
+        "@smithy/util-utf8": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4467,11 +4486,13 @@
       }
     },
     "node_modules/@smithy/hash-stream-node": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/hash-stream-node/-/hash-stream-node-4.2.12.tgz",
+      "integrity": "sha512-O3YbmGExeafuM/kP7Y8r6+1y0hIh3/zn6GROx0uNlB54K9oihAL75Qtc+jFfLNliTi6pxOAYZrRKD9A7iA6UFw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-utf8": "^4.2.0",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-utf8": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4479,10 +4500,12 @@
       }
     },
     "node_modules/@smithy/invalid-dependency": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/invalid-dependency/-/invalid-dependency-4.2.12.tgz",
+      "integrity": "sha512-/4F1zb7Z8LOu1PalTdESFHR0RbPwHd3FcaG1sI3UEIriQTWakysgJr65lc1jj6QY5ye7aFsisajotH6UhWfm/g==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4490,7 +4513,9 @@
       }
     },
     "node_modules/@smithy/is-array-buffer": {
-      "version": "4.2.0",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/is-array-buffer/-/is-array-buffer-4.2.2.tgz",
+      "integrity": "sha512-n6rQ4N8Jj4YTQO3YFrlgZuwKodf4zUFs7EJIWH86pSCWBaAtAGBFfCM7Wx6D2bBJ2xqFNxGBSrUWswT3M0VJow==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -4500,11 +4525,13 @@
       }
     },
     "node_modules/@smithy/md5-js": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/md5-js/-/md5-js-4.2.12.tgz",
+      "integrity": "sha512-W/oIpHCpWU2+iAkfZYyGWE+qkpuf3vEXHLxQQDx9FPNZTTdnul0dZ2d/gUFrtQ5je1G2kp4cjG0/24YueG2LbQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-utf8": "^4.2.0",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-utf8": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4512,11 +4539,13 @@
       }
     },
     "node_modules/@smithy/middleware-content-length": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-content-length/-/middleware-content-length-4.2.12.tgz",
+      "integrity": "sha512-YE58Yz+cvFInWI/wOTrB+DbvUVz/pLn5mC5MvOV4fdRUc6qGwygyngcucRQjAhiCEbmfLOXX0gntSIcgMvAjmA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/types": "^4.12.0",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4524,16 +4553,18 @@
       }
     },
     "node_modules/@smithy/middleware-endpoint": {
-      "version": "4.4.13",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@smithy/core": "^3.22.1",
-        "@smithy/middleware-serde": "^4.2.9",
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/shared-ini-file-loader": "^4.4.3",
-        "@smithy/types": "^4.12.0",
-        "@smithy/url-parser": "^4.2.8",
-        "@smithy/util-middleware": "^4.2.8",
+      "version": "4.4.26",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-endpoint/-/middleware-endpoint-4.4.26.tgz",
+      "integrity": "sha512-8Qfikvd2GVKSm8S6IbjfwFlRY9VlMrj0Dp4vTwAuhqbX7NhJKE5DQc2bnfJIcY0B+2YKMDBWfvexbSZeejDgeg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/core": "^3.23.12",
+        "@smithy/middleware-serde": "^4.2.15",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/shared-ini-file-loader": "^4.4.7",
+        "@smithy/types": "^4.13.1",
+        "@smithy/url-parser": "^4.2.12",
+        "@smithy/util-middleware": "^4.2.12",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4541,17 +4572,19 @@
       }
     },
     "node_modules/@smithy/middleware-retry": {
-      "version": "4.4.30",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/service-error-classification": "^4.2.8",
-        "@smithy/smithy-client": "^4.11.2",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-middleware": "^4.2.8",
-        "@smithy/util-retry": "^4.2.8",
-        "@smithy/uuid": "^1.1.0",
+      "version": "4.4.43",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-retry/-/middleware-retry-4.4.43.tgz",
+      "integrity": "sha512-ZwsifBdyuNHrFGmbc7bAfP2b54+kt9J2rhFd18ilQGAB+GDiP4SrawqyExbB7v455QVR7Psyhb2kjULvBPIhvA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/service-error-classification": "^4.2.12",
+        "@smithy/smithy-client": "^4.12.6",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-middleware": "^4.2.12",
+        "@smithy/util-retry": "^4.2.12",
+        "@smithy/uuid": "^1.1.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4559,11 +4592,14 @@
       }
     },
     "node_modules/@smithy/middleware-serde": {
-      "version": "4.2.9",
+      "version": "4.2.15",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-serde/-/middleware-serde-4.2.15.tgz",
+      "integrity": "sha512-ExYhcltZSli0pgAKOpQQe1DLFBLryeZ22605y/YS+mQpdNWekum9Ujb/jMKfJKgjtz1AZldtwA/wCYuKJgjjlg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/types": "^4.12.0",
+        "@smithy/core": "^3.23.12",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4571,10 +4607,12 @@
       }
     },
     "node_modules/@smithy/middleware-stack": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-stack/-/middleware-stack-4.2.12.tgz",
+      "integrity": "sha512-kruC5gRHwsCOuyCd4ouQxYjgRAym2uDlCvQ5acuMtRrcdfg7mFBg6blaxcJ09STpt3ziEkis6bhg1uwrWU7txw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4582,12 +4620,14 @@
       }
     },
     "node_modules/@smithy/node-config-provider": {
-      "version": "4.3.8",
+      "version": "4.3.12",
+      "resolved": "https://registry.npmjs.org/@smithy/node-config-provider/-/node-config-provider-4.3.12.tgz",
+      "integrity": "sha512-tr2oKX2xMcO+rBOjobSwVAkV05SIfUKz8iI53rzxEmgW3GOOPOv0UioSDk+J8OpRQnpnhsO3Af6IEBabQBVmiw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/shared-ini-file-loader": "^4.4.3",
-        "@smithy/types": "^4.12.0",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/shared-ini-file-loader": "^4.4.7",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4595,13 +4635,15 @@
       }
     },
     "node_modules/@smithy/node-http-handler": {
-      "version": "4.4.9",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/@smithy/node-http-handler/-/node-http-handler-4.5.0.tgz",
+      "integrity": "sha512-Rnq9vQWiR1+/I6NZZMNzJHV6pZYyEHt2ZnuV3MG8z2NNenC4i/8Kzttz7CjZiHSmsN5frhXhg17z3Zqjjhmz1A==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/abort-controller": "^4.2.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/querystring-builder": "^4.2.8",
-        "@smithy/types": "^4.12.0",
+        "@smithy/abort-controller": "^4.2.12",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/querystring-builder": "^4.2.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4609,10 +4651,12 @@
       }
     },
     "node_modules/@smithy/property-provider": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/property-provider/-/property-provider-4.2.12.tgz",
+      "integrity": "sha512-jqve46eYU1v7pZ5BM+fmkbq3DerkSluPr5EhvOcHxygxzD05ByDRppRwRPPpFrsFo5yDtCYLKu+kreHKVrvc7A==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4620,10 +4664,12 @@
       }
     },
     "node_modules/@smithy/protocol-http": {
-      "version": "5.3.8",
+      "version": "5.3.12",
+      "resolved": "https://registry.npmjs.org/@smithy/protocol-http/-/protocol-http-5.3.12.tgz",
+      "integrity": "sha512-fit0GZK9I1xoRlR4jXmbLhoN0OdEpa96ul8M65XdmXnxXkuMxM0Y8HDT0Fh0Xb4I85MBvBClOzgSrV1X2s1Hxw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4631,11 +4677,13 @@
       }
     },
     "node_modules/@smithy/querystring-builder": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/querystring-builder/-/querystring-builder-4.2.12.tgz",
+      "integrity": "sha512-6wTZjGABQufekycfDGMEB84BgtdOE/rCVTov+EDXQ8NHKTUNIp/j27IliwP7tjIU9LR+sSzyGBOXjeEtVgzCHg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-uri-escape": "^4.2.0",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-uri-escape": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4643,10 +4691,12 @@
       }
     },
     "node_modules/@smithy/querystring-parser": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/querystring-parser/-/querystring-parser-4.2.12.tgz",
+      "integrity": "sha512-P2OdvrgiAKpkPNKlKUtWbNZKB1XjPxM086NeVhK+W+wI46pIKdWBe5QyXvhUm3MEcyS/rkLvY8rZzyUdmyDZBw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4654,20 +4704,24 @@
       }
     },
     "node_modules/@smithy/service-error-classification": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/service-error-classification/-/service-error-classification-4.2.12.tgz",
+      "integrity": "sha512-LlP29oSQN0Tw0b6D0Xo6BIikBswuIiGYbRACy5ujw/JgWSzTdYj46U83ssf6Ux0GyNJVivs2uReU8pt7Eu9okQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0"
+        "@smithy/types": "^4.13.1"
       },
       "engines": {
         "node": ">=18.0.0"
       }
     },
     "node_modules/@smithy/shared-ini-file-loader": {
-      "version": "4.4.3",
+      "version": "4.4.7",
+      "resolved": "https://registry.npmjs.org/@smithy/shared-ini-file-loader/-/shared-ini-file-loader-4.4.7.tgz",
+      "integrity": "sha512-HrOKWsUb+otTeo1HxVWeEb99t5ER1XrBi/xka2Wv6NVmTbuCUC1dvlrksdvxFtODLBjsC+PHK+fuy2x/7Ynyiw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4675,16 +4729,18 @@
       }
     },
     "node_modules/@smithy/signature-v4": {
-      "version": "5.3.8",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@smithy/is-array-buffer": "^4.2.0",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-hex-encoding": "^4.2.0",
-        "@smithy/util-middleware": "^4.2.8",
-        "@smithy/util-uri-escape": "^4.2.0",
-        "@smithy/util-utf8": "^4.2.0",
+      "version": "5.3.12",
+      "resolved": "https://registry.npmjs.org/@smithy/signature-v4/-/signature-v4-5.3.12.tgz",
+      "integrity": "sha512-B/FBwO3MVOL00DaRSXfXfa/TRXRheagt/q5A2NM13u7q+sHS59EOVGQNfG7DkmVtdQm5m3vOosoKAXSqn/OEgw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/is-array-buffer": "^4.2.2",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-hex-encoding": "^4.2.2",
+        "@smithy/util-middleware": "^4.2.12",
+        "@smithy/util-uri-escape": "^4.2.2",
+        "@smithy/util-utf8": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4692,15 +4748,17 @@
       }
     },
     "node_modules/@smithy/smithy-client": {
-      "version": "4.11.2",
+      "version": "4.12.6",
+      "resolved": "https://registry.npmjs.org/@smithy/smithy-client/-/smithy-client-4.12.6.tgz",
+      "integrity": "sha512-aib3f0jiMsJ6+cvDnXipBsGDL7ztknYSVqJs1FdN9P+u9tr/VzOR7iygSh6EUOdaBeMCMSh3N0VdyYsG4o91DQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/core": "^3.22.1",
-        "@smithy/middleware-endpoint": "^4.4.13",
-        "@smithy/middleware-stack": "^4.2.8",
-        "@smithy/protocol-http": "^5.3.8",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-stream": "^4.5.11",
+        "@smithy/core": "^3.23.12",
+        "@smithy/middleware-endpoint": "^4.4.26",
+        "@smithy/middleware-stack": "^4.2.12",
+        "@smithy/protocol-http": "^5.3.12",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-stream": "^4.5.20",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4708,9 +4766,9 @@
       }
     },
     "node_modules/@smithy/types": {
-      "version": "4.13.0",
-      "resolved": "https://registry.npmjs.org/@smithy/types/-/types-4.13.0.tgz",
-      "integrity": "sha512-COuLsZILbbQsdrwKQpkkpyep7lCsByxwj7m0Mg5v66/ZTyenlfBc40/QFQ5chO0YN/PNEH1Bi3fGtfXPnYNeDw==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmjs.org/@smithy/types/-/types-4.13.1.tgz",
+      "integrity": "sha512-787F3yzE2UiJIQ+wYW1CVg2odHjmaWLGksnKQHUrK/lYZSEcy1msuLVvxaR/sI2/aDe9U+TBuLsXnr3vod1g0g==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -4720,11 +4778,13 @@
       }
     },
     "node_modules/@smithy/url-parser": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/url-parser/-/url-parser-4.2.12.tgz",
+      "integrity": "sha512-wOPKPEpso+doCZGIlr+e1lVI6+9VAKfL4kZWFgzVgGWY2hZxshNKod4l2LXS3PRC9otH/JRSjtEHqQ/7eLciRA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/querystring-parser": "^4.2.8",
-        "@smithy/types": "^4.12.0",
+        "@smithy/querystring-parser": "^4.2.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4732,11 +4792,13 @@
       }
     },
     "node_modules/@smithy/util-base64": {
-      "version": "4.3.0",
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-base64/-/util-base64-4.3.2.tgz",
+      "integrity": "sha512-XRH6b0H/5A3SgblmMa5ErXQ2XKhfbQB+Fm/oyLZ2O2kCUrwgg55bU0RekmzAhuwOjA9qdN5VU2BprOvGGUkOOQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/util-buffer-from": "^4.2.0",
-        "@smithy/util-utf8": "^4.2.0",
+        "@smithy/util-buffer-from": "^4.2.2",
+        "@smithy/util-utf8": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4744,7 +4806,9 @@
       }
     },
     "node_modules/@smithy/util-body-length-browser": {
-      "version": "4.2.0",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-body-length-browser/-/util-body-length-browser-4.2.2.tgz",
+      "integrity": "sha512-JKCrLNOup3OOgmzeaKQwi4ZCTWlYR5H4Gm1r2uTMVBXoemo1UEghk5vtMi1xSu2ymgKVGW631e2fp9/R610ZjQ==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -4754,7 +4818,9 @@
       }
     },
     "node_modules/@smithy/util-body-length-node": {
-      "version": "4.2.1",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@smithy/util-body-length-node/-/util-body-length-node-4.2.3.tgz",
+      "integrity": "sha512-ZkJGvqBzMHVHE7r/hcuCxlTY8pQr1kMtdsVPs7ex4mMU+EAbcXppfo5NmyxMYi2XU49eqaz56j2gsk4dHHPG/g==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -4764,10 +4830,12 @@
       }
     },
     "node_modules/@smithy/util-buffer-from": {
-      "version": "4.2.0",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-buffer-from/-/util-buffer-from-4.2.2.tgz",
+      "integrity": "sha512-FDXD7cvUoFWwN6vtQfEta540Y/YBe5JneK3SoZg9bThSoOAC/eGeYEua6RkBgKjGa/sz6Y+DuBZj3+YEY21y4Q==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/is-array-buffer": "^4.2.0",
+        "@smithy/is-array-buffer": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4775,7 +4843,9 @@
       }
     },
     "node_modules/@smithy/util-config-provider": {
-      "version": "4.2.0",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-config-provider/-/util-config-provider-4.2.2.tgz",
+      "integrity": "sha512-dWU03V3XUprJwaUIFVv4iOnS1FC9HnMHDfUrlNDSh4315v0cWyaIErP8KiqGVbf5z+JupoVpNM7ZB3jFiTejvQ==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -4785,12 +4855,14 @@
       }
     },
     "node_modules/@smithy/util-defaults-mode-browser": {
-      "version": "4.3.29",
+      "version": "4.3.42",
+      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-browser/-/util-defaults-mode-browser-4.3.42.tgz",
+      "integrity": "sha512-0vjwmcvkWAUtikXnWIUOyV6IFHTEeQUYh3JUZcDgcszF+hD/StAsQ3rCZNZEPHgI9kVNcbnyc8P2CBHnwgmcwg==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/smithy-client": "^4.11.2",
-        "@smithy/types": "^4.12.0",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/smithy-client": "^4.12.6",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4798,15 +4870,17 @@
       }
     },
     "node_modules/@smithy/util-defaults-mode-node": {
-      "version": "4.2.32",
+      "version": "4.2.45",
+      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-node/-/util-defaults-mode-node-4.2.45.tgz",
+      "integrity": "sha512-q5dOqqfTgUcLe38TAGiFn9srToKj2YCHJ34QGOLzM+xYLLA+qRZv7N+33kl1MERVusue36ZHnlNaNEvY/PzSrw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/config-resolver": "^4.4.6",
-        "@smithy/credential-provider-imds": "^4.2.8",
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/property-provider": "^4.2.8",
-        "@smithy/smithy-client": "^4.11.2",
-        "@smithy/types": "^4.12.0",
+        "@smithy/config-resolver": "^4.4.11",
+        "@smithy/credential-provider-imds": "^4.2.12",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/property-provider": "^4.2.12",
+        "@smithy/smithy-client": "^4.12.6",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4814,11 +4888,13 @@
       }
     },
     "node_modules/@smithy/util-endpoints": {
-      "version": "3.2.8",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@smithy/util-endpoints/-/util-endpoints-3.3.3.tgz",
+      "integrity": "sha512-VACQVe50j0HZPjpwWcjyT51KUQ4AnsvEaQ2lKHOSL4mNLD0G9BjEniQ+yCt1qqfKfiAHRAts26ud7hBjamrwig==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/node-config-provider": "^4.3.8",
-        "@smithy/types": "^4.12.0",
+        "@smithy/node-config-provider": "^4.3.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4826,7 +4902,9 @@
       }
     },
     "node_modules/@smithy/util-hex-encoding": {
-      "version": "4.2.0",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-hex-encoding/-/util-hex-encoding-4.2.2.tgz",
+      "integrity": "sha512-Qcz3W5vuHK4sLQdyT93k/rfrUwdJ8/HZ+nMUOyGdpeGA1Wxt65zYwi3oEl9kOM+RswvYq90fzkNDahPS8K0OIg==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -4836,10 +4914,12 @@
       }
     },
     "node_modules/@smithy/util-middleware": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/util-middleware/-/util-middleware-4.2.12.tgz",
+      "integrity": "sha512-Er805uFUOvgc0l8nv0e0su0VFISoxhJ/AwOn3gL2NWNY2LUEldP5WtVcRYSQBcjg0y9NfG8JYrCJaYDpupBHJQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/types": "^4.12.0",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4847,11 +4927,13 @@
       }
     },
     "node_modules/@smithy/util-retry": {
-      "version": "4.2.8",
+      "version": "4.2.12",
+      "resolved": "https://registry.npmjs.org/@smithy/util-retry/-/util-retry-4.2.12.tgz",
+      "integrity": "sha512-1zopLDUEOwumjcHdJ1mwBHddubYF8GMQvstVCLC54Y46rqoHwlIU+8ZzUeaBcD+WCJHyDGSeZ2ml9YSe9aqcoQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/service-error-classification": "^4.2.8",
-        "@smithy/types": "^4.12.0",
+        "@smithy/service-error-classification": "^4.2.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4859,16 +4941,18 @@
       }
     },
     "node_modules/@smithy/util-stream": {
-      "version": "4.5.11",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@smithy/fetch-http-handler": "^5.3.9",
-        "@smithy/node-http-handler": "^4.4.9",
-        "@smithy/types": "^4.12.0",
-        "@smithy/util-base64": "^4.3.0",
-        "@smithy/util-buffer-from": "^4.2.0",
-        "@smithy/util-hex-encoding": "^4.2.0",
-        "@smithy/util-utf8": "^4.2.0",
+      "version": "4.5.20",
+      "resolved": "https://registry.npmjs.org/@smithy/util-stream/-/util-stream-4.5.20.tgz",
+      "integrity": "sha512-4yXLm5n/B5SRBR2p8cZ90Sbv4zL4NKsgxdzCzp/83cXw2KxLEumt5p+GAVyRNZgQOSrzXn9ARpO0lUe8XSlSDw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/fetch-http-handler": "^5.3.15",
+        "@smithy/node-http-handler": "^4.5.0",
+        "@smithy/types": "^4.13.1",
+        "@smithy/util-base64": "^4.3.2",
+        "@smithy/util-buffer-from": "^4.2.2",
+        "@smithy/util-hex-encoding": "^4.2.2",
+        "@smithy/util-utf8": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4876,7 +4960,9 @@
       }
     },
     "node_modules/@smithy/util-uri-escape": {
-      "version": "4.2.0",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-uri-escape/-/util-uri-escape-4.2.2.tgz",
+      "integrity": "sha512-2kAStBlvq+lTXHyAZYfJRb/DfS3rsinLiwb+69SstC9Vb0s9vNWkRwpnj918Pfi85mzi42sOqdV72OLxWAISnw==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -4886,10 +4972,12 @@
       }
     },
     "node_modules/@smithy/util-utf8": {
-      "version": "4.2.0",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-utf8/-/util-utf8-4.2.2.tgz",
+      "integrity": "sha512-75MeYpjdWRe8M5E3AW0O4Cx3UadweS+cwdXjwYGBW5h/gxxnbeZ877sLPX/ZJA9GVTlL/qG0dXP29JWFCD1Ayw==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/util-buffer-from": "^4.2.0",
+        "@smithy/util-buffer-from": "^4.2.2",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4897,11 +4985,13 @@
       }
     },
     "node_modules/@smithy/util-waiter": {
-      "version": "4.2.8",
+      "version": "4.2.13",
+      "resolved": "https://registry.npmjs.org/@smithy/util-waiter/-/util-waiter-4.2.13.tgz",
+      "integrity": "sha512-2zdZ9DTHngRtcYxJK1GUDxruNr53kv5W2Lupe0LMU+Imr6ohQg8M2T14MNkj1Y0wS3FFwpgpGQyvuaMF7CiTmQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@smithy/abort-controller": "^4.2.8",
-        "@smithy/types": "^4.12.0",
+        "@smithy/abort-controller": "^4.2.12",
+        "@smithy/types": "^4.13.1",
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -4909,7 +4999,9 @@
       }
     },
     "node_modules/@smithy/uuid": {
-      "version": "1.1.0",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@smithy/uuid/-/uuid-1.1.2.tgz",
+      "integrity": "sha512-O/IEdcCUKkubz60tFbGA7ceITTAJsty+lBjNoorP4Z6XRqaFb/OjQjZODophEcuq68nKm6/0r+6/lLQ+XVpk8g==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -6361,7 +6453,9 @@
       "license": "ISC"
     },
     "node_modules/bowser": {
-      "version": "2.13.1",
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/bowser/-/bowser-2.14.1.tgz",
+      "integrity": "sha512-tzPjzCxygAKWFOJP011oxFHs57HzIhOEracIgAePE4pqB3LikALKnSzUyU4MGs9/iCEUuHlAJTjTc5M+u7YEGg==",
       "license": "MIT"
     },
     "node_modules/brace-expansion": {
@@ -7809,10 +7903,25 @@
       ],
       "license": "BSD-3-Clause"
     },
+    "node_modules/fast-xml-builder": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/fast-xml-builder/-/fast-xml-builder-1.1.4.tgz",
+      "integrity": "sha512-f2jhpN4Eccy0/Uz9csxh3Nu6q4ErKxf0XIsasomfOihuSUa3/xw6w8dnOtCDgEItQFJG8KyXPzQXzcODDrrbOg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "path-expression-matcher": "^1.1.3"
+      }
+    },
     "node_modules/fast-xml-parser": {
-      "version": "5.3.6",
-      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.3.6.tgz",
-      "integrity": "sha512-QNI3sAvSvaOiaMl8FYU4trnEzCwiRr8XMWgAHzlrWpTSj+QaCSvOf1h82OEP1s4hiAXhnbXSyFWCf4ldZzZRVA==",
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.4.1.tgz",
+      "integrity": "sha512-BQ30U1mKkvXQXXkAGcuyUA/GA26oEB7NzOtsxCDtyu62sjGw5QraKFhx2Em3WQNjPw9PG6MQ9yuIIgkSDfGu5A==",
       "funding": [
         {
           "type": "github",
@@ -7821,6 +7930,7 @@
       ],
       "license": "MIT",
       "dependencies": {
+        "fast-xml-builder": "^1.0.0",
         "strnum": "^2.1.2"
       },
       "bin": {
@@ -7888,7 +7998,9 @@
       }
     },
     "node_modules/file-type": {
-      "version": "21.3.0",
+      "version": "21.3.3",
+      "resolved": "https://registry.npmjs.org/file-type/-/file-type-21.3.3.tgz",
+      "integrity": "sha512-pNwbwz8c3aZ+GvbJnIsCnDjKvgCZLHxkFWLEFxU3RMa+Ey++ZSEfisvsWQMcdys6PpxQjWUOIDi1fifXsW3YRg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7980,17 +8092,18 @@
       }
     },
     "node_modules/firebase-admin": {
-      "version": "13.6.1",
+      "version": "13.7.0",
+      "resolved": "https://registry.npmjs.org/firebase-admin/-/firebase-admin-13.7.0.tgz",
+      "integrity": "sha512-o3qS8zCJbApe7aKzkO2Pa380t9cHISqeSd3blqYTtOuUUUua3qZTLwNWgGUOss3td6wbzrZhiHIj3c8+fC046Q==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@fastify/busboy": "^3.0.0",
         "@firebase/database-compat": "^2.0.0",
         "@firebase/database-types": "^1.0.6",
-        "@types/node": "^22.8.7",
         "farmhash-modern": "^1.1.0",
         "fast-deep-equal": "^3.1.1",
-        "google-auth-library": "^9.14.2",
+        "google-auth-library": "^10.6.1",
         "jsonwebtoken": "^9.0.0",
         "jwks-rsa": "^3.1.0",
         "node-forge": "^1.3.1",
@@ -8001,7 +8114,94 @@
       },
       "optionalDependencies": {
         "@google-cloud/firestore": "^7.11.0",
-        "@google-cloud/storage": "^7.14.0"
+        "@google-cloud/storage": "^7.19.0"
+      }
+    },
+    "node_modules/firebase-admin/node_modules/data-uri-to-buffer": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
+      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/firebase-admin/node_modules/gaxios": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-7.1.4.tgz",
+      "integrity": "sha512-bTIgTsM2bWn3XklZISBTQX7ZSddGW+IO3bMdGaemHZ3tbqExMENHLx6kKZ/KlejgrMtj8q7wBItt51yegqalrA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^7.0.1",
+        "node-fetch": "^3.3.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/firebase-admin/node_modules/gcp-metadata": {
+      "version": "8.1.2",
+      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-8.1.2.tgz",
+      "integrity": "sha512-zV/5HKTfCeKWnxG0Dmrw51hEWFGfcF2xiXqcA3+J90WDuP0SvoiSO5ORvcBsifmx/FoIjgQN3oNOGaQ5PhLFkg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "gaxios": "^7.0.0",
+        "google-logging-utils": "^1.0.0",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/firebase-admin/node_modules/google-auth-library": {
+      "version": "10.6.2",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-10.6.2.tgz",
+      "integrity": "sha512-e27Z6EThmVNNvtYASwQxose/G57rkRuaRbQyxM2bvYLLX/GqWZ5chWq2EBoUchJbCc57eC9ArzO5wMsEmWftCw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "gaxios": "^7.1.4",
+        "gcp-metadata": "8.1.2",
+        "google-logging-utils": "1.1.3",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/firebase-admin/node_modules/google-logging-utils": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/google-logging-utils/-/google-logging-utils-1.1.3.tgz",
+      "integrity": "sha512-eAmLkjDjAFCVXg7A1unxHsLf961m6y17QFqXqAXGj/gVkKFrEICfStRfwUlGNfeCEjNRa32JEWOUTlYXPyyKvA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/firebase-admin/node_modules/node-fetch": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
+      "integrity": "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "data-uri-to-buffer": "^4.0.0",
+        "fetch-blob": "^3.1.4",
+        "formdata-polyfill": "^4.0.10"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/node-fetch"
       }
     },
     "node_modules/fix-dts-default-cjs-exports": {
@@ -8027,7 +8227,9 @@
       }
     },
     "node_modules/flatted": {
-      "version": "3.3.3",
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
       "dev": true,
       "license": "ISC"
     },
@@ -8196,6 +8398,7 @@
       "version": "6.7.1",
       "dev": true,
       "license": "Apache-2.0",
+      "optional": true,
       "dependencies": {
         "extend": "^3.0.2",
         "https-proxy-agent": "^7.0.1",
@@ -8215,6 +8418,7 @@
         "https://github.com/sponsors/ctavan"
       ],
       "license": "MIT",
+      "optional": true,
       "bin": {
         "uuid": "dist/bin/uuid"
       }
@@ -8223,6 +8427,7 @@
       "version": "6.1.1",
       "dev": true,
       "license": "Apache-2.0",
+      "optional": true,
       "dependencies": {
         "gaxios": "^6.1.1",
         "google-logging-utils": "^0.0.2",
@@ -8386,6 +8591,7 @@
       "version": "9.15.1",
       "dev": true,
       "license": "Apache-2.0",
+      "optional": true,
       "dependencies": {
         "base64-js": "^1.3.0",
         "ecdsa-sig-formatter": "^1.0.11",
@@ -8574,6 +8780,7 @@
       "version": "0.0.2",
       "dev": true,
       "license": "Apache-2.0",
+      "optional": true,
       "engines": {
         "node": ">=14"
       }
@@ -8630,6 +8837,7 @@
       "version": "7.1.0",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "gaxios": "^6.0.0",
         "jws": "^4.0.0"
@@ -10161,6 +10369,7 @@
       "version": "2.7.0",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "whatwg-url": "^5.0.0"
       },
@@ -10179,17 +10388,20 @@
     "node_modules/node-fetch/node_modules/tr46": {
       "version": "0.0.3",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/node-fetch/node_modules/webidl-conversions": {
       "version": "3.0.1",
       "dev": true,
-      "license": "BSD-2-Clause"
+      "license": "BSD-2-Clause",
+      "optional": true
     },
     "node_modules/node-fetch/node_modules/whatwg-url": {
       "version": "5.0.0",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "tr46": "~0.0.3",
         "webidl-conversions": "^3.0.0"
@@ -10496,6 +10708,21 @@
         "node": ">=8"
       }
     },
+    "node_modules/path-expression-matcher": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/path-expression-matcher/-/path-expression-matcher-1.1.3.tgz",
+      "integrity": "sha512-qdVgY8KXmVdJZRSS1JdEPOKPdTiEK/pi0RkcT2sw1RhXxohdujUlJFPuS1TSkevZ9vzd3ZlL7ULl1MHGTApKzQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/path-is-absolute": {
       "version": "1.0.1",
       "dev": true,

From 1ebc9d57d0ad6c79bb7c92efd2e66450422c66ba Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 11:00:53 +0300
Subject: [PATCH 87/99] refactor: update import and export for SettingsIndex
 component in index.ts

---
 src/frontend/index.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/index.ts b/src/frontend/index.ts
index c2f3a65d..ebe2f87f 100644
--- a/src/frontend/index.ts
+++ b/src/frontend/index.ts
@@ -24,7 +24,7 @@ import IndexCard from './stories/components/index-card.vue';
 import IndexFilter from './shared/index-filter.vue';
 import LabelButton from './shared/label-button.vue';
 import LanguagesEdit from './settings/languages/languages-edit.vue';
-import LanguagesIndex from './settings/settings-index.vue';
+import SettingsIndex from './settings/settings-index.vue';
 import ListField from './fields/list-field.vue';
 import ListSwitcher from './shared/list-switcher.vue';
 import Login from './auth/login-index.vue';
@@ -94,7 +94,7 @@ export {
   IndexFilter,
   LabelButton,
   LanguagesEdit,
-  LanguagesIndex,
+  SettingsIndex,
   ListField,
   ListSwitcher,
   Login,

From 5d4eb09e8d3409b9fb74a6135bdf5bd40a54cf4f Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 11:44:42 +0300
Subject: [PATCH 88/99] feat: add RequestFeedbackModal import to settings-index
 component

---
 src/frontend/settings/settings-index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/frontend/settings/settings-index.vue b/src/frontend/settings/settings-index.vue
index 9d064e21..9bbf1e0d 100644
--- a/src/frontend/settings/settings-index.vue
+++ b/src/frontend/settings/settings-index.vue
@@ -65,6 +65,7 @@ import PillButton from '../shared/pill-button.vue';
 import SourceLang from './languages/components/source-language.vue';
 import LanguagesTable from './languages/components/language-table.vue';
 import RequestAppUpdateModal from './languages/components/request-app-update-modal.vue';
+import RequestFeedbackModal from './languages/components/request-feedback-modal.vue';
 import type { LanguageTableItem, SettingsPageProps, SharedPageProps } from '../../types';
 import { useSharedStore } from '../store';
 

From 0024f6e8ca4befe34d58ae2170b5a70ad51c25a4 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Wed, 18 Mar 2026 14:52:46 +0300
Subject: [PATCH 89/99] feat: add providers prop to SettingsPageProps and
 integrate with widgets store in settings-index component

---
 src/frontend/settings/settings-index.vue | 4 +++-
 src/types.ts                             | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/frontend/settings/settings-index.vue b/src/frontend/settings/settings-index.vue
index 9bbf1e0d..2eb9add1 100644
--- a/src/frontend/settings/settings-index.vue
+++ b/src/frontend/settings/settings-index.vue
@@ -67,14 +67,16 @@ import LanguagesTable from './languages/components/language-table.vue';
 import RequestAppUpdateModal from './languages/components/request-app-update-modal.vue';
 import RequestFeedbackModal from './languages/components/request-feedback-modal.vue';
 import type { LanguageTableItem, SettingsPageProps, SharedPageProps } from '../../types';
-import { useSharedStore } from '../store';
+import { useSharedStore, useWidgetsStore } from '../store';
 
 const props = defineProps<SettingsPageProps & SharedPageProps>();
 
 const shared = useSharedStore();
+const widgets = useWidgetsStore();
 
 shared.setFromProps(props);
 shared.setCurrentStoryName('');
+widgets.setProviders(props.providers);
 
 const showRequestAppUpdateModal = ref(false);
 const showFeedbackModal = ref(false);
diff --git a/src/types.ts b/src/types.ts
index c73056e2..b1292a1c 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -588,6 +588,7 @@ export interface Providers {
 export interface SettingsPageProps {
   sourceLanguage: LanguageSpecification;
   languageItems: LanguageTableItem[];
+  providers: Providers;
 }
 
 export interface LanguagesEditProps {

From b7930d22462bf98a258d26a4972ba1af2bb58dfe Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Thu, 19 Mar 2026 07:35:29 +0300
Subject: [PATCH 90/99] feat:add feedback message

---
 src/frontend/settings/settings-index.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/frontend/settings/settings-index.vue b/src/frontend/settings/settings-index.vue
index 2eb9add1..b8cf482f 100644
--- a/src/frontend/settings/settings-index.vue
+++ b/src/frontend/settings/settings-index.vue
@@ -66,7 +66,12 @@ import SourceLang from './languages/components/source-language.vue';
 import LanguagesTable from './languages/components/language-table.vue';
 import RequestAppUpdateModal from './languages/components/request-app-update-modal.vue';
 import RequestFeedbackModal from './languages/components/request-feedback-modal.vue';
-import type { LanguageTableItem, SettingsPageProps, SharedPageProps } from '../../types';
+import {
+  type LanguageTableItem,
+  type SettingsPageProps,
+  type SharedPageProps,
+  ResponseStatus,
+} from '../../types';
 import { useSharedStore, useWidgetsStore } from '../store';
 
 const props = defineProps<SettingsPageProps & SharedPageProps>();
@@ -97,19 +102,23 @@ const handleRequestAppUpdateConfirm = async (reason: string) => {
 
 const submitAppUpdateRequest = async (_reason: string): Promise<void> => {
   console.log('submitAppUpdateRequest', _reason);
+  shared.addMessage(ResponseStatus.Confirmation, 'App update request submitted');
 };
 
 const handleRemove = (_item: LanguageTableItem) => {
   console.log('remove language', _item.locale);
+  shared.addMessage(ResponseStatus.Confirmation, 'Language removed');
 };
 
 const handleRequestDeletion = (_item: LanguageTableItem) => {
   console.log('request language deletion', _item.locale);
+  shared.addMessage(ResponseStatus.Confirmation, 'Language deletion requested');
 };
 
 const items = computed(() => props.languageItems ?? []);
 
 const handleBibleTranslationChange = (bibleVersion: string, bibleVersionName: string) => {
   console.log('bible translation change', bibleVersion, bibleVersionName);
+  shared.addMessage(ResponseStatus.Confirmation, 'Bible translation changed');
 };
 </script>

From 044be6f802389df5176e880fef36c3ca3f533eff Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Thu, 19 Mar 2026 07:58:46 +0300
Subject: [PATCH 91/99] feat: add BibleTranslationsModal story with multiple
 variants for language selection

---
 .../bible-translations-modal.story.vue        | 137 ++++++++++++++++++
 1 file changed, 137 insertions(+)
 create mode 100644 src/frontend/settings/languages/components/bible-translations-modal.story.vue

diff --git a/src/frontend/settings/languages/components/bible-translations-modal.story.vue b/src/frontend/settings/languages/components/bible-translations-modal.story.vue
new file mode 100644
index 00000000..fa1f973b
--- /dev/null
+++ b/src/frontend/settings/languages/components/bible-translations-modal.story.vue
@@ -0,0 +1,137 @@
+<template>
+  <Story title="Bible Translations Modal" group="settings">
+    <Variant title="With translations" :setup-app="setupWithTranslations">
+      <button
+        class="rounded bg-blue-500 px-4 py-2 text-white"
+        @click="showModal = true"
+      >
+        Choose Bible translation
+      </button>
+      <BibleTranslationsModal
+        :open="showModal"
+        :item="englishItem"
+        @close="showModal = false"
+        @confirm="onConfirm"
+      />
+    </Variant>
+    <Variant title="No translations for language" :setup-app="setupWithTranslations">
+      <button
+        class="rounded bg-blue-500 px-4 py-2 text-white"
+        @click="showEmptyModal = true"
+      >
+        Choose Bible translation
+      </button>
+      <BibleTranslationsModal
+        :open="showEmptyModal"
+        :item="obscureLanguageItem"
+        @close="showEmptyModal = false"
+        @confirm="onConfirm"
+      />
+    </Variant>
+    <Variant title="Multiple versions" :setup-app="setupWithMultipleVersions">
+      <button
+        class="rounded bg-blue-500 px-4 py-2 text-white"
+        @click="showMultipleModal = true"
+      >
+        Choose Bible translation
+      </button>
+      <BibleTranslationsModal
+        :open="showMultipleModal"
+        :item="spanishItem"
+        @close="showMultipleModal = false"
+        @confirm="onConfirm"
+      />
+    </Variant>
+  </Story>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import BibleTranslationsModal from './bible-translations-modal.vue';
+import { useSharedStore, useWidgetsStore } from '../../../store';
+import type { StoryHandler } from '../../../shared/helpers';
+import type { LanguageTableItem } from '../../../../types';
+
+const showModal = ref(false);
+const showEmptyModal = ref(false);
+const showMultipleModal = ref(false);
+
+const englishItem: LanguageTableItem = {
+  language: 'English',
+  languageDirection: 'ltr',
+  locale: 'en',
+  bibleVersion: 'de4e12af7f28f599-01',
+  bibleLabel: '(KJV) King James Version',
+};
+
+const obscureLanguageItem: LanguageTableItem = {
+  language: 'Klingon',
+  languageDirection: 'ltr',
+  locale: 'tlh',
+};
+
+const spanishItem: LanguageTableItem = {
+  language: 'Spanish',
+  languageDirection: 'ltr',
+  locale: 'es',
+  bibleVersion: '592420522e16049f-01',
+  bibleLabel: '(RVR1960) Reina-Valera 1960',
+};
+
+const mockEnglishTranslations = [
+  {
+    language: 'English',
+    bibleVersion: 'de4e12af7f28f599-01',
+    bibleLabel: '(KJV) King James Version',
+  },
+  {
+    language: 'English',
+    bibleVersion: '9879dbb7cfe39e4d-01',
+    bibleLabel: '(ERV) Easy-to-Read Version',
+  },
+  {
+    language: 'English',
+    bibleVersion: 'abc123-01',
+    bibleLabel: '(ESV) English Standard Version',
+  },
+];
+
+const mockTranslationsWithMultiple = [
+  ...mockEnglishTranslations,
+  {
+    language: 'Spanish',
+    bibleVersion: '592420522e16049f-01',
+    bibleLabel: '(RVR1960) Reina-Valera 1960',
+  },
+  {
+    language: 'Spanish',
+    bibleVersion: 'spa002-01',
+    bibleLabel: '(NTV) Nueva Traducción Viviente',
+  },
+  { language: 'Spanish', bibleVersion: 'spa003-01', bibleLabel: '(DHH) Dios Habla Hoy' },
+];
+
+const setupWithTranslations: StoryHandler = () => {
+  const shared = useSharedStore();
+  const widgets = useWidgetsStore();
+  shared.setBibleTranslations(mockEnglishTranslations);
+  widgets.setProviders({
+    ...widgets.providers,
+    scripture: { bibleApiKey: 'mock-key-for-story' },
+  });
+};
+
+const setupWithMultipleVersions: StoryHandler = () => {
+  const shared = useSharedStore();
+  const widgets = useWidgetsStore();
+  shared.setBibleTranslations(mockTranslationsWithMultiple);
+  widgets.setProviders({
+    ...widgets.providers,
+    scripture: { bibleApiKey: 'mock-key-for-story' },
+  });
+};
+
+const onConfirm = (bibleVersion: string, bibleVersionName: string) => {
+  alert(`Confirmed: ${bibleVersionName} (${bibleVersion})`);
+};
+</script>

From 1cf94c5318047e47a574b667cefe14a01ac5498c Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Thu, 19 Mar 2026 08:05:00 +0300
Subject: [PATCH 92/99] feat: update SettingsIndex story to use setupSettings
 and add providers prop with mock Bible translations

---
 .../settings/settings-index.story.vue         | 48 ++++++++++++++++++-
 1 file changed, 46 insertions(+), 2 deletions(-)

diff --git a/src/frontend/settings/settings-index.story.vue b/src/frontend/settings/settings-index.story.vue
index 146716f5..f17da5b0 100644
--- a/src/frontend/settings/settings-index.story.vue
+++ b/src/frontend/settings/settings-index.story.vue
@@ -1,6 +1,6 @@
 <template>
   <Story title="Settings Index" group="settings">
-    <Variant title="Index" :setup-app="miniSidebar">
+    <Variant title="Index" :setup-app="setupSettings">
       <SettingsIndex
         :meta="sharedProps.meta"
         :user="sharedProps.user"
@@ -11,9 +11,10 @@
         :exclude="[]"
         :source-language="sourceLanguage"
         :language-items="languageTableItems"
+        :providers="settingsProviders"
       />
     </Variant>
-    <Variant title="Empty" :setup-app="miniSidebar">
+    <Variant title="Empty" :setup-app="setupSettings">
       <SettingsIndex
         :meta="sharedProps.meta"
         :user="sharedProps.user"
@@ -24,6 +25,7 @@
         :exclude="[]"
         :source-language="sourceLanguage"
         :language-items="[]"
+        :providers="settingsProviders"
       />
     </Variant>
   </Story>
@@ -37,4 +39,46 @@ import {
   sourceLanguage,
   languageTableItems,
 } from '../test/mocks';
+import { useSharedStore } from '../store';
+import type { StoryHandler } from '../shared/helpers';
+import type { Providers } from '../../types';
+
+const settingsProviders: Providers = {
+  s3: {
+    accessKeyId: '',
+    accessKey: '',
+    bucket: '',
+    region: '',
+    endpoint: '',
+    folder: '',
+  },
+  cloudinary: {
+    apiKey: '',
+    secret: '',
+    cloudName: '',
+    defaultPreset: '',
+  },
+  scripture: { bibleApiKey: '' },
+  bunny: {
+    accessKey: '',
+    libraryId: '',
+    host: '',
+  },
+};
+
+const mockBibleTranslations = [
+  { language: 'English', bibleVersion: 'de4e12af7f28f599-01', bibleLabel: '(KJV) King James Version' },
+  { language: 'English', bibleVersion: '9879dbb7cfe39e4d-01', bibleLabel: '(ERV) Easy-to-Read Version' },
+  { language: 'Spanish', bibleVersion: '592420522e16049f-01', bibleLabel: '(RVR1960) Reina-Valera 1960 Spanish Translation (2023) (Revised)' },
+  { language: 'Spanish', bibleVersion: 'spa002-01', bibleLabel: '(NTV) Nueva Traducción Viviente' },
+  { language: 'French', bibleVersion: 'frlsg-01', bibleLabel: 'Louis Segond' },
+  { language: 'German', bibleVersion: 'de-lut-01', bibleLabel: 'Luther Bibel' },
+  { language: 'Swahili', bibleVersion: 'swah-01', bibleLabel: 'Biblia Habari Njema' },
+];
+
+const setupSettings: StoryHandler = ({ app, story, variant }) => {
+  miniSidebar({ app, story, variant });
+  const shared = useSharedStore();
+  shared.setBibleTranslations(mockBibleTranslations);
+};
 </script>

From 8348e90b2f17730735077e8922107973897be0bd Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Thu, 19 Mar 2026 08:11:59 +0300
Subject: [PATCH 93/99] feat: add event handler for Bible translation change in
 settings-index component

---
 src/frontend/settings/settings-index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/frontend/settings/settings-index.vue b/src/frontend/settings/settings-index.vue
index b8cf482f..d3f85e75 100644
--- a/src/frontend/settings/settings-index.vue
+++ b/src/frontend/settings/settings-index.vue
@@ -37,6 +37,7 @@
         :items="items"
         @remove="handleRemove"
         @request-deletion="handleRequestDeletion"
+        @bible-translation-change="(_item, v, n) => handleBibleTranslationChange(v, n)"
       />
     </div>
 

From 696aca6ff086f0eef1bc04a445110894d02ccaf3 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Thu, 19 Mar 2026 08:17:49 +0300
Subject: [PATCH 94/99] feat: enhance settings-index component with shared
 state for source language and language items, and update event handlers for
 Bible translation changes

---
 src/frontend/settings/settings-index.vue | 40 ++++++++++++++++-----
 src/frontend/store/shared.ts             | 44 ++++++++++++++++++++++++
 2 files changed, 76 insertions(+), 8 deletions(-)

diff --git a/src/frontend/settings/settings-index.vue b/src/frontend/settings/settings-index.vue
index d3f85e75..4c6aaf7b 100644
--- a/src/frontend/settings/settings-index.vue
+++ b/src/frontend/settings/settings-index.vue
@@ -29,15 +29,15 @@
       </ContentHeader>
     </template>
     <SourceLang
-      :spec="sourceLanguage"
-      @bible-translation-change="handleBibleTranslationChange"
+      :spec="shared.sourceLanguage"
+      @bible-translation-change="handleSourceBibleTranslationChange"
     />
     <div class="mt-14">
       <LanguagesTable
-        :items="items"
+        :items="shared.languageItems"
         @remove="handleRemove"
         @request-deletion="handleRequestDeletion"
-        @bible-translation-change="(_item, v, n) => handleBibleTranslationChange(v, n)"
+        @bible-translation-change="handleTableBibleTranslationChange"
       />
     </div>
 
@@ -57,7 +57,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue';
+import { ref, watch } from 'vue';
 import { router } from '@inertiajs/vue3';
 import AppLayout from '../shared/app-layout.vue';
 import ContentHeader from '../shared/content-header.vue';
@@ -82,6 +82,8 @@ const widgets = useWidgetsStore();
 
 shared.setFromProps(props);
 shared.setCurrentStoryName('');
+shared.setSourceLanguage(props.sourceLanguage);
+shared.setLanguageItems(props.languageItems ?? []);
 widgets.setProviders(props.providers);
 
 const showRequestAppUpdateModal = ref(false);
@@ -116,10 +118,32 @@ const handleRequestDeletion = (_item: LanguageTableItem) => {
   shared.addMessage(ResponseStatus.Confirmation, 'Language deletion requested');
 };
 
-const items = computed(() => props.languageItems ?? []);
+watch(
+  () => props.sourceLanguage,
+  (next) => {
+    shared.setSourceLanguage(next);
+  },
+  { immediate: true },
+);
+watch(
+  () => props.languageItems,
+  (next) => {
+    shared.setLanguageItems(next ?? []);
+  },
+  { immediate: true },
+);
 
-const handleBibleTranslationChange = (bibleVersion: string, bibleVersionName: string) => {
-  console.log('bible translation change', bibleVersion, bibleVersionName);
+const handleSourceBibleTranslationChange = (bibleVersion: string, bibleVersionName: string) => {
+  shared.setSourceLanguageBibleTranslation(bibleVersion, bibleVersionName);
+  shared.addMessage(ResponseStatus.Confirmation, 'Bible translation changed');
+};
+
+const handleTableBibleTranslationChange = (
+  item: LanguageTableItem,
+  bibleVersion: string,
+  bibleVersionName: string,
+) => {
+  shared.setLanguageItemBibleTranslation(item.locale, bibleVersion, bibleVersionName);
   shared.addMessage(ResponseStatus.Confirmation, 'Bible translation changed');
 };
 </script>
diff --git a/src/frontend/store/shared.ts b/src/frontend/store/shared.ts
index 0c600986..1bd47b15 100644
--- a/src/frontend/store/shared.ts
+++ b/src/frontend/store/shared.ts
@@ -4,6 +4,7 @@ import { computed, ref, reactive, shallowRef } from 'vue';
 import {
   type SharedPageProps,
   type LanguageSpecification,
+  type LanguageTableItem,
   type Bookmark,
   type CmsMeta,
   type UserInterface,
@@ -187,6 +188,42 @@ export const useSharedStore = defineStore('shared', () => {
     bibleTranslations.value = value;
   };
 
+  // settings page: source language and language table
+  const sourceLanguage = ref<LanguageSpecification>(defaultLanguage);
+  const languageItems = ref<LanguageTableItem[]>([]);
+
+  const setSourceLanguage = (fresh: LanguageSpecification) => {
+    sourceLanguage.value = fresh;
+  };
+
+  const setLanguageItems = (fresh: LanguageTableItem[]) => {
+    languageItems.value = fresh;
+  };
+
+  const setSourceLanguageBibleTranslation = (
+    bibleVersion: string,
+    bibleLabel: string,
+  ) => {
+    sourceLanguage.value = {
+      ...sourceLanguage.value,
+      bibleVersion,
+      bibleLabel,
+    };
+  };
+
+  const setLanguageItemBibleTranslation = (
+    locale: string,
+    bibleVersion: string,
+    bibleLabel: string,
+  ) => {
+    const idx = languageItems.value.findIndex((i) => i.locale === locale);
+    if (idx >= 0) {
+      languageItems.value = languageItems.value.map((x, i) =>
+        i === idx ? { ...x, bibleVersion, bibleLabel } : x,
+      );
+    }
+  };
+
   return {
     exclude,
     meta,
@@ -252,5 +289,12 @@ export const useSharedStore = defineStore('shared', () => {
 
     bibleTranslations,
     setBibleTranslations,
+
+    sourceLanguage,
+    languageItems,
+    setSourceLanguage,
+    setLanguageItems,
+    setSourceLanguageBibleTranslation,
+    setLanguageItemBibleTranslation,
   };
 });

From 2e81fd7c616d098db2297d2180aed27675b45803 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Thu, 19 Mar 2026 08:28:29 +0300
Subject: [PATCH 95/99] feat: implement language removal functionality in
 settings-index component and update shared store

---
 src/frontend/settings/settings-index.vue | 4 ++--
 src/frontend/store/shared.ts             | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/frontend/settings/settings-index.vue b/src/frontend/settings/settings-index.vue
index 4c6aaf7b..51ffbc8b 100644
--- a/src/frontend/settings/settings-index.vue
+++ b/src/frontend/settings/settings-index.vue
@@ -108,8 +108,8 @@ const submitAppUpdateRequest = async (_reason: string): Promise<void> => {
   shared.addMessage(ResponseStatus.Confirmation, 'App update request submitted');
 };
 
-const handleRemove = (_item: LanguageTableItem) => {
-  console.log('remove language', _item.locale);
+const handleRemove = (item: LanguageTableItem) => {
+  shared.removeLanguageItem(item.locale);
   shared.addMessage(ResponseStatus.Confirmation, 'Language removed');
 };
 
diff --git a/src/frontend/store/shared.ts b/src/frontend/store/shared.ts
index 1bd47b15..83a1ee49 100644
--- a/src/frontend/store/shared.ts
+++ b/src/frontend/store/shared.ts
@@ -224,6 +224,10 @@ export const useSharedStore = defineStore('shared', () => {
     }
   };
 
+  const removeLanguageItem = (locale: string) => {
+    languageItems.value = languageItems.value.filter((i) => i.locale !== locale);
+  };
+
   return {
     exclude,
     meta,
@@ -296,5 +300,6 @@ export const useSharedStore = defineStore('shared', () => {
     setLanguageItems,
     setSourceLanguageBibleTranslation,
     setLanguageItemBibleTranslation,
+    removeLanguageItem,
   };
 });

From c37d69ca9718c2240bcbef1b78270b7e0e99797a Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Thu, 19 Mar 2026 11:44:25 +0300
Subject: [PATCH 96/99] feat: add confirmation message for added languages in
 languages-edit component

---
 src/frontend/settings/languages/languages-edit.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index d2749422..6ebd5f31 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -82,6 +82,7 @@ import type {
   LanguageSpecification,
   SharedPageProps,
 } from '../../../types';
+import { ResponseStatus } from '../../../types';
 import { languages as allLanguages } from './languages';
 
 import { useSharedStore } from '../../store';
@@ -135,6 +136,9 @@ const addLanguage = () => {
 };
 
 const confirmAddLanguages = () => {
+  const languages = [...selectedLanguages.value];
+  console.log('Selected languages added:', languages);
+  shared.addMessage(ResponseStatus.Confirmation, `Added ${languages.length} language(s): ${languages.map((l) => l.language).join(', ')}`);
   showAddModal.value = false;
   emit('add', [...selectedLocales.value]);
   selectedLocales.value = new Set();

From ac53dc2113dbb122c988ae91f33d9cc414cb3590 Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Thu, 19 Mar 2026 13:59:42 +0300
Subject: [PATCH 97/99] feat: save languages

---
 .../settings/languages/languages-edit.vue     | 40 +++++++++++++++++--
 1 file changed, 36 insertions(+), 4 deletions(-)

diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index 6ebd5f31..ce32e64b 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -71,6 +71,7 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue';
+import { router } from '@inertiajs/vue3';
 import AppLayout from '../../shared/app-layout.vue';
 import ContentHeader from '../../shared/content-header.vue';
 import PillButton from '../../shared/pill-button.vue';
@@ -109,8 +110,11 @@ const selectedLanguages = computed((): LanguageSpecification[] =>
 const languageListItems = computed((): LanguageListItemProps[] =>
   allLanguages
     .map((language): LanguageListItemProps => {
-      if (addedLocales.value.has(language.locale)) return { language, status: 'readonly' };
-      const status = selectedLocales.value.has(language.locale) ? 'selected' : 'available';
+      if (addedLocales.value.has(language.locale))
+        return { language, status: 'readonly' };
+      const status = selectedLocales.value.has(language.locale)
+        ? 'selected'
+        : 'available';
       return { language, status };
     })
     .sort((a, b) => a.language.language.localeCompare(b.language.language)),
@@ -137,10 +141,38 @@ const addLanguage = () => {
 
 const confirmAddLanguages = () => {
   const languages = [...selectedLanguages.value];
-  console.log('Selected languages added:', languages);
-  shared.addMessage(ResponseStatus.Confirmation, `Added ${languages.length} language(s): ${languages.map((l) => l.language).join(', ')}`);
+  addLanguages(languages);
   showAddModal.value = false;
   emit('add', [...selectedLocales.value]);
   selectedLocales.value = new Set();
 };
+
+const addLanguages = (languages: LanguageSpecification[]) => {
+  const payload = languages.map(({ locale, language, languageDirection }) => ({
+    locale,
+    language,
+    languageDirection,
+  }));
+
+  console.log('payload', payload);
+
+  router.post(
+    `/${shared.locale}/settings/languages/add`,
+    { languages: payload },
+    {
+      preserveScroll: true,
+      onSuccess: () => {
+        router.reload({ only: ['languages'] });
+        shared.addMessage(
+          ResponseStatus.Confirmation,
+          `Added ${selectedLanguages.value.length} language(s)`,
+        );
+      },
+      onError: (errors) => {
+        shared.setErrors(errors);
+        shared.addMessage(ResponseStatus.Failure, 'Error adding languages');
+      },
+    },
+  );
+};
 </script>

From 70373dd79d2d635d2c2c293a4ee090bc3c55a9bd Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Thu, 19 Mar 2026 15:29:56 +0300
Subject: [PATCH 98/99] feat: refactor Bible translation change handlers in
 settings-index component and update confirmation message for added languages
 in languages-edit component

---
 .../settings/languages/languages-edit.vue     |  5 +--
 src/frontend/settings/settings-index.vue      | 32 +++++++++++++++++--
 2 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/src/frontend/settings/languages/languages-edit.vue b/src/frontend/settings/languages/languages-edit.vue
index ce32e64b..ccc52aab 100644
--- a/src/frontend/settings/languages/languages-edit.vue
+++ b/src/frontend/settings/languages/languages-edit.vue
@@ -163,10 +163,7 @@ const addLanguages = (languages: LanguageSpecification[]) => {
       preserveScroll: true,
       onSuccess: () => {
         router.reload({ only: ['languages'] });
-        shared.addMessage(
-          ResponseStatus.Confirmation,
-          `Added ${selectedLanguages.value.length} language(s)`,
-        );
+        shared.addMessage(ResponseStatus.Confirmation, `Language(s) added successfully`);
       },
       onError: (errors) => {
         shared.setErrors(errors);
diff --git a/src/frontend/settings/settings-index.vue b/src/frontend/settings/settings-index.vue
index 51ffbc8b..569ce445 100644
--- a/src/frontend/settings/settings-index.vue
+++ b/src/frontend/settings/settings-index.vue
@@ -133,7 +133,10 @@ watch(
   { immediate: true },
 );
 
-const handleSourceBibleTranslationChange = (bibleVersion: string, bibleVersionName: string) => {
+const handleSourceBibleTranslationChange = (
+  bibleVersion: string,
+  bibleVersionName: string,
+) => {
   shared.setSourceLanguageBibleTranslation(bibleVersion, bibleVersionName);
   shared.addMessage(ResponseStatus.Confirmation, 'Bible translation changed');
 };
@@ -143,7 +146,30 @@ const handleTableBibleTranslationChange = (
   bibleVersion: string,
   bibleVersionName: string,
 ) => {
-  shared.setLanguageItemBibleTranslation(item.locale, bibleVersion, bibleVersionName);
-  shared.addMessage(ResponseStatus.Confirmation, 'Bible translation changed');
+  console.log(
+    'handleTableBibleTranslationChange',
+    item.locale,
+    bibleVersion,
+    bibleVersionName,
+  );
+  router.post(
+    `/${shared.locale}/settings/languages/${item.locale}/bible-translation`,
+    { bibleVersion, bibleVersionName },
+    {
+      preserveScroll: true,
+      onSuccess: () => {
+        shared.setLanguageItemBibleTranslation(
+          item.locale,
+          bibleVersion,
+          bibleVersionName,
+        );
+        shared.addMessage(ResponseStatus.Confirmation, 'Bible translation changed');
+      },
+      onError: (errors) => {
+        shared.setErrors(errors);
+        shared.addMessage(ResponseStatus.Failure, 'Error updating Bible translation');
+      },
+    },
+  );
 };
 </script>

From 1b28bc3efc231108bd8a5aaa9ca5efec26696edd Mon Sep 17 00:00:00 2001
From: Timothy Koech <timosville@gmail.com>
Date: Mon, 30 Mar 2026 10:51:57 +0300
Subject: [PATCH 99/99] ops: update lock file

---
 package-lock.json | 667 ----------------------------------------------
 1 file changed, 667 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 436852d9..1d2e309c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -609,8 +609,6 @@
     },
     "node_modules/@aws-crypto/crc32": {
       "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@aws-crypto/crc32/-/crc32-5.2.0.tgz",
-      "integrity": "sha512-nLbCWqQNgUiwwtFsen1AdzAtvuLRsQS8rYgMuxCrdKf9kOssamGLuPwyTY9wyYblNr9+1XM8v6zoDTPPSIeANg==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/util": "^5.2.0",
@@ -623,8 +621,6 @@
     },
     "node_modules/@aws-crypto/crc32c": {
       "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@aws-crypto/crc32c/-/crc32c-5.2.0.tgz",
-      "integrity": "sha512-+iWb8qaHLYKrNvGRbiYRHSdKRWhto5XlZUEBwDjYNf+ly5SVYG6zEoYIdxvf5R3zyeP16w4PLBn3rH1xc74Rag==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/util": "^5.2.0",
@@ -678,8 +674,6 @@
     },
     "node_modules/@aws-crypto/sha256-browser": {
       "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@aws-crypto/sha256-browser/-/sha256-browser-5.2.0.tgz",
-      "integrity": "sha512-AXfN/lGotSQwu6HNcEsIASo7kWXZ5HYWvfOmSNKDsEqC4OashTp8alTmaz+F7TC2L083SFv5RdB+qU3Vs1kZqw==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/sha256-js": "^5.2.0",
@@ -693,8 +687,6 @@
     },
     "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/is-array-buffer": {
       "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@smithy/is-array-buffer/-/is-array-buffer-2.2.0.tgz",
-      "integrity": "sha512-GGP3O9QFD24uGeAXYUjwSTXARoqpZykHadOmA8G5vfJPK0/DC67qa//0qvqrJzL1xc8WQWX7/yc7fwudjPHPhA==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -705,8 +697,6 @@
     },
     "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/util-buffer-from": {
       "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@smithy/util-buffer-from/-/util-buffer-from-2.2.0.tgz",
-      "integrity": "sha512-IJdWBbTcMQ6DA0gdNhh/BwrLkDR+ADW5Kr1aZmd4k3DIF6ezMV4R2NIAmT08wQJ3yUK82thHWmC/TnK/wpMMIA==",
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/is-array-buffer": "^2.2.0",
@@ -718,8 +708,6 @@
     },
     "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/util-utf8": {
       "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@smithy/util-utf8/-/util-utf8-2.3.0.tgz",
-      "integrity": "sha512-R8Rdn8Hy72KKcebgLiv8jQcQkXoLMOGGv5uI1/k0l+snqkOzQ1R0ChUBCxWMlBsFMekWjq0wRudIweFs7sKT5A==",
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/util-buffer-from": "^2.2.0",
@@ -731,8 +719,6 @@
     },
     "node_modules/@aws-crypto/sha256-js": {
       "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@aws-crypto/sha256-js/-/sha256-js-5.2.0.tgz",
-      "integrity": "sha512-FFQQyu7edu4ufvIZ+OadFpHHOt+eSTBaYaki44c+akjg7qZg9oOQeLlk77F6tSYqjDAFClrHJk9tMf0HdVyOvA==",
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/util": "^5.2.0",
@@ -793,11 +779,6 @@
     },
     "node_modules/@aws-sdk/client-s3": {
       "version": "3.1011.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/client-s3/-/client-s3-3.1011.0.tgz",
-      "integrity": "sha512-jY7CGX+vfM/DSi4K8UwaZKoXnhqchmAbKFB1kIuHMfPPqW7l3jC/fUVDb95/njMsB2ymYOTusZEzoCTeUB/4qA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/sha1-browser": "5.2.0",
@@ -862,11 +843,6 @@
     },
     "node_modules/@aws-sdk/core": {
       "version": "3.973.20",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/core/-/core-3.973.20.tgz",
-      "integrity": "sha512-i3GuX+lowD892F3IuJf8o6AbyDupMTdyTxQrCJGcn71ni5hTZ82L4nQhcdumxZ7XPJRJJVHS/CR3uYOIIs0PVA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/types": "^3.973.6",
@@ -889,11 +865,6 @@
     },
     "node_modules/@aws-sdk/crc64-nvme": {
       "version": "3.972.5",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/crc64-nvme/-/crc64-nvme-3.972.5.tgz",
-      "integrity": "sha512-2VbTstbjKdT+yKi8m7b3a9CiVac+pL/IY2PHJwsaGkkHmuuqkJZIErPck1h6P3T9ghQMLSdMPyW6Qp7Di5swFg==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -905,11 +876,6 @@
     },
     "node_modules/@aws-sdk/credential-provider-env": {
       "version": "3.972.18",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-env/-/credential-provider-env-3.972.18.tgz",
-      "integrity": "sha512-X0B8AlQY507i5DwjLByeU2Af4ARsl9Vr84koDcXCbAkplmU+1xBFWxEPrWRAoh56waBne/yJqEloSwvRf4x6XA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/core": "^3.973.20",
@@ -924,11 +890,6 @@
     },
     "node_modules/@aws-sdk/credential-provider-http": {
       "version": "3.972.20",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-http/-/credential-provider-http-3.972.20.tgz",
-      "integrity": "sha512-ey9Lelj001+oOfrbKmS6R2CJAiXX7QKY4Vj9VJv6L2eE6/VjD8DocHIoYqztTm70xDLR4E1jYPTKfIui+eRNDA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/core": "^3.973.20",
@@ -948,11 +909,6 @@
     },
     "node_modules/@aws-sdk/credential-provider-ini": {
       "version": "3.972.20",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-ini/-/credential-provider-ini-3.972.20.tgz",
-      "integrity": "sha512-5flXSnKHMloObNF+9N0cupKegnH1Z37cdVlpETVgx8/rAhCe+VNlkcZH3HDg2SDn9bI765S+rhNPXGDJJPfbtA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/core": "^3.973.20",
@@ -976,11 +932,6 @@
     },
     "node_modules/@aws-sdk/credential-provider-login": {
       "version": "3.972.20",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-login/-/credential-provider-login-3.972.20.tgz",
-      "integrity": "sha512-gEWo54nfqp2jABMu6HNsjVC4hDLpg9HC8IKSJnp0kqWtxIJYHTmiLSsIfI4ScQjxEwpB+jOOH8dOLax1+hy/Hw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/core": "^3.973.20",
@@ -998,11 +949,6 @@
     },
     "node_modules/@aws-sdk/credential-provider-node": {
       "version": "3.972.21",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-node/-/credential-provider-node-3.972.21.tgz",
-      "integrity": "sha512-hah8if3/B/Q+LBYN5FukyQ1Mym6PLPDsBOBsIgNEYD6wLyZg0UmUF/OKIVC3nX9XH8TfTPuITK+7N/jenVACWA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/credential-provider-env": "^3.972.18",
@@ -1024,11 +970,6 @@
     },
     "node_modules/@aws-sdk/credential-provider-process": {
       "version": "3.972.18",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-process/-/credential-provider-process-3.972.18.tgz",
-      "integrity": "sha512-Tpl7SRaPoOLT32jbTWchPsn52hYYgJ0kpiFgnwk8pxTANQdUymVSZkzFvv1+oOgZm1CrbQUP9MBeoMZ9IzLZjA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/core": "^3.973.20",
@@ -1044,11 +985,6 @@
     },
     "node_modules/@aws-sdk/credential-provider-sso": {
       "version": "3.972.20",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-sso/-/credential-provider-sso-3.972.20.tgz",
-      "integrity": "sha512-p+R+PYR5Z7Gjqf/6pvbCnzEHcqPCpLzR7Yf127HjJ6EAb4hUcD+qsNRnuww1sB/RmSeCLxyay8FMyqREw4p1RA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/core": "^3.973.20",
@@ -1066,11 +1002,6 @@
     },
     "node_modules/@aws-sdk/credential-provider-web-identity": {
       "version": "3.972.20",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-web-identity/-/credential-provider-web-identity-3.972.20.tgz",
-      "integrity": "sha512-rWCmh8o7QY4CsUj63qopzMzkDq/yPpkrpb+CnjBEFSOg/02T/we7sSTVg4QsDiVS9uwZ8VyONhq98qt+pIh3KA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/core": "^3.973.20",
@@ -1087,11 +1018,6 @@
     },
     "node_modules/@aws-sdk/lib-storage": {
       "version": "3.1011.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/lib-storage/-/lib-storage-3.1011.0.tgz",
-      "integrity": "sha512-bUWxlwTbFZoXBhLSFaeQjee0d4aI/eUk6Ug9FLoRP8/bNaiUFldAABpfb/OHc0G433ZgqHSmhnpnAzOtV+8mBQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/abort-controller": "^4.2.12",
@@ -1111,11 +1037,6 @@
     },
     "node_modules/@aws-sdk/middleware-bucket-endpoint": {
       "version": "3.972.8",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-bucket-endpoint/-/middleware-bucket-endpoint-3.972.8.tgz",
-      "integrity": "sha512-WR525Rr2QJSETa9a050isktyWi/4yIGcmY3BQ1kpHqb0LqUglQHCS8R27dTJxxWNZvQ0RVGtEZjTCbZJpyF3Aw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/types": "^3.973.6",
@@ -1132,11 +1053,6 @@
     },
     "node_modules/@aws-sdk/middleware-expect-continue": {
       "version": "3.972.8",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-expect-continue/-/middleware-expect-continue-3.972.8.tgz",
-      "integrity": "sha512-5DTBTiotEES1e2jOHAq//zyzCjeMB78lEHd35u15qnrid4Nxm7diqIf9fQQ3Ov0ChH1V3Vvt13thOnrACmfGVQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/types": "^3.973.6",
@@ -1150,11 +1066,6 @@
     },
     "node_modules/@aws-sdk/middleware-flexible-checksums": {
       "version": "3.974.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-flexible-checksums/-/middleware-flexible-checksums-3.974.0.tgz",
-      "integrity": "sha512-BmdDjqvnuYaC4SY7ypHLXfCSsGYGUZkjCLSZyUAAYn1YT28vbNMJNDwhlfkvvE+hQHG5RJDlEmYuvBxcB9jX1g==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/crc32": "5.2.0",
@@ -1178,11 +1089,6 @@
     },
     "node_modules/@aws-sdk/middleware-host-header": {
       "version": "3.972.8",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-host-header/-/middleware-host-header-3.972.8.tgz",
-      "integrity": "sha512-wAr2REfKsqoKQ+OkNqvOShnBoh+nkPurDKW7uAeVSu6kUECnWlSJiPvnoqxGlfousEY/v9LfS9sNc46hjSYDIQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/types": "^3.973.6",
@@ -1196,11 +1102,6 @@
     },
     "node_modules/@aws-sdk/middleware-location-constraint": {
       "version": "3.972.8",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-location-constraint/-/middleware-location-constraint-3.972.8.tgz",
-      "integrity": "sha512-KaUoFuoFPziIa98DSQsTPeke1gvGXlc5ZGMhy+b+nLxZ4A7jmJgLzjEF95l8aOQN2T/qlPP3MrAyELm8ExXucw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/types": "^3.973.6",
@@ -1213,11 +1114,6 @@
     },
     "node_modules/@aws-sdk/middleware-logger": {
       "version": "3.972.8",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-logger/-/middleware-logger-3.972.8.tgz",
-      "integrity": "sha512-CWl5UCM57WUFaFi5kB7IBY1UmOeLvNZAZ2/OZ5l20ldiJ3TiIz1pC65gYj8X0BCPWkeR1E32mpsCk1L1I4n+lA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/types": "^3.973.6",
@@ -1230,11 +1126,6 @@
     },
     "node_modules/@aws-sdk/middleware-recursion-detection": {
       "version": "3.972.8",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-recursion-detection/-/middleware-recursion-detection-3.972.8.tgz",
-      "integrity": "sha512-BnnvYs2ZEpdlmZ2PNlV2ZyQ8j8AEkMTjN79y/YA475ER1ByFYrkVR85qmhni8oeTaJcDqbx364wDpitDAA/wCA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/types": "^3.973.6",
@@ -1249,11 +1140,6 @@
     },
     "node_modules/@aws-sdk/middleware-sdk-s3": {
       "version": "3.972.20",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-sdk-s3/-/middleware-sdk-s3-3.972.20.tgz",
-      "integrity": "sha512-yhva/xL5H4tWQgsBjwV+RRD0ByCzg0TcByDCLp3GXdn/wlyRNfy8zsswDtCvr1WSKQkSQYlyEzPuWkJG0f5HvQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/core": "^3.973.20",
@@ -1277,11 +1163,6 @@
     },
     "node_modules/@aws-sdk/middleware-ssec": {
       "version": "3.972.8",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-ssec/-/middleware-ssec-3.972.8.tgz",
-      "integrity": "sha512-wqlK0yO/TxEC2UsY9wIlqeeutF6jjLe0f96Pbm40XscTo57nImUk9lBcw0dPgsm0sppFtAkSlDrfpK+pC30Wqw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/types": "^3.973.6",
@@ -1294,11 +1175,6 @@
     },
     "node_modules/@aws-sdk/middleware-user-agent": {
       "version": "3.972.21",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-user-agent/-/middleware-user-agent-3.972.21.tgz",
-      "integrity": "sha512-62XRl1GDYPpkt7cx1AX1SPy9wgNE9Iw/NPuurJu4lmhCWS7sGKO+kS53TQ8eRmIxy3skmvNInnk0ZbWrU5Dpyg==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/core": "^3.973.20",
@@ -1316,11 +1192,6 @@
     },
     "node_modules/@aws-sdk/nested-clients": {
       "version": "3.996.10",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/nested-clients/-/nested-clients-3.996.10.tgz",
-      "integrity": "sha512-SlDol5Z+C7Ivnc2rKGqiqfSUmUZzY1qHfVs9myt/nxVwswgfpjdKahyTzLTx802Zfq0NFRs7AejwKzzzl5Co2w==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/sha256-browser": "5.2.0",
@@ -1368,11 +1239,6 @@
     },
     "node_modules/@aws-sdk/region-config-resolver": {
       "version": "3.972.8",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/region-config-resolver/-/region-config-resolver-3.972.8.tgz",
-      "integrity": "sha512-1eD4uhTDeambO/PNIDVG19A6+v4NdD7xzwLHDutHsUqz0B+i661MwQB2eYO4/crcCvCiQG4SRm1k81k54FEIvw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/types": "^3.973.6",
@@ -1387,11 +1253,6 @@
     },
     "node_modules/@aws-sdk/signature-v4-multi-region": {
       "version": "3.996.8",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/signature-v4-multi-region/-/signature-v4-multi-region-3.996.8.tgz",
-      "integrity": "sha512-n1qYFD+tbqZuyskVaxUE+t10AUz9g3qzDw3Tp6QZDKmqsjfDmZBd4GIk2EKJJNtcCBtE5YiUjDYA+3djFAFBBg==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/middleware-sdk-s3": "^3.972.20",
@@ -1407,11 +1268,6 @@
     },
     "node_modules/@aws-sdk/token-providers": {
       "version": "3.1009.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/token-providers/-/token-providers-3.1009.0.tgz",
-      "integrity": "sha512-KCPLuTqN9u0Rr38Arln78fRG9KXpzsPWmof+PZzfAHMMQq2QED6YjQrkrfiH7PDefLWEposY1o4/eGwrmKA4JA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/core": "^3.973.20",
@@ -1428,11 +1284,6 @@
     },
     "node_modules/@aws-sdk/types": {
       "version": "3.973.6",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/types/-/types-3.973.6.tgz",
-      "integrity": "sha512-Atfcy4E++beKtwJHiDln2Nby8W/mam64opFPTiHEqgsthqeydFS1pY+OUlN1ouNOmf8ArPU/6cDS65anOP3KQw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -1444,11 +1295,6 @@
     },
     "node_modules/@aws-sdk/util-arn-parser": {
       "version": "3.972.3",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/util-arn-parser/-/util-arn-parser-3.972.3.tgz",
-      "integrity": "sha512-HzSD8PMFrvgi2Kserxuff5VitNq2sgf3w9qxmskKDiDTThWfVteJxuCS9JXiPIPtmCrp+7N9asfIaVhBFORllA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -1459,11 +1305,6 @@
     },
     "node_modules/@aws-sdk/util-endpoints": {
       "version": "3.996.5",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/util-endpoints/-/util-endpoints-3.996.5.tgz",
-      "integrity": "sha512-Uh93L5sXFNbyR5sEPMzUU8tJ++Ku97EY4udmC01nB8Zu+xfBPwpIwJ6F7snqQeq8h2pf+8SGN5/NoytfKgYPIw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/types": "^3.973.6",
@@ -1488,11 +1329,6 @@
     },
     "node_modules/@aws-sdk/util-user-agent-browser": {
       "version": "3.972.8",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/util-user-agent-browser/-/util-user-agent-browser-3.972.8.tgz",
-      "integrity": "sha512-B3KGXJviV2u6Cdw2SDY2aDhoJkVfY/Q/Trwk2CMSkikE1Oi6gRzxhvhIfiRpHfmIsAhV4EA54TVEX8K6CbHbkA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/types": "^3.973.6",
@@ -1503,11 +1339,6 @@
     },
     "node_modules/@aws-sdk/util-user-agent-node": {
       "version": "3.973.7",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws-sdk/util-user-agent-node/-/util-user-agent-node-3.973.7.tgz",
-      "integrity": "sha512-Hz6EZMUAEzqUd7e+vZ9LE7mn+5gMbxltXy18v+YSFY+9LBJz15wkNZvw5JqfX3z0FS9n3bgUtz3L5rAsfh4YlA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-sdk/middleware-user-agent": "^3.972.21",
@@ -1530,15 +1361,6 @@
       }
     },
     "node_modules/@aws-sdk/xml-builder": {
-<<<<<<< HEAD
-      "version": "3.972.11",
-      "resolved": "https://registry.npmjs.org/@aws-sdk/xml-builder/-/xml-builder-3.972.11.tgz",
-      "integrity": "sha512-iitV/gZKQMvY9d7ovmyFnFuTHbBAtrmLnvaSb/3X8vOKyevwtpmEtyc8AdhVWZe0pI/1GsHxlEvQeOePFzy7KQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@smithy/types": "^4.13.1",
-        "fast-xml-parser": "5.4.1",
-=======
       "version": "3.972.15",
       "resolved": "https://registry.npmjs.org/@aws-sdk/xml-builder/-/xml-builder-3.972.15.tgz",
       "integrity": "sha512-PxMRlCFNiQnke9YR29vjFQwz4jq+6Q04rOVFeTDR2K7Qpv9h9FOWOxG+zJjageimYbWqE3bTuLjmryWHAWbvaA==",
@@ -1546,7 +1368,6 @@
       "dependencies": {
         "@smithy/types": "^4.13.1",
         "fast-xml-parser": "5.5.8",
->>>>>>> main
         "tslib": "^2.6.2"
       },
       "engines": {
@@ -1555,11 +1376,6 @@
     },
     "node_modules/@aws/lambda-invoke-store": {
       "version": "0.2.4",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@aws/lambda-invoke-store/-/lambda-invoke-store-0.2.4.tgz",
-      "integrity": "sha512-iY8yvjE0y651BixKNPgmv1WrQc+GZ142sb0z4gYnChDDY2YqI4P/jsSopBWrKfAt7LOJAkOXt7rC/hms+WclQQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "engines": {
         "node": ">=18.0.0"
@@ -3244,11 +3060,6 @@
     },
     "node_modules/@microsoft/api-extractor": {
       "version": "7.57.7",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.57.7.tgz",
-      "integrity": "sha512-kmnmVs32MFWbV5X6BInC1/TfCs7y1ugwxv1xHsAIj/DyUfoe7vtO0alRUgbQa57+yRGHBBjlNcEk33SCAt5/dA==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3273,11 +3084,6 @@
     },
     "node_modules/@microsoft/api-extractor-model": {
       "version": "7.33.4",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.33.4.tgz",
-      "integrity": "sha512-u1LTaNTikZAQ9uK6KG1Ms7nvNedsnODnspq/gH2dcyETWvH4hVNGNDvRAEutH66kAmxA4/necElqGNs1FggC8w==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3288,11 +3094,6 @@
     },
     "node_modules/@microsoft/api-extractor/node_modules/balanced-match": {
       "version": "4.0.4",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
-      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3301,11 +3102,6 @@
     },
     "node_modules/@microsoft/api-extractor/node_modules/brace-expansion": {
       "version": "5.0.4",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.4.tgz",
-      "integrity": "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3336,11 +3132,6 @@
     },
     "node_modules/@microsoft/api-extractor/node_modules/minimatch": {
       "version": "10.2.3",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.3.tgz",
-      "integrity": "sha512-Rwi3pnapEqirPSbWbrZaa6N3nmqq4Xer/2XooiOKyV3q12ML06f7MOuc5DVH8ONZIFhwIYQ3yzPH4nt7iWHaTg==",
-=======
->>>>>>> main
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -3389,18 +3180,11 @@
     },
     "node_modules/@microsoft/tsdoc": {
       "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.16.0.tgz",
-      "integrity": "sha512-xgAyonlVVS+q7Vc7qLW0UrJU7rSFcETRWsqdXZtjzRU8dF+6CkozTK4V4y1LwOX7j8r/vHphjDeMeGI4tNGeGA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@microsoft/tsdoc-config": {
       "version": "0.18.1",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.18.1.tgz",
-      "integrity": "sha512-9brPoVdfN9k9g0dcWkFeA7IH9bbcttzDJlXvkf8b2OBzd5MueR1V2wkKBL0abn0otvmkHJC6aapBOTJDDeMCZg==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3412,11 +3196,6 @@
     },
     "node_modules/@microsoft/tsdoc-config/node_modules/ajv": {
       "version": "8.18.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
-      "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3432,8 +3211,6 @@
     },
     "node_modules/@microsoft/tsdoc-config/node_modules/json-schema-traverse": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true,
       "license": "MIT"
     },
@@ -3825,11 +3602,6 @@
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
       "version": "4.59.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
-      "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
-=======
->>>>>>> main
       "cpu": [
         "arm64"
       ],
@@ -4037,15 +3809,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-<<<<<<< HEAD
-      "version": "4.59.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
-      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
-=======
       "version": "4.60.1",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.1.tgz",
       "integrity": "sha512-77PpsFQUCOiZR9+LQEFg9GClyfkNXj1MP6wRnzYs0EeWbPcHs02AXu4xuUbM1zhwn3wqaizle3AEYg5aeoohhg==",
->>>>>>> main
       "cpu": [
         "x64"
       ],
@@ -4155,11 +3921,6 @@
     },
     "node_modules/@rushstack/node-core-library": {
       "version": "5.20.3",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.20.3.tgz",
-      "integrity": "sha512-95JgEPq2k7tHxhF9/OJnnyHDXfC9cLhhta0An/6MlkDsX2A6dTzDrTUG18vx4vjc280V0fi0xDH9iQczpSuWsw==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4183,11 +3944,6 @@
     },
     "node_modules/@rushstack/node-core-library/node_modules/ajv": {
       "version": "8.18.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
-      "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4203,8 +3959,6 @@
     },
     "node_modules/@rushstack/node-core-library/node_modules/ajv-draft-04": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz",
-      "integrity": "sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -4218,15 +3972,11 @@
     },
     "node_modules/@rushstack/node-core-library/node_modules/json-schema-traverse": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@rushstack/node-core-library/node_modules/lru-cache": {
       "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -4238,8 +3988,6 @@
     },
     "node_modules/@rushstack/node-core-library/node_modules/semver": {
       "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -4254,11 +4002,6 @@
     },
     "node_modules/@rushstack/problem-matcher": {
       "version": "0.2.1",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@rushstack/problem-matcher/-/problem-matcher-0.2.1.tgz",
-      "integrity": "sha512-gulfhBs6n+I5b7DvjKRfhMGyUejtSgOHTclF/eONr8hcgF1APEDjhxIsfdUYYMzC3rvLwGluqLjbwCFZ8nxrog==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -4272,11 +4015,6 @@
     },
     "node_modules/@rushstack/rig-package": {
       "version": "0.7.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.7.2.tgz",
-      "integrity": "sha512-9XbFWuqMYcHUso4mnETfhGVUSaADBRj6HUAAEYk50nMPn8WRICmBuCphycQGNB3duIR6EEZX3Xj3SYc2XiP+9A==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4286,11 +4024,6 @@
     },
     "node_modules/@rushstack/terminal": {
       "version": "0.22.3",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.22.3.tgz",
-      "integrity": "sha512-gHC9pIMrUPzAbBiI4VZMU7Q+rsCzb8hJl36lFIulIzoceKotyKL3Rd76AZ2CryCTKEg+0bnTj406HE5YY5OQvw==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4309,8 +4042,6 @@
     },
     "node_modules/@rushstack/terminal/node_modules/supports-color": {
       "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4325,11 +4056,6 @@
     },
     "node_modules/@rushstack/ts-command-line": {
       "version": "5.3.3",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.3.3.tgz",
-      "integrity": "sha512-c+ltdcvC7ym+10lhwR/vWiOhsrm/bP3By2VsFcs5qTKv+6tTmxgbVrtJ5NdNjANiV5TcmOZgUN+5KYQ4llsvEw==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4341,8 +4067,6 @@
     },
     "node_modules/@rushstack/ts-command-line/node_modules/argparse": {
       "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4433,11 +4157,6 @@
     },
     "node_modules/@smithy/abort-controller": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/abort-controller/-/abort-controller-4.2.12.tgz",
-      "integrity": "sha512-xolrFw6b+2iYGl6EcOL7IJY71vvyZ0DJ3mcKtpykqPe2uscwtzDZJa1uVQXyP7w9Dd+kGwYnPbMsJrGISKiY/Q==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4449,11 +4168,6 @@
     },
     "node_modules/@smithy/chunked-blob-reader": {
       "version": "5.2.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/chunked-blob-reader/-/chunked-blob-reader-5.2.2.tgz",
-      "integrity": "sha512-St+kVicSyayWQca+I1rGitaOEH6uKgE8IUWoYnnEX26SWdWQcL6LvMSD19Lg+vYHKdT9B2Zuu7rd3i6Wnyb/iw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -4464,11 +4178,6 @@
     },
     "node_modules/@smithy/chunked-blob-reader-native": {
       "version": "4.2.3",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/chunked-blob-reader-native/-/chunked-blob-reader-native-4.2.3.tgz",
-      "integrity": "sha512-jA5k5Udn7Y5717L86h4EIv06wIr3xn8GM1qHRi/Nf31annXcXHJjBKvgztnbn2TxH3xWrPBfgwHsOwZf0UmQWw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/util-base64": "^4.3.2",
@@ -4480,11 +4189,6 @@
     },
     "node_modules/@smithy/config-resolver": {
       "version": "4.4.11",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/config-resolver/-/config-resolver-4.4.11.tgz",
-      "integrity": "sha512-YxFiiG4YDAtX7WMN7RuhHZLeTmRRAOyCbr+zB8e3AQzHPnUhS8zXjB1+cniPVQI3xbWsQPM0X2aaIkO/ME0ymw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/node-config-provider": "^4.3.12",
@@ -4500,11 +4204,6 @@
     },
     "node_modules/@smithy/core": {
       "version": "3.23.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/core/-/core-3.23.12.tgz",
-      "integrity": "sha512-o9VycsYNtgC+Dy3I0yrwCqv9CWicDnke0L7EVOrZtJpjb2t0EjaEofmMrYc0T1Kn3yk32zm6cspxF9u9Bj7e5w==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/protocol-http": "^5.3.12",
@@ -4524,11 +4223,6 @@
     },
     "node_modules/@smithy/credential-provider-imds": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/credential-provider-imds/-/credential-provider-imds-4.2.12.tgz",
-      "integrity": "sha512-cr2lR792vNZcYMriSIj+Um3x9KWrjcu98kn234xA6reOAFMmbRpQMOv8KPgEmLLtx3eldU6c5wALKFqNOhugmg==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/node-config-provider": "^4.3.12",
@@ -4543,11 +4237,6 @@
     },
     "node_modules/@smithy/eventstream-codec": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/eventstream-codec/-/eventstream-codec-4.2.12.tgz",
-      "integrity": "sha512-FE3bZdEl62ojmy8x4FHqxq2+BuOHlcxiH5vaZ6aqHJr3AIZzwF5jfx8dEiU/X0a8RboyNDjmXjlbr8AdEyLgiA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@aws-crypto/crc32": "5.2.0",
@@ -4561,11 +4250,6 @@
     },
     "node_modules/@smithy/eventstream-serde-browser": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-browser/-/eventstream-serde-browser-4.2.12.tgz",
-      "integrity": "sha512-XUSuMxlTxV5pp4VpqZf6Sa3vT/Q75FVkLSpSSE3KkWBvAQWeuWt1msTv8fJfgA4/jcJhrbrbMzN1AC/hvPmm5A==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/eventstream-serde-universal": "^4.2.12",
@@ -4578,11 +4262,6 @@
     },
     "node_modules/@smithy/eventstream-serde-config-resolver": {
       "version": "4.3.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-config-resolver/-/eventstream-serde-config-resolver-4.3.12.tgz",
-      "integrity": "sha512-7epsAZ3QvfHkngz6RXQYseyZYHlmWXSTPOfPmXkiS+zA6TBNo1awUaMFL9vxyXlGdoELmCZyZe1nQE+imbmV+Q==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4594,11 +4273,6 @@
     },
     "node_modules/@smithy/eventstream-serde-node": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-node/-/eventstream-serde-node-4.2.12.tgz",
-      "integrity": "sha512-D1pFuExo31854eAvg89KMn9Oab/wEeJR6Buy32B49A9Ogdtx5fwZPqBHUlDzaCDpycTFk2+fSQgX689Qsk7UGA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/eventstream-serde-universal": "^4.2.12",
@@ -4611,11 +4285,6 @@
     },
     "node_modules/@smithy/eventstream-serde-universal": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/eventstream-serde-universal/-/eventstream-serde-universal-4.2.12.tgz",
-      "integrity": "sha512-+yNuTiyBACxOJUTvbsNsSOfH9G9oKbaJE1lNL3YHpGcuucl6rPZMi3nrpehpVOVR2E07YqFFmtwpImtpzlouHQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/eventstream-codec": "^4.2.12",
@@ -4628,11 +4297,6 @@
     },
     "node_modules/@smithy/fetch-http-handler": {
       "version": "5.3.15",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/fetch-http-handler/-/fetch-http-handler-5.3.15.tgz",
-      "integrity": "sha512-T4jFU5N/yiIfrtrsb9uOQn7RdELdM/7HbyLNr6uO/mpkj1ctiVs7CihVr51w4LyQlXWDpXFn4BElf1WmQvZu/A==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/protocol-http": "^5.3.12",
@@ -4647,11 +4311,6 @@
     },
     "node_modules/@smithy/hash-blob-browser": {
       "version": "4.2.13",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/hash-blob-browser/-/hash-blob-browser-4.2.13.tgz",
-      "integrity": "sha512-YrF4zWKh+ghLuquldj6e/RzE3xZYL8wIPfkt0MqCRphVICjyyjH8OwKD7LLlKpVEbk4FLizFfC1+gwK6XQdR3g==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/chunked-blob-reader": "^5.2.2",
@@ -4665,11 +4324,6 @@
     },
     "node_modules/@smithy/hash-node": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/hash-node/-/hash-node-4.2.12.tgz",
-      "integrity": "sha512-QhBYbGrbxTkZ43QoTPrK72DoYviDeg6YKDrHTMJbbC+A0sml3kSjzFtXP7BtbyJnXojLfTQldGdUR0RGD8dA3w==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4683,11 +4337,6 @@
     },
     "node_modules/@smithy/hash-stream-node": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/hash-stream-node/-/hash-stream-node-4.2.12.tgz",
-      "integrity": "sha512-O3YbmGExeafuM/kP7Y8r6+1y0hIh3/zn6GROx0uNlB54K9oihAL75Qtc+jFfLNliTi6pxOAYZrRKD9A7iA6UFw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4700,11 +4349,6 @@
     },
     "node_modules/@smithy/invalid-dependency": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/invalid-dependency/-/invalid-dependency-4.2.12.tgz",
-      "integrity": "sha512-/4F1zb7Z8LOu1PalTdESFHR0RbPwHd3FcaG1sI3UEIriQTWakysgJr65lc1jj6QY5ye7aFsisajotH6UhWfm/g==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4716,11 +4360,6 @@
     },
     "node_modules/@smithy/is-array-buffer": {
       "version": "4.2.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/is-array-buffer/-/is-array-buffer-4.2.2.tgz",
-      "integrity": "sha512-n6rQ4N8Jj4YTQO3YFrlgZuwKodf4zUFs7EJIWH86pSCWBaAtAGBFfCM7Wx6D2bBJ2xqFNxGBSrUWswT3M0VJow==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -4731,11 +4370,6 @@
     },
     "node_modules/@smithy/md5-js": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/md5-js/-/md5-js-4.2.12.tgz",
-      "integrity": "sha512-W/oIpHCpWU2+iAkfZYyGWE+qkpuf3vEXHLxQQDx9FPNZTTdnul0dZ2d/gUFrtQ5je1G2kp4cjG0/24YueG2LbQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4748,11 +4382,6 @@
     },
     "node_modules/@smithy/middleware-content-length": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/middleware-content-length/-/middleware-content-length-4.2.12.tgz",
-      "integrity": "sha512-YE58Yz+cvFInWI/wOTrB+DbvUVz/pLn5mC5MvOV4fdRUc6qGwygyngcucRQjAhiCEbmfLOXX0gntSIcgMvAjmA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/protocol-http": "^5.3.12",
@@ -4765,11 +4394,6 @@
     },
     "node_modules/@smithy/middleware-endpoint": {
       "version": "4.4.26",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/middleware-endpoint/-/middleware-endpoint-4.4.26.tgz",
-      "integrity": "sha512-8Qfikvd2GVKSm8S6IbjfwFlRY9VlMrj0Dp4vTwAuhqbX7NhJKE5DQc2bnfJIcY0B+2YKMDBWfvexbSZeejDgeg==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/core": "^3.23.12",
@@ -4787,11 +4411,6 @@
     },
     "node_modules/@smithy/middleware-retry": {
       "version": "4.4.43",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/middleware-retry/-/middleware-retry-4.4.43.tgz",
-      "integrity": "sha512-ZwsifBdyuNHrFGmbc7bAfP2b54+kt9J2rhFd18ilQGAB+GDiP4SrawqyExbB7v455QVR7Psyhb2kjULvBPIhvA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/node-config-provider": "^4.3.12",
@@ -4810,11 +4429,6 @@
     },
     "node_modules/@smithy/middleware-serde": {
       "version": "4.2.15",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/middleware-serde/-/middleware-serde-4.2.15.tgz",
-      "integrity": "sha512-ExYhcltZSli0pgAKOpQQe1DLFBLryeZ22605y/YS+mQpdNWekum9Ujb/jMKfJKgjtz1AZldtwA/wCYuKJgjjlg==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/core": "^3.23.12",
@@ -4828,11 +4442,6 @@
     },
     "node_modules/@smithy/middleware-stack": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/middleware-stack/-/middleware-stack-4.2.12.tgz",
-      "integrity": "sha512-kruC5gRHwsCOuyCd4ouQxYjgRAym2uDlCvQ5acuMtRrcdfg7mFBg6blaxcJ09STpt3ziEkis6bhg1uwrWU7txw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4844,11 +4453,6 @@
     },
     "node_modules/@smithy/node-config-provider": {
       "version": "4.3.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/node-config-provider/-/node-config-provider-4.3.12.tgz",
-      "integrity": "sha512-tr2oKX2xMcO+rBOjobSwVAkV05SIfUKz8iI53rzxEmgW3GOOPOv0UioSDk+J8OpRQnpnhsO3Af6IEBabQBVmiw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/property-provider": "^4.2.12",
@@ -4862,11 +4466,6 @@
     },
     "node_modules/@smithy/node-http-handler": {
       "version": "4.5.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/node-http-handler/-/node-http-handler-4.5.0.tgz",
-      "integrity": "sha512-Rnq9vQWiR1+/I6NZZMNzJHV6pZYyEHt2ZnuV3MG8z2NNenC4i/8Kzttz7CjZiHSmsN5frhXhg17z3Zqjjhmz1A==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/abort-controller": "^4.2.12",
@@ -4881,11 +4480,6 @@
     },
     "node_modules/@smithy/property-provider": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/property-provider/-/property-provider-4.2.12.tgz",
-      "integrity": "sha512-jqve46eYU1v7pZ5BM+fmkbq3DerkSluPr5EhvOcHxygxzD05ByDRppRwRPPpFrsFo5yDtCYLKu+kreHKVrvc7A==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4897,11 +4491,6 @@
     },
     "node_modules/@smithy/protocol-http": {
       "version": "5.3.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/protocol-http/-/protocol-http-5.3.12.tgz",
-      "integrity": "sha512-fit0GZK9I1xoRlR4jXmbLhoN0OdEpa96ul8M65XdmXnxXkuMxM0Y8HDT0Fh0Xb4I85MBvBClOzgSrV1X2s1Hxw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4913,11 +4502,6 @@
     },
     "node_modules/@smithy/querystring-builder": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/querystring-builder/-/querystring-builder-4.2.12.tgz",
-      "integrity": "sha512-6wTZjGABQufekycfDGMEB84BgtdOE/rCVTov+EDXQ8NHKTUNIp/j27IliwP7tjIU9LR+sSzyGBOXjeEtVgzCHg==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4930,11 +4514,6 @@
     },
     "node_modules/@smithy/querystring-parser": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/querystring-parser/-/querystring-parser-4.2.12.tgz",
-      "integrity": "sha512-P2OdvrgiAKpkPNKlKUtWbNZKB1XjPxM086NeVhK+W+wI46pIKdWBe5QyXvhUm3MEcyS/rkLvY8rZzyUdmyDZBw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4946,11 +4525,6 @@
     },
     "node_modules/@smithy/service-error-classification": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/service-error-classification/-/service-error-classification-4.2.12.tgz",
-      "integrity": "sha512-LlP29oSQN0Tw0b6D0Xo6BIikBswuIiGYbRACy5ujw/JgWSzTdYj46U83ssf6Ux0GyNJVivs2uReU8pt7Eu9okQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1"
@@ -4961,11 +4535,6 @@
     },
     "node_modules/@smithy/shared-ini-file-loader": {
       "version": "4.4.7",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/shared-ini-file-loader/-/shared-ini-file-loader-4.4.7.tgz",
-      "integrity": "sha512-HrOKWsUb+otTeo1HxVWeEb99t5ER1XrBi/xka2Wv6NVmTbuCUC1dvlrksdvxFtODLBjsC+PHK+fuy2x/7Ynyiw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -4977,11 +4546,6 @@
     },
     "node_modules/@smithy/signature-v4": {
       "version": "5.3.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/signature-v4/-/signature-v4-5.3.12.tgz",
-      "integrity": "sha512-B/FBwO3MVOL00DaRSXfXfa/TRXRheagt/q5A2NM13u7q+sHS59EOVGQNfG7DkmVtdQm5m3vOosoKAXSqn/OEgw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/is-array-buffer": "^4.2.2",
@@ -4999,11 +4563,6 @@
     },
     "node_modules/@smithy/smithy-client": {
       "version": "4.12.6",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/smithy-client/-/smithy-client-4.12.6.tgz",
-      "integrity": "sha512-aib3f0jiMsJ6+cvDnXipBsGDL7ztknYSVqJs1FdN9P+u9tr/VzOR7iygSh6EUOdaBeMCMSh3N0VdyYsG4o91DQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/core": "^3.23.12",
@@ -5020,11 +4579,6 @@
     },
     "node_modules/@smithy/types": {
       "version": "4.13.1",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/types/-/types-4.13.1.tgz",
-      "integrity": "sha512-787F3yzE2UiJIQ+wYW1CVg2odHjmaWLGksnKQHUrK/lYZSEcy1msuLVvxaR/sI2/aDe9U+TBuLsXnr3vod1g0g==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -5035,11 +4589,6 @@
     },
     "node_modules/@smithy/url-parser": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/url-parser/-/url-parser-4.2.12.tgz",
-      "integrity": "sha512-wOPKPEpso+doCZGIlr+e1lVI6+9VAKfL4kZWFgzVgGWY2hZxshNKod4l2LXS3PRC9otH/JRSjtEHqQ/7eLciRA==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/querystring-parser": "^4.2.12",
@@ -5052,11 +4601,6 @@
     },
     "node_modules/@smithy/util-base64": {
       "version": "4.3.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-base64/-/util-base64-4.3.2.tgz",
-      "integrity": "sha512-XRH6b0H/5A3SgblmMa5ErXQ2XKhfbQB+Fm/oyLZ2O2kCUrwgg55bU0RekmzAhuwOjA9qdN5VU2BprOvGGUkOOQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/util-buffer-from": "^4.2.2",
@@ -5069,11 +4613,6 @@
     },
     "node_modules/@smithy/util-body-length-browser": {
       "version": "4.2.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-body-length-browser/-/util-body-length-browser-4.2.2.tgz",
-      "integrity": "sha512-JKCrLNOup3OOgmzeaKQwi4ZCTWlYR5H4Gm1r2uTMVBXoemo1UEghk5vtMi1xSu2ymgKVGW631e2fp9/R610ZjQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -5084,11 +4623,6 @@
     },
     "node_modules/@smithy/util-body-length-node": {
       "version": "4.2.3",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-body-length-node/-/util-body-length-node-4.2.3.tgz",
-      "integrity": "sha512-ZkJGvqBzMHVHE7r/hcuCxlTY8pQr1kMtdsVPs7ex4mMU+EAbcXppfo5NmyxMYi2XU49eqaz56j2gsk4dHHPG/g==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -5099,11 +4633,6 @@
     },
     "node_modules/@smithy/util-buffer-from": {
       "version": "4.2.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-buffer-from/-/util-buffer-from-4.2.2.tgz",
-      "integrity": "sha512-FDXD7cvUoFWwN6vtQfEta540Y/YBe5JneK3SoZg9bThSoOAC/eGeYEua6RkBgKjGa/sz6Y+DuBZj3+YEY21y4Q==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/is-array-buffer": "^4.2.2",
@@ -5115,11 +4644,6 @@
     },
     "node_modules/@smithy/util-config-provider": {
       "version": "4.2.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-config-provider/-/util-config-provider-4.2.2.tgz",
-      "integrity": "sha512-dWU03V3XUprJwaUIFVv4iOnS1FC9HnMHDfUrlNDSh4315v0cWyaIErP8KiqGVbf5z+JupoVpNM7ZB3jFiTejvQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -5130,11 +4654,6 @@
     },
     "node_modules/@smithy/util-defaults-mode-browser": {
       "version": "4.3.42",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-browser/-/util-defaults-mode-browser-4.3.42.tgz",
-      "integrity": "sha512-0vjwmcvkWAUtikXnWIUOyV6IFHTEeQUYh3JUZcDgcszF+hD/StAsQ3rCZNZEPHgI9kVNcbnyc8P2CBHnwgmcwg==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/property-provider": "^4.2.12",
@@ -5148,11 +4667,6 @@
     },
     "node_modules/@smithy/util-defaults-mode-node": {
       "version": "4.2.45",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-node/-/util-defaults-mode-node-4.2.45.tgz",
-      "integrity": "sha512-q5dOqqfTgUcLe38TAGiFn9srToKj2YCHJ34QGOLzM+xYLLA+qRZv7N+33kl1MERVusue36ZHnlNaNEvY/PzSrw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/config-resolver": "^4.4.11",
@@ -5169,11 +4683,6 @@
     },
     "node_modules/@smithy/util-endpoints": {
       "version": "3.3.3",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-endpoints/-/util-endpoints-3.3.3.tgz",
-      "integrity": "sha512-VACQVe50j0HZPjpwWcjyT51KUQ4AnsvEaQ2lKHOSL4mNLD0G9BjEniQ+yCt1qqfKfiAHRAts26ud7hBjamrwig==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/node-config-provider": "^4.3.12",
@@ -5186,11 +4695,6 @@
     },
     "node_modules/@smithy/util-hex-encoding": {
       "version": "4.2.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-hex-encoding/-/util-hex-encoding-4.2.2.tgz",
-      "integrity": "sha512-Qcz3W5vuHK4sLQdyT93k/rfrUwdJ8/HZ+nMUOyGdpeGA1Wxt65zYwi3oEl9kOM+RswvYq90fzkNDahPS8K0OIg==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -5201,11 +4705,6 @@
     },
     "node_modules/@smithy/util-middleware": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-middleware/-/util-middleware-4.2.12.tgz",
-      "integrity": "sha512-Er805uFUOvgc0l8nv0e0su0VFISoxhJ/AwOn3gL2NWNY2LUEldP5WtVcRYSQBcjg0y9NfG8JYrCJaYDpupBHJQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/types": "^4.13.1",
@@ -5217,11 +4716,6 @@
     },
     "node_modules/@smithy/util-retry": {
       "version": "4.2.12",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-retry/-/util-retry-4.2.12.tgz",
-      "integrity": "sha512-1zopLDUEOwumjcHdJ1mwBHddubYF8GMQvstVCLC54Y46rqoHwlIU+8ZzUeaBcD+WCJHyDGSeZ2ml9YSe9aqcoQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/service-error-classification": "^4.2.12",
@@ -5234,11 +4728,6 @@
     },
     "node_modules/@smithy/util-stream": {
       "version": "4.5.20",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-stream/-/util-stream-4.5.20.tgz",
-      "integrity": "sha512-4yXLm5n/B5SRBR2p8cZ90Sbv4zL4NKsgxdzCzp/83cXw2KxLEumt5p+GAVyRNZgQOSrzXn9ARpO0lUe8XSlSDw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/fetch-http-handler": "^5.3.15",
@@ -5256,11 +4745,6 @@
     },
     "node_modules/@smithy/util-uri-escape": {
       "version": "4.2.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-uri-escape/-/util-uri-escape-4.2.2.tgz",
-      "integrity": "sha512-2kAStBlvq+lTXHyAZYfJRb/DfS3rsinLiwb+69SstC9Vb0s9vNWkRwpnj918Pfi85mzi42sOqdV72OLxWAISnw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -5271,11 +4755,6 @@
     },
     "node_modules/@smithy/util-utf8": {
       "version": "4.2.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-utf8/-/util-utf8-4.2.2.tgz",
-      "integrity": "sha512-75MeYpjdWRe8M5E3AW0O4Cx3UadweS+cwdXjwYGBW5h/gxxnbeZ877sLPX/ZJA9GVTlL/qG0dXP29JWFCD1Ayw==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/util-buffer-from": "^4.2.2",
@@ -5287,11 +4766,6 @@
     },
     "node_modules/@smithy/util-waiter": {
       "version": "4.2.13",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/util-waiter/-/util-waiter-4.2.13.tgz",
-      "integrity": "sha512-2zdZ9DTHngRtcYxJK1GUDxruNr53kv5W2Lupe0LMU+Imr6ohQg8M2T14MNkj1Y0wS3FFwpgpGQyvuaMF7CiTmQ==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "@smithy/abort-controller": "^4.2.12",
@@ -5304,11 +4778,6 @@
     },
     "node_modules/@smithy/uuid": {
       "version": "1.1.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/@smithy/uuid/-/uuid-1.1.2.tgz",
-      "integrity": "sha512-O/IEdcCUKkubz60tFbGA7ceITTAJsty+lBjNoorP4Z6XRqaFb/OjQjZODophEcuq68nKm6/0r+6/lLQ+XVpk8g==",
-=======
->>>>>>> main
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.6.2"
@@ -5619,8 +5088,6 @@
     },
     "node_modules/@types/argparse": {
       "version": "1.0.38",
-      "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
-      "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
       "dev": true,
       "license": "MIT"
     },
@@ -6016,11 +5483,6 @@
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
       "version": "9.0.9",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
-      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
-=======
->>>>>>> main
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -6268,11 +5730,6 @@
     },
     "node_modules/@vue/language-core/node_modules/minimatch": {
       "version": "9.0.9",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
-      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
-=======
->>>>>>> main
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -6461,11 +5918,6 @@
     },
     "node_modules/ajv": {
       "version": "6.14.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
-      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6481,8 +5933,6 @@
     },
     "node_modules/ajv-formats": {
       "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
-      "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6499,11 +5949,6 @@
     },
     "node_modules/ajv-formats/node_modules/ajv": {
       "version": "8.18.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
-      "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6519,8 +5964,6 @@
     },
     "node_modules/ajv-formats/node_modules/json-schema-traverse": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true,
       "license": "MIT"
     },
@@ -6675,11 +6118,6 @@
     },
     "node_modules/axios": {
       "version": "1.13.6",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.6.tgz",
-      "integrity": "sha512-ChTCHMouEe2kn713WHbQGcuYrr6fXTBiu460OTwWrWob16g1bXn4vtz07Ope7ewMozJAnEquLk5lWQWtBig9DQ==",
-=======
->>>>>>> main
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.11",
@@ -6776,11 +6214,6 @@
     },
     "node_modules/bowser": {
       "version": "2.14.1",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/bowser/-/bowser-2.14.1.tgz",
-      "integrity": "sha512-tzPjzCxygAKWFOJP011oxFHs57HzIhOEracIgAePE4pqB3LikALKnSzUyU4MGs9/iCEUuHlAJTjTc5M+u7YEGg==",
-=======
->>>>>>> main
       "license": "MIT"
     },
     "node_modules/brace-expansion": {
@@ -8213,8 +7646,6 @@
     },
     "node_modules/fast-uri": {
       "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
-      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
       "dev": true,
       "funding": [
         {
@@ -8230,11 +7661,6 @@
     },
     "node_modules/fast-xml-builder": {
       "version": "1.1.4",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/fast-xml-builder/-/fast-xml-builder-1.1.4.tgz",
-      "integrity": "sha512-f2jhpN4Eccy0/Uz9csxh3Nu6q4ErKxf0XIsasomfOihuSUa3/xw6w8dnOtCDgEItQFJG8KyXPzQXzcODDrrbOg==",
-=======
->>>>>>> main
       "funding": [
         {
           "type": "github",
@@ -8247,15 +7673,9 @@
       }
     },
     "node_modules/fast-xml-parser": {
-<<<<<<< HEAD
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.4.1.tgz",
-      "integrity": "sha512-BQ30U1mKkvXQXXkAGcuyUA/GA26oEB7NzOtsxCDtyu62sjGw5QraKFhx2Em3WQNjPw9PG6MQ9yuIIgkSDfGu5A==",
-=======
       "version": "5.5.8",
       "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-5.5.8.tgz",
       "integrity": "sha512-Z7Fh2nVQSb2d+poDViM063ix2ZGt9jmY1nWhPfHBOK2Hgnb/OW3P4Et3P/81SEej0J7QbWtJqxO05h8QYfK7LQ==",
->>>>>>> main
       "funding": [
         {
           "type": "github",
@@ -8264,14 +7684,9 @@
       ],
       "license": "MIT",
       "dependencies": {
-<<<<<<< HEAD
-        "fast-xml-builder": "^1.0.0",
-        "strnum": "^2.1.2"
-=======
         "fast-xml-builder": "^1.1.4",
         "path-expression-matcher": "^1.2.0",
         "strnum": "^2.2.0"
->>>>>>> main
       },
       "bin": {
         "fxparser": "src/cli/cli.js"
@@ -8339,11 +7754,6 @@
     },
     "node_modules/file-type": {
       "version": "21.3.3",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/file-type/-/file-type-21.3.3.tgz",
-      "integrity": "sha512-pNwbwz8c3aZ+GvbJnIsCnDjKvgCZLHxkFWLEFxU3RMa+Ey++ZSEfisvsWQMcdys6PpxQjWUOIDi1fifXsW3YRg==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8436,11 +7846,6 @@
     },
     "node_modules/firebase-admin": {
       "version": "13.7.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/firebase-admin/-/firebase-admin-13.7.0.tgz",
-      "integrity": "sha512-o3qS8zCJbApe7aKzkO2Pa380t9cHISqeSd3blqYTtOuUUUua3qZTLwNWgGUOss3td6wbzrZhiHIj3c8+fC046Q==",
-=======
->>>>>>> main
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -8465,11 +7870,6 @@
     },
     "node_modules/firebase-admin/node_modules/data-uri-to-buffer": {
       "version": "4.0.1",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
-      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8478,11 +7878,6 @@
     },
     "node_modules/firebase-admin/node_modules/gaxios": {
       "version": "7.1.4",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-7.1.4.tgz",
-      "integrity": "sha512-bTIgTsM2bWn3XklZISBTQX7ZSddGW+IO3bMdGaemHZ3tbqExMENHLx6kKZ/KlejgrMtj8q7wBItt51yegqalrA==",
-=======
->>>>>>> main
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -8496,11 +7891,6 @@
     },
     "node_modules/firebase-admin/node_modules/gcp-metadata": {
       "version": "8.1.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-8.1.2.tgz",
-      "integrity": "sha512-zV/5HKTfCeKWnxG0Dmrw51hEWFGfcF2xiXqcA3+J90WDuP0SvoiSO5ORvcBsifmx/FoIjgQN3oNOGaQ5PhLFkg==",
-=======
->>>>>>> main
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -8514,11 +7904,6 @@
     },
     "node_modules/firebase-admin/node_modules/google-auth-library": {
       "version": "10.6.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-10.6.2.tgz",
-      "integrity": "sha512-e27Z6EThmVNNvtYASwQxose/G57rkRuaRbQyxM2bvYLLX/GqWZ5chWq2EBoUchJbCc57eC9ArzO5wMsEmWftCw==",
-=======
->>>>>>> main
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -8535,11 +7920,6 @@
     },
     "node_modules/firebase-admin/node_modules/google-logging-utils": {
       "version": "1.1.3",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/google-logging-utils/-/google-logging-utils-1.1.3.tgz",
-      "integrity": "sha512-eAmLkjDjAFCVXg7A1unxHsLf961m6y17QFqXqAXGj/gVkKFrEICfStRfwUlGNfeCEjNRa32JEWOUTlYXPyyKvA==",
-=======
->>>>>>> main
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -8548,11 +7928,6 @@
     },
     "node_modules/firebase-admin/node_modules/node-fetch": {
       "version": "3.3.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
-      "integrity": "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8592,11 +7967,6 @@
     },
     "node_modules/flatted": {
       "version": "3.4.2",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
-      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
-=======
->>>>>>> main
       "dev": true,
       "license": "ISC"
     },
@@ -9500,8 +8870,6 @@
     },
     "node_modules/import-lazy": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
-      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -9708,8 +9076,6 @@
     },
     "node_modules/jju": {
       "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz",
-      "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==",
       "dev": true,
       "license": "MIT"
     },
@@ -10324,11 +9690,6 @@
     },
     "node_modules/markdown-it": {
       "version": "14.1.1",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.1.tgz",
-      "integrity": "sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -10594,11 +9955,6 @@
     },
     "node_modules/minimatch": {
       "version": "3.1.5",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
-=======
->>>>>>> main
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -11082,15 +10438,9 @@
       }
     },
     "node_modules/path-expression-matcher": {
-<<<<<<< HEAD
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/path-expression-matcher/-/path-expression-matcher-1.1.3.tgz",
-      "integrity": "sha512-qdVgY8KXmVdJZRSS1JdEPOKPdTiEK/pi0RkcT2sw1RhXxohdujUlJFPuS1TSkevZ9vzd3ZlL7ULl1MHGTApKzQ==",
-=======
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/path-expression-matcher/-/path-expression-matcher-1.2.0.tgz",
       "integrity": "sha512-DwmPWeFn+tq7TiyJ2CxezCAirXjFxvaiD03npak3cRjlP9+OjTmSy1EpIrEbh+l6JgUundniloMLDQ/6VTdhLQ==",
->>>>>>> main
       "funding": [
         {
           "type": "github",
@@ -11702,11 +11052,6 @@
     },
     "node_modules/qs": {
       "version": "6.15.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.0.tgz",
-      "integrity": "sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==",
-=======
->>>>>>> main
       "license": "BSD-3-Clause",
       "dependencies": {
         "side-channel": "^1.1.0"
@@ -11996,11 +11341,6 @@
     },
     "node_modules/rimraf/node_modules/minimatch": {
       "version": "9.0.9",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
-      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
-=======
->>>>>>> main
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -12015,11 +11355,6 @@
     },
     "node_modules/rollup": {
       "version": "4.59.0",
-<<<<<<< HEAD
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
-      "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
-=======
->>>>>>> main
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -12483,8 +11818,6 @@
     },
     "node_modules/string-argv": {
       "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
-      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
       "dev": true,
       "license": "MIT",
       "engines": {