perf(webui): refactor dashboard modules and optimize API performance

public/js/utils/model-config.js

@@ -0,0 +1,42 @@
+/**
+ * Model Configuration Utilities
+ * Shared functions for model configuration updates
+ */
+window.ModelConfigUtils = window.ModelConfigUtils || {};
+
+/**
+ * Update model configuration with authentication and optimistic updates
+ * @param {string} modelId - The model ID to update
+ * @param {object} configUpdates - Configuration updates (pinned, hidden, alias, mapping)
+ * @returns {Promise<void>}
+ */
+window.ModelConfigUtils.updateModelConfig = async function(modelId, configUpdates) {
+    return window.ErrorHandler.safeAsync(async () => {
+        const store = Alpine.store('global');
+
+        const { response, newPassword } = await window.utils.request('/api/models/config', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ modelId, config: configUpdates })
+        }, store.webuiPassword);
+
+        // Update password if server provided a new one
+        if (newPassword) {
+            store.webuiPassword = newPassword;
+        }
+
+        if (!response.ok) {
+            throw new Error('Failed to update model config');
+        }
+
+        // Optimistic update of local state
+        const dataStore = Alpine.store('data');
+        dataStore.modelConfig[modelId] = {
+            ...dataStore.modelConfig[modelId],
+            ...configUpdates
+        };
+
+        // Recompute quota rows to reflect changes
+        dataStore.computeQuotaRows();
+    }, 'Failed to update model config');
+};