@cat-factory/app 0.149.0 → 0.150.1

package/app/components/providers/ApiKeysSection.vue

@@ -210,6 +210,23 @@ async function add() {
   }
 }
 
+/** Route an update to the scope the key lives in (account / workspace / user). */
+async function updateKey(k: ApiKey, patch: { enabled?: boolean; isDefault?: boolean }) {
+  try {
+    if (k.scope === 'account') await keys.updateAccountKey(k.id, patch)
+    else if (k.scope === 'workspace') await keys.updateWorkspaceKey(k.id, patch)
+    else await keys.updateUserKey(k.id, patch)
+    // Enabling/disabling changes provider selectability in the picker — refresh it.
+    if (workspace.workspaceId) await models.refresh(workspace.workspaceId)
+  } catch (e) {
+    toast.add({
+      title: t('providers.apiKeys.toast.updateFailed'),
+      description: e instanceof Error ? e.message : String(e),
+      color: 'error',
+    })
+  }
+}
+
 async function remove(k: ApiKey) {
   const noun = t('providers.apiKeys.keyNoun')
   if (!(await confirmAction('remove', noun))) return
@@ -352,10 +369,14 @@ async function remove(k: ApiKey) {
         v-for="k in connected"
         :key="k.id"
         class="flex items-center justify-between rounded-md border border-slate-700 bg-slate-900/50 px-3 py-2 text-sm"
+        :class="{ 'opacity-55': !k.enabled }"
       >
         <div>
           <span class="font-medium text-slate-200">{{ k.label }}</span>
           <span class="ms-2 text-xs text-slate-500">{{ providerLabel(k.provider) }}</span>
+          <UBadge v-if="!k.enabled" color="neutral" variant="subtle" size="sm" class="ms-2">
+            {{ t('providers.apiKeys.disabledBadge') }}
+          </UBadge>
           <div class="text-[11px] tabular-nums text-slate-500">
             {{
               t(
@@ -366,13 +387,32 @@ async function remove(k: ApiKey) {
             }}
           </div>
         </div>
-        <UButton
-          icon="i-lucide-trash-2"
-          color="error"
-          variant="ghost"
-          size="xs"
-          @click="remove(k)"
-        />
+        <div class="flex items-center gap-2">
+          <UButton
+            :icon="k.isDefault ? 'i-lucide-star' : 'i-lucide-star-off'"
+            :color="k.isDefault ? 'primary' : 'neutral'"
+            :variant="k.isDefault ? 'subtle' : 'ghost'"
+            size="xs"
+            @click="updateKey(k, { isDefault: !k.isDefault })"
+          >
+            {{
+              k.isDefault ? t('providers.apiKeys.defaultBadge') : t('providers.apiKeys.pinDefault')
+            }}
+          </UButton>
+          <USwitch
+            :model-value="k.enabled"
+            size="sm"
+            :aria-label="t('providers.apiKeys.enableToggle')"
+            @update:model-value="(v: boolean) => updateKey(k, { enabled: v })"
+          />
+          <UButton
+            icon="i-lucide-trash-2"
+            color="error"
+            variant="ghost"
+            size="xs"
+            @click="remove(k)"
+          />
+        </div>
       </div>
     </div>
   </div>

package/app/components/providers/VendorCredentialsModal.vue

@@ -141,6 +141,30 @@ async function add() {
   }
 }
 
+async function toggleEnabled(cred: { id: string }, enabled: boolean) {
+  try {
+    await creds.update(cred.id, { enabled })
+  } catch (e) {
+    toast.add({
+      title: t('providers.vendorCredentials.toast.updateFailed'),
+      description: e instanceof Error ? e.message : String(e),
+      color: 'error',
+    })
+  }
+}
+
+async function toggleDefault(cred: { id: string; isDefault: boolean }) {
+  try {
+    await creds.update(cred.id, { isDefault: !cred.isDefault })
+  } catch (e) {
+    toast.add({
+      title: t('providers.vendorCredentials.toast.updateFailed'),
+      description: e instanceof Error ? e.message : String(e),
+      color: 'error',
+    })
+  }
+}
+
 async function remove(cred: { id: string; label: string }) {
   const ok = await confirm({
     title: t('providers.vendorCredentials.confirmRemove.title'),
@@ -245,10 +269,14 @@ function vendorLabel(v: SubscriptionVendor): string {
                 v-for="c in creds.credentials"
                 :key="c.id"
                 class="flex items-center justify-between rounded-md border border-slate-700 bg-slate-900/50 px-3 py-2 text-sm"
+                :class="{ 'opacity-55': !c.enabled }"
               >
                 <div>
                   <span class="font-medium text-slate-200">{{ c.label }}</span>
                   <span class="ms-2 text-xs text-slate-500">{{ vendorLabel(c.vendor) }}</span>
+                  <UBadge v-if="!c.enabled" color="neutral" variant="subtle" size="sm" class="ms-2">
+                    {{ t('providers.vendorCredentials.disabledBadge') }}
+                  </UBadge>
                   <div class="text-[11px] tabular-nums text-slate-500">
                     {{
                       t(
@@ -262,13 +290,34 @@ function vendorLabel(v: SubscriptionVendor): string {
                     }}
                   </div>
                 </div>
-                <UButton
-                  icon="i-lucide-trash-2"
-                  color="error"
-                  variant="ghost"
-                  size="xs"
-                  @click="remove(c)"
-                />
+                <div class="flex items-center gap-2">
+                  <UButton
+                    :icon="c.isDefault ? 'i-lucide-star' : 'i-lucide-star-off'"
+                    :color="c.isDefault ? 'primary' : 'neutral'"
+                    :variant="c.isDefault ? 'subtle' : 'ghost'"
+                    size="xs"
+                    @click="toggleDefault(c)"
+                  >
+                    {{
+                      c.isDefault
+                        ? t('providers.vendorCredentials.defaultBadge')
+                        : t('providers.vendorCredentials.pinDefault')
+                    }}
+                  </UButton>
+                  <USwitch
+                    :model-value="c.enabled"
+                    size="sm"
+                    :aria-label="t('providers.vendorCredentials.enableToggle')"
+                    @update:model-value="(v: boolean) => toggleEnabled(c, v)"
+                  />
+                  <UButton
+                    icon="i-lucide-trash-2"
+                    color="error"
+                    variant="ghost"
+                    size="xs"
+                    @click="remove(c)"
+                  />
+                </div>
               </div>
             </div>
           </div>

package/app/components/settings/KubernetesEnvironmentForm.vue

@@ -77,6 +77,44 @@ const schemeItems = computed(() => [
   { label: 'http', value: 'http' },
 ])
 
+// A stored non-secret value is `unknown`; coerce it to the string the form field holds,
+// defaulting a missing/wrong-typed value to '' (the same `typeof … === 'string' ? … : ''`
+// each field used inline before).
+function readString(v: unknown): string {
+  return typeof v === 'string' ? v : ''
+}
+
+// Prefill the manifest-source fields from the stored discriminated config.
+function applyManifestSource(k: Record<string, unknown>): void {
+  const src = k.manifestSource as Record<string, unknown> | undefined
+  if (src?.type === 'separate') {
+    form.manifestSourceType = 'separate'
+    form.manifestRepo = readString(src.repo)
+    form.manifestRef = readString(src.ref)
+    form.manifestPath = readString(src.path)
+  } else if (src?.type === 'colocated') {
+    form.manifestSourceType = 'colocated'
+    form.manifestPath = readString(src.path)
+  }
+}
+
+// Prefill the URL-derivation fields (+ scheme) from the stored discriminated config.
+function applyUrl(k: Record<string, unknown>): void {
+  const url = k.url as Record<string, unknown> | undefined
+  if (url?.source === 'ingressTemplate') {
+    form.urlSource = 'ingressTemplate'
+    form.hostTemplate = readString(url.hostTemplate)
+  } else if (url?.source === 'ingressStatus') {
+    form.urlSource = 'ingressStatus'
+    form.ingressName = readString(url.ingressName)
+  } else if (url?.source === 'serviceStatus') {
+    form.urlSource = 'serviceStatus'
+    form.serviceName = readString(url.serviceName)
+    form.servicePort = typeof url.port === 'number' ? String(url.port) : ''
+  }
+  form.urlScheme = url && (url.scheme === 'http' || url.scheme === 'https') ? url.scheme : 'default'
+}
+
 // A registered k8s env connection exposes its non-secret config, so prefill every
 // non-secret field from it (never the token — secrets are write-only and re-entered on
 // update). This lets an edit change one field without re-typing the whole form.
@@ -89,36 +127,14 @@ watch(
         ? (c.config as { kubernetes: Record<string, unknown> }).kubernetes
         : undefined
     if (!k) return
-    form.label = typeof k.label === 'string' ? k.label : ''
-    form.apiServerUrl = typeof k.apiServerUrl === 'string' ? k.apiServerUrl : ''
-    form.caCertPem = typeof k.caCertPem === 'string' ? k.caCertPem : ''
+    form.label = readString(k.label)
+    form.apiServerUrl = readString(k.apiServerUrl)
+    form.caCertPem = readString(k.caCertPem)
     form.insecureSkipTlsVerify = k.insecureSkipTlsVerify === true
-    form.namespaceTemplate = typeof k.namespaceTemplate === 'string' ? k.namespaceTemplate : ''
-    form.imageTemplate = typeof k.imageTemplate === 'string' ? k.imageTemplate : ''
-    const src = k.manifestSource as Record<string, unknown> | undefined
-    if (src?.type === 'separate') {
-      form.manifestSourceType = 'separate'
-      form.manifestRepo = typeof src.repo === 'string' ? src.repo : ''
-      form.manifestRef = typeof src.ref === 'string' ? src.ref : ''
-      form.manifestPath = typeof src.path === 'string' ? src.path : ''
-    } else if (src?.type === 'colocated') {
-      form.manifestSourceType = 'colocated'
-      form.manifestPath = typeof src.path === 'string' ? src.path : ''
-    }
-    const url = k.url as Record<string, unknown> | undefined
-    if (url?.source === 'ingressTemplate') {
-      form.urlSource = 'ingressTemplate'
-      form.hostTemplate = typeof url.hostTemplate === 'string' ? url.hostTemplate : ''
-    } else if (url?.source === 'ingressStatus') {
-      form.urlSource = 'ingressStatus'
-      form.ingressName = typeof url.ingressName === 'string' ? url.ingressName : ''
-    } else if (url?.source === 'serviceStatus') {
-      form.urlSource = 'serviceStatus'
-      form.serviceName = typeof url.serviceName === 'string' ? url.serviceName : ''
-      form.servicePort = typeof url.port === 'number' ? String(url.port) : ''
-    }
-    form.urlScheme =
-      url && (url.scheme === 'http' || url.scheme === 'https') ? url.scheme : 'default'
+    form.namespaceTemplate = readString(k.namespaceTemplate)
+    form.imageTemplate = readString(k.imageTemplate)
+    applyManifestSource(k)
+    applyUrl(k)
   },
   { immediate: true },
 )

package/app/composables/api/models.ts

@@ -23,6 +23,10 @@ import {
   setServiceFragmentDefaultsContract,
   storePersonalSubscriptionContract,
   testLocalModelEndpointContract,
+  updateAccountApiKeyContract,
+  updateUserApiKeyContract,
+  updateVendorCredentialContract,
+  updateWorkspaceApiKeyContract,
   upsertLocalModelEndpointContract,
   upsertOpenRouterCatalogContract,
 } from '@cat-factory/contracts'
@@ -30,6 +34,8 @@ import type {
   AddApiKeyInput,
   StorePersonalSubscriptionInput,
   SubscriptionVendor,
+  UpdateApiKeyInput,
+  UpdateVendorCredentialInput,
 } from '~/types/domain'
 import type {
   LocalRunner,
@@ -60,16 +66,26 @@ export function modelsApi({ send, ws }: ApiContext) {
       send(listWorkspaceApiKeysContract, { pathPrefix: ws(workspaceId) }),
     addWorkspaceApiKey: (workspaceId: string, body: AddApiKeyInput) =>
       send(addWorkspaceApiKeyContract, { pathPrefix: ws(workspaceId), body }),
+    updateWorkspaceApiKey: (workspaceId: string, id: string, body: UpdateApiKeyInput) =>
+      send(updateWorkspaceApiKeyContract, {
+        pathPrefix: ws(workspaceId),
+        pathParams: { id },
+        body,
+      }),
     removeWorkspaceApiKey: (workspaceId: string, id: string) =>
       send(removeWorkspaceApiKeyContract, { pathPrefix: ws(workspaceId), pathParams: { id } }),
     listMyApiKeys: () => send(listUserApiKeysContract, {}),
     addMyApiKey: (body: AddApiKeyInput) => send(addUserApiKeyContract, { body }),
+    updateMyApiKey: (id: string, body: UpdateApiKeyInput) =>
+      send(updateUserApiKeyContract, { pathParams: { id }, body }),
     removeMyApiKey: (id: string) => send(removeUserApiKeyContract, { pathParams: { id } }),
     // Account-scoped keys (shared by every workspace in the account); admin-only.
     listAccountApiKeys: (accountId: string) =>
       send(listAccountApiKeysContract, { pathParams: { accountId } }),
     addAccountApiKey: (accountId: string, body: AddApiKeyInput) =>
       send(addAccountApiKeyContract, { pathParams: { accountId }, body }),
+    updateAccountApiKey: (accountId: string, id: string, body: UpdateApiKeyInput) =>
+      send(updateAccountApiKeyContract, { pathParams: { accountId, id }, body }),
     removeAccountApiKey: (accountId: string, id: string) =>
       send(removeAccountApiKeyContract, { pathParams: { accountId, id } }),
 
@@ -80,6 +96,12 @@ export function modelsApi({ send, ws }: ApiContext) {
       workspaceId: string,
       body: { vendor: SubscriptionVendor; label: string; token: string },
     ) => send(addVendorCredentialContract, { pathPrefix: ws(workspaceId), body }),
+    updateVendorCredential: (workspaceId: string, id: string, body: UpdateVendorCredentialInput) =>
+      send(updateVendorCredentialContract, {
+        pathPrefix: ws(workspaceId),
+        pathParams: { id },
+        body,
+      }),
     removeVendorCredential: (workspaceId: string, id: string) =>
       send(removeVendorCredentialContract, { pathPrefix: ws(workspaceId), pathParams: { id } }),