From 3cca8e3c4ff741e0a4c0c802b02601fc75c539f4 Mon Sep 17 00:00:00 2001
From: LightCreator1007 <arunitchakraborty2006@gmail.com>
Date: Sun, 15 Feb 2026 15:58:14 +0530
Subject: [PATCH 1/5] replaced Checkbox with KCheckbox and VChip with
 StudioChip

---
 .../components/CatalogFilterPanelContent.vue   |  6 +++---
 .../Channel/components/LanguageFilter.vue      | 17 ++++++++---------
 .../frontend/shared/views/form/MultiSelect.vue | 18 ++++++++++--------
 3 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
index f636d3e275..74c7af956c 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
@@ -31,7 +31,7 @@
       />
 
       <!-- Starred -->
-      <Checkbox
+      <KCheckbox 
         v-if="loggedIn"
         v-model="bookmark"
         :label="$tr('starredLabel')"
@@ -46,7 +46,7 @@
       </div>
 
       <div class="checkbox-with-tooltip">
-        <Checkbox
+        <KCheckbox
           v-model="coach"
           aria-describedby="tooltip-coach"
           :label="$tr('coachLabel')"
@@ -58,7 +58,7 @@
         />
       </div>
 
-      <Checkbox
+      <KCheckbox
         v-model="subtitles"
         :label="$tr('subtitlesLabel')"
       />
diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
index 40ceee7887..57fee84baa 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
@@ -23,23 +23,23 @@
         lazy
       >
         <template #activator="{ on }">
-          <VChip
+          <StudioChip
             class="ma-1"
-            v-on="on"
+            v-on="on" 
           >
             <div class="text-truncate">
               {{ item.name }}
             </div>
-          </VChip>
+          </StudioChip>
         </template>
         <span>{{ item.name }}</span>
       </VTooltip>
     </template>
     <template #item="{ item }">
-      <Checkbox
+      <KCheckbox
         :key="item.id"
         :ref="'checkbox-' + item.id"
-        v-model="languages"
+        :checked="languages.includes(item.value)"
         :value="item.id"
         class="mb-0 mt-1 scroll-margin"
         :labelDir="null"
@@ -59,7 +59,7 @@
           </template>
           <span>{{ item.name }}</span>
         </VTooltip>
-      </Checkbox>
+      </KCheckbox>
     </template>
   </VAutocomplete>
 
@@ -67,9 +67,8 @@
 
 
 <script>
-
-  import Checkbox from 'shared/views/form/Checkbox';
   import LanguagesMap, { LanguagesList } from 'shared/leUtils/Languages';
+  import StudioChip from 'shared/views/StudioChip.vue';
 
   const publicLanguages = Object.entries(window.publicLanguages || {}).map(([langId, count]) => {
     const baseLanguage = LanguagesMap.get(langId);
@@ -86,7 +85,7 @@
   export default {
     name: 'LanguageFilter',
     components: {
-      Checkbox,
+      StudioChip,
     },
     props: {
       value: {
diff --git a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
index 372ffe4175..1b91bf186c 100644
--- a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
@@ -17,14 +17,17 @@
         @blur="resetScroll"
       >
         <template #selection="{ item }">
-          <VChip :class="{ notranslate }">
+          <StudioChip 
+            :class="{ notranslate }"
+            @input="parent.selectItem(item)"
+          >
             {{ item.text }}
-          </VChip>
+          </StudioChip>
         </template>
         <template #item="{ item }">
-          <Checkbox
+          <KCheckbox
             :ref="'checkbox-' + item.value"
-            v-model="selections"
+            :checked="selections.includes(item.value)"
             :value="item.value"
             class="scroll-margin"
           >
@@ -35,7 +38,7 @@
             >
               {{ item.text }}
             </span>
-          </Checkbox>
+          </KCheckbox>
         </template>
       </VSelect>
     </template>
@@ -45,13 +48,12 @@
 
 
 <script>
-
-  import Checkbox from './Checkbox';
   import DropdownWrapper from './DropdownWrapper';
+  import StudioChip from '../StudioChip.vue';
 
   export default {
     name: 'MultiSelect',
-    components: { Checkbox, DropdownWrapper },
+    components: {  DropdownWrapper, StudioChip },
     // $attrs are rebound to a descendent component
     inheritAttrs: false,
     props: {

From 0b4e9edf9bd032c8eda016b01091f9cf3ed64a32 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci-lite[bot]"
 <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>
Date: Sun, 15 Feb 2026 12:15:47 +0000
Subject: [PATCH 2/5] [pre-commit.ci lite] apply automatic fixes

---
 .../views/Channel/components/CatalogFilterPanelContent.vue | 2 +-
 .../views/Channel/components/LanguageFilter.vue            | 3 ++-
 .../frontend/shared/views/form/MultiSelect.vue             | 7 ++++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
index 74c7af956c..2b88835c58 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
@@ -31,7 +31,7 @@
       />
 
       <!-- Starred -->
-      <KCheckbox 
+      <KCheckbox
         v-if="loggedIn"
         v-model="bookmark"
         :label="$tr('starredLabel')"
diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
index 57fee84baa..573f9c6d45 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
@@ -25,7 +25,7 @@
         <template #activator="{ on }">
           <StudioChip
             class="ma-1"
-            v-on="on" 
+            v-on="on"
           >
             <div class="text-truncate">
               {{ item.name }}
@@ -67,6 +67,7 @@
 
 
 <script>
+
   import LanguagesMap, { LanguagesList } from 'shared/leUtils/Languages';
   import StudioChip from 'shared/views/StudioChip.vue';
 
diff --git a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
index 1b91bf186c..40584600af 100644
--- a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
@@ -17,7 +17,7 @@
         @blur="resetScroll"
       >
         <template #selection="{ item }">
-          <StudioChip 
+          <StudioChip
             :class="{ notranslate }"
             @input="parent.selectItem(item)"
           >
@@ -48,12 +48,13 @@
 
 
 <script>
-  import DropdownWrapper from './DropdownWrapper';
+
   import StudioChip from '../StudioChip.vue';
+  import DropdownWrapper from './DropdownWrapper';
 
   export default {
     name: 'MultiSelect',
-    components: {  DropdownWrapper, StudioChip },
+    components: { DropdownWrapper, StudioChip },
     // $attrs are rebound to a descendent component
     inheritAttrs: false,
     props: {

From 1529da2451656cae989487967993d9197c7287ad Mon Sep 17 00:00:00 2001
From: LightCreator1007 <arunitchakraborty2006@gmail.com>
Date: Sun, 15 Feb 2026 18:00:08 +0530
Subject: [PATCH 3/5] fixed broken lang checkbox

---
 .../Channel/components/CatalogFilterPanelContent.vue      | 2 +-
 .../views/Channel/components/LanguageFilter.vue           | 5 +++--
 .../frontend/shared/views/form/MultiSelect.vue            | 8 ++++----
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
index 74c7af956c..2b88835c58 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
@@ -31,7 +31,7 @@
       />
 
       <!-- Starred -->
-      <KCheckbox 
+      <KCheckbox
         v-if="loggedIn"
         v-model="bookmark"
         :label="$tr('starredLabel')"
diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
index 57fee84baa..608e9c6f0c 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/LanguageFilter.vue
@@ -25,7 +25,7 @@
         <template #activator="{ on }">
           <StudioChip
             class="ma-1"
-            v-on="on" 
+            v-on="on"
           >
             <div class="text-truncate">
               {{ item.name }}
@@ -39,7 +39,7 @@
       <KCheckbox
         :key="item.id"
         :ref="'checkbox-' + item.id"
-        :checked="languages.includes(item.value)"
+        :checked="languages.includes(item.id)"
         :value="item.id"
         class="mb-0 mt-1 scroll-margin"
         :labelDir="null"
@@ -67,6 +67,7 @@
 
 
 <script>
+
   import LanguagesMap, { LanguagesList } from 'shared/leUtils/Languages';
   import StudioChip from 'shared/views/StudioChip.vue';
 
diff --git a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
index 1b91bf186c..f2fbd62662 100644
--- a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
@@ -17,9 +17,8 @@
         @blur="resetScroll"
       >
         <template #selection="{ item }">
-          <StudioChip 
+          <StudioChip
             :class="{ notranslate }"
-            @input="parent.selectItem(item)"
           >
             {{ item.text }}
           </StudioChip>
@@ -48,12 +47,13 @@
 
 
 <script>
-  import DropdownWrapper from './DropdownWrapper';
+
   import StudioChip from '../StudioChip.vue';
+  import DropdownWrapper from './DropdownWrapper';
 
   export default {
     name: 'MultiSelect',
-    components: {  DropdownWrapper, StudioChip },
+    components: { DropdownWrapper, StudioChip },
     // $attrs are rebound to a descendent component
     inheritAttrs: false,
     props: {

From 25f17ac390992b8ec5d30809789896ecf02ee099 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci-lite[bot]"
 <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>
Date: Sun, 15 Feb 2026 12:34:19 +0000
Subject: [PATCH 4/5] [pre-commit.ci lite] apply automatic fixes

---
 .../frontend/shared/views/form/MultiSelect.vue                | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
index f2fbd62662..41a7a16473 100644
--- a/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/form/MultiSelect.vue
@@ -17,9 +17,7 @@
         @blur="resetScroll"
       >
         <template #selection="{ item }">
-          <StudioChip
-            :class="{ notranslate }"
-          >
+          <StudioChip :class="{ notranslate }">
             {{ item.text }}
           </StudioChip>
         </template>

From a2bf33e9e47f2d240a958c4f4c37724af50ce88b Mon Sep 17 00:00:00 2001
From: LightCreator1007 <arunitchakraborty2006@gmail.com>
Date: Sun, 15 Feb 2026 19:55:13 +0530
Subject: [PATCH 5/5] chore: fix linting and formatting errors

---
 .../views/Channel/components/CatalogFilterPanelContent.vue      | 2 --
 1 file changed, 2 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
index 2b88835c58..42aec33faa 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/components/CatalogFilterPanelContent.vue
@@ -104,7 +104,6 @@
   import LanguageFilter from './LanguageFilter.vue';
   import MultiSelect from 'shared/views/form/MultiSelect';
   import { constantsTranslationMixin } from 'shared/mixins';
-  import Checkbox from 'shared/views/form/Checkbox';
   import HelpTooltip from 'shared/views/HelpTooltip';
   import { ContentKindsNames } from 'shared/leUtils/ContentKinds';
 
@@ -114,7 +113,6 @@
     name: 'CatalogFilterPanelContent',
     components: {
       LanguageFilter,
-      Checkbox,
       HelpTooltip,
       MultiSelect,
     },