@cat-factory/app 0.7.4 → 0.9.0

package/app/components/settings/ModelDefaultsPanel.vue

@@ -1,250 +0,0 @@
-<script setup lang="ts">
-// Workspace settings: the per-agent-kind default model overrides. For each agent
-// kind you can pin which model its steps run on for this workspace; a kind left on
-// the deployment default falls back to the env-configured routing (named here so
-// you can see which model that actually is). A model pinned on an individual task
-// still wins over these. Persisted via the modelDefaults store (the backend
-// replaces the whole map on each change).
-//
-// Styled as a dark full-screen window like the agent-output review overlay
-// (AgentStepDetail) rather than a light modal, so the text stays readable
-// regardless of the OS colour-mode preference. The filter box narrows the list of
-// AGENT KINDS (the catalog is long); each kind's model picker is a plain dropdown.
-import { computed, ref, watch } from 'vue'
-import { onKeyStroke } from '@vueuse/core'
-import type { AgentKind } from '~/types/domain'
-import { MODEL_CONFIGURABLE_SYSTEM_KINDS } from '~/utils/catalog'
-import { contextLabel, costLabel, displayFlavor, isSelectable } from '~/stores/models'
-
-const ui = useUiStore()
-const models = useModelsStore()
-const defaults = useModelDefaultsStore()
-const agents = useAgentsStore()
-const creds = useVendorCredentialsStore()
-const workspace = useWorkspaceStore()
-const toast = useToast()
-
-const open = computed({
-  get: () => ui.modelDefaultsOpen,
-  set: (v: boolean) => (v ? ui.openModelDefaults() : ui.closeModelDefaults()),
-})
-
-const busy = ref<string | null>(null)
-// Narrows the agent-kind rows below, for finding a kind fast in a long catalog.
-const filter = ref('')
-
-// The palette archetypes PLUS the engine-driven kinds that still run an LLM
-// (spec-writer, merger, the fixers/resolver) — those aren't user-addable steps but their
-// model is still worth pinning per workspace. The pure gates run no model, so they stay out.
-const configurableKinds = computed(() => [...agents.archetypes, ...MODEL_CONFIGURABLE_SYSTEM_KINDS])
-
-const filteredArchetypes = computed(() => {
-  const q = filter.value.trim().toLowerCase()
-  if (!q) return configurableKinds.value
-  return configurableKinds.value.filter(
-    (a) => a.label.toLowerCase().includes(q) || String(a.kind).toLowerCase().includes(q),
-  )
-})
-
-watch(open, (isOpen) => {
-  if (isOpen) {
-    filter.value = ''
-    void models.ensureLoaded(workspace.workspaceId ?? undefined)
-    if (workspace.workspaceId) void creds.load(workspace.workspaceId)
-  }
-})
-
-onKeyStroke('Escape', () => {
-  if (open.value) open.value = false
-})
-
-/** The dropdown items for a kind's picker: the deployment-default reset plus the catalog. */
-function menuFor(kind: AgentKind) {
-  const configured = creds.configuredVendors
-  return [
-    [
-      {
-        label: 'Deployment default',
-        icon: 'i-lucide-rotate-ccw',
-        onSelect: () => choose(kind, null),
-      },
-      ...models.models
-        .filter((m) => isSelectable(m, configured))
-        .map((m) => {
-          const flavor = displayFlavor(m, configured)
-          const ctx = contextLabel(flavor.contextTokens)
-          // Show the model's list price too (already resolved from spend pricing on
-          // the catalog). `costLabel` folds the quota indicator into the cost string
-          // for quota-based models; fall back to a bare "quota" tag when a quota model
-          // carries no price.
-          const price = costLabel(flavor) ?? (flavor.quotaBased ? 'quota' : undefined)
-          const suffix = [flavor.providerLabel, ctx, price].filter(Boolean).join(' · ')
-          return {
-            label: `${m.label} · ${suffix}`,
-            icon: flavor.quotaBased ? 'i-lucide-infinity' : 'i-lucide-cpu',
-            onSelect: () => choose(kind, m.id),
-          }
-        }),
-    ],
-  ]
-}
-
-/** The label shown on a kind's button: its pinned model, else the named deployment default. */
-function buttonLabel(kind: AgentKind): string {
-  const pinned = defaults.forKind(kind)
-  if (pinned) {
-    const m = models.getModel(pinned)
-    // A pinned-but-uncatalogued id (e.g. a model whose provider key was since
-    // removed) shows the raw id rather than masquerading as a default.
-    if (!m) return pinned
-    return `${m.label} · ${displayFlavor(m, creds.configuredVendors).providerLabel}`
-  }
-  // No pin → name the env-routing model this kind actually falls back to.
-  const ref = defaults.deploymentRefForKind(kind)
-  const label = ref ? models.labelForRef(ref) : undefined
-  return label ? `${label} (default)` : 'Deployment default'
-}
-
-async function choose(kind: AgentKind, modelId: string | null) {
-  busy.value = kind
-  try {
-    await defaults.set(kind, modelId)
-  } catch (e) {
-    toast.add({
-      title: 'Could not save default model',
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
-  } finally {
-    busy.value = null
-  }
-}
-</script>
-
-<template>
-  <Teleport to="body">
-    <Transition name="reader-fade">
-      <div
-        v-if="open"
-        class="fixed inset-0 z-50 flex flex-col bg-slate-950/96 backdrop-blur-sm"
-        role="dialog"
-        aria-modal="true"
-      >
-        <header class="flex items-center gap-3 border-b border-slate-800 px-6 py-4">
-          <div
-            class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-indigo-500/15"
-          >
-            <UIcon name="i-lucide-cpu" class="h-5 w-5 text-indigo-300" />
-          </div>
-          <div class="min-w-0">
-            <h1 class="truncate text-base font-semibold text-white">Default models for agents</h1>
-            <p class="truncate text-xs text-slate-500">
-              Pin which model each agent kind runs on for this workspace.
-            </p>
-          </div>
-          <UButton
-            icon="i-lucide-x"
-            color="neutral"
-            variant="ghost"
-            size="sm"
-            class="ml-auto"
-            title="Close (Esc)"
-            @click="open = false"
-          />
-        </header>
-
-        <div class="flex-1 overflow-auto px-6 py-6">
-          <div class="mx-auto max-w-3xl space-y-5">
-            <p class="text-sm leading-relaxed text-slate-400">
-              Pin which model each agent kind runs on for this workspace, e.g. a strong reasoning
-              model for the architect, a cheaper one for the documenter. A kind left on its
-              <span class="text-slate-300">deployment default</span> uses the server's configured
-              routing (named on the button). A model pinned on an individual task still overrides
-              these.
-            </p>
-
-            <UInput
-              v-model="filter"
-              icon="i-lucide-search"
-              size="sm"
-              placeholder="Filter agents…"
-              class="w-full"
-            >
-              <template v-if="filter" #trailing>
-                <UButton
-                  icon="i-lucide-x"
-                  color="neutral"
-                  variant="link"
-                  size="xs"
-                  aria-label="Clear filter"
-                  @click="filter = ''"
-                />
-              </template>
-            </UInput>
-
-            <p v-if="models.models.length === 0" class="py-4 text-center text-sm text-slate-500">
-              Loading model catalog…
-            </p>
-
-            <div
-              v-else
-              class="divide-y divide-slate-800 rounded-xl border border-slate-800 bg-slate-900/50"
-            >
-              <div
-                v-for="a in filteredArchetypes"
-                :key="a.kind"
-                class="flex items-center gap-3 px-4 py-3"
-              >
-                <UIcon
-                  :name="a.icon"
-                  class="h-4 w-4 shrink-0"
-                  :style="{ color: a.color }"
-                  :title="a.description"
-                />
-                <div class="min-w-0 flex-1" :title="a.description">
-                  <p class="truncate text-sm text-slate-200">{{ a.label }}</p>
-                </div>
-                <!-- The menu content portals to <body>, where it would sit behind
-                     this z-50 overlay (it carries no z-index of its own) and the
-                     overlay would swallow the clicks — so lift it above. -->
-                <UDropdownMenu
-                  :items="menuFor(a.kind)"
-                  :ui="{ content: 'max-h-80 overflow-y-auto z-[60]' }"
-                >
-                  <UButton
-                    size="xs"
-                    :color="defaults.forKind(a.kind) ? 'primary' : 'neutral'"
-                    :variant="defaults.forKind(a.kind) ? 'subtle' : 'soft'"
-                    trailing-icon="i-lucide-chevron-down"
-                    :loading="busy === a.kind"
-                    class="w-64 shrink-0 justify-between"
-                  >
-                    <span class="truncate">{{ buttonLabel(a.kind) }}</span>
-                  </UButton>
-                </UDropdownMenu>
-              </div>
-              <p
-                v-if="filteredArchetypes.length === 0"
-                class="px-4 py-6 text-center text-sm text-slate-500"
-              >
-                No agents match "{{ filter }}".
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </Transition>
-  </Teleport>
-</template>
-
-<style scoped>
-.reader-fade-enter-active,
-.reader-fade-leave-active {
-  transition: opacity 0.18s ease;
-}
-.reader-fade-enter-from,
-.reader-fade-leave-to {
-  opacity: 0;
-}
-</style>

package/app/stores/modelDefaults.ts

@@ -1,76 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-import { useWorkspaceStore } from '~/stores/workspace'
-
-/**
- * The workspace's per-agent-kind default model overrides — the map an agent step
- * resolves its model from when the task pins none (a block-pinned model still
- * wins; a kind absent from the map falls back to the deployment's env routing).
- * Hydrated from the workspace snapshot; edited via the Default-models settings
- * panel, which replaces the whole map on save.
- */
-export const useModelDefaultsStore = defineStore('modelDefaults', () => {
-  const api = useApi()
-
-  /** agentKind → model catalog id. */
-  const defaults = ref<Record<string, string>>({})
-
-  /**
-   * The deployment's env-routing defaults as `provider:model` refs — what a kind
-   * runs on when neither the task nor this workspace pins a model. `default` is the
-   * global fallback; `byKind` carries kinds the operator routed specifically. Used
-   * only to NAME the fallback in the settings panel; it never overrides a pin.
-   */
-  const deployment = ref<{ default: string; byKind: Record<string, string> }>({
-    default: '',
-    byKind: {},
-  })
-
-  function hydrate(map: Record<string, string> | undefined) {
-    defaults.value = { ...map }
-  }
-
-  function hydrateDeployment(
-    next: { default: string; byKind: Record<string, string> } | undefined,
-  ) {
-    deployment.value = next
-      ? { default: next.default, byKind: { ...next.byKind } }
-      : {
-          default: '',
-          byKind: {},
-        }
-  }
-
-  /** The model id chosen for a kind, or undefined when it falls back to routing. */
-  function forKind(kind: string): string | undefined {
-    return defaults.value[kind]
-  }
-
-  /** The deployment-routing model ref a kind falls back to (`byKind[kind] ?? default`). */
-  function deploymentRefForKind(kind: string): string | undefined {
-    return deployment.value.byKind[kind] || deployment.value.default || undefined
-  }
-
-  /**
-   * Set (or, with `null`, clear) the default model for a single agent kind, then
-   * persist the whole map. The backend replaces the stored set on every write.
-   */
-  async function set(kind: string, modelId: string | null) {
-    const next = { ...defaults.value }
-    if (modelId) next[kind] = modelId
-    else delete next[kind]
-    const ws = useWorkspaceStore()
-    const saved = await api.setModelDefaults(ws.requireId(), next)
-    defaults.value = { ...saved.defaults }
-  }
-
-  return {
-    defaults,
-    deployment,
-    hydrate,
-    hydrateDeployment,
-    forKind,
-    deploymentRefForKind,
-    set,
-  }
-})