refactor: use pinia store for captain config

app/javascript/dashboard/store/captain/config.js

@@ -1,78 +1,64 @@
+import { defineStore } from 'pinia';
 import CaptainConfigAPI from 'dashboard/api/captain/config';
 
-const state = {
-  providers: {},
-  models: {},
-  features: {},
-  uiFlags: {
-    isFetching: false,
+export const useCaptainConfigStore = defineStore('captainConfig', {
+  state: () => ({
+    providers: {},
+    models: {},
+    features: {},
+    uiFlags: {
+      isFetching: false,
+    },
+  }),
+
+  getters: {
+    getProviders: state => state.providers,
+    getModels: state => state.models,
+    getFeatures: state => state.features,
+    getUIFlags: state => state.uiFlags,
+    getModelsForFeature: state => featureKey => {
+      const feature = state.features[featureKey];
+      const models = feature?.models || [];
+
+      const providerOrder = { openai: 0, anthropic: 1, gemini: 2 };
+
+      return [...models].sort((a, b) => {
+        // Move coming_soon items to the end
+        if (a.coming_soon && !b.coming_soon) return 1;
+        if (!a.coming_soon && b.coming_soon) return -1;
+
+        // Sort by provider
+        const providerA = providerOrder[a.provider] ?? 999;
+        const providerB = providerOrder[b.provider] ?? 999;
+        if (providerA !== providerB) return providerA - providerB;
+
+        // Sort by credit_multiplier (highest first)
+        return (b.credit_multiplier || 0) - (a.credit_multiplier || 0);
+      });
+    },
+    getDefaultModelForFeature: state => featureKey => {
+      const feature = state.features[featureKey];
+      return feature?.default || null;
+    },
+    getSelectedModelForFeature: state => featureKey => {
+      const feature = state.features[featureKey];
+      return feature?.selected || feature?.default || null;
+    },
   },
-};
 
-const getters = {
-  getProviders: $state => $state.providers,
-  getModels: $state => $state.models,
-  getFeatures: $state => $state.features,
-  getUIFlags: $state => $state.uiFlags,
-  getModelsForFeature: $state => featureKey => {
-    const feature = $state.features[featureKey];
-    const models = feature?.models || [];
-
-    const providerOrder = { openai: 0, anthropic: 1, gemini: 2 };
-
-    return [...models].sort((a, b) => {
-      // Move coming_soon items to the end
-      if (a.coming_soon && !b.coming_soon) return 1;
-      if (!a.coming_soon && b.coming_soon) return -1;
-
-      // Sort by provider
-      const providerA = providerOrder[a.provider] ?? 999;
-      const providerB = providerOrder[b.provider] ?? 999;
-      if (providerA !== providerB) return providerA - providerB;
-
-      // Sort by credit_multiplier (highest first)
-      return (b.credit_multiplier || 0) - (a.credit_multiplier || 0);
-    });
+  actions: {
+    async fetch() {
+      this.uiFlags.isFetching = true;
+      try {
+        const response = await CaptainConfigAPI.get();
+        this.providers = response.data.providers || {};
+        this.models = response.data.models || {};
+        this.features = response.data.features || {};
+      } catch (error) {
+        // Ignore error
+      } finally {
+        this.uiFlags.isFetching = false;
+      }
+    },
   },
-  getDefaultModelForFeature: $state => featureKey => {
-    const feature = $state.features[featureKey];
-    return feature?.default || null;
-  },
-  getSelectedModelForFeature: $state => featureKey => {
-    const feature = $state.features[featureKey];
-    return feature?.selected || feature?.default || null;
-  },
-};
-
-const mutations = {
-  SET_UI_FLAG($state, data) {
-    $state.uiFlags = { ...$state.uiFlags, ...data };
-  },
-  SET_CONFIG($state, { providers, models, features }) {
-    $state.providers = providers || {};
-    $state.models = models || {};
-    $state.features = features || {};
-  },
-};
-
-const actions = {
-  async fetch({ commit }) {
-    commit('SET_UI_FLAG', { isFetching: true });
-    try {
-      const response = await CaptainConfigAPI.get();
-      commit('SET_CONFIG', response.data);
-    } catch (error) {
-      // Ignore error
-    } finally {
-      commit('SET_UI_FLAG', { isFetching: false });
-    }
-  },
-};
-
-export default {
-  namespaced: true,
-  state,
-  getters,
-  mutations,
-  actions,
-};
+});

app/javascript/dashboard/store/index.js

@@ -58,7 +58,6 @@ import copilotMessages from './captain/copilotMessages';
 import captainScenarios from './captain/scenarios';
 import captainTools from './captain/tools';
 import captainCustomTools from './captain/customTools';
-import captainConfig from './captain/config';
 
 const plugins = [];
 
@@ -122,7 +121,6 @@ export default createStore({
     captainScenarios,
     captainTools,
     captainCustomTools,
-    captainConfig,
   },
   plugins,
 });