@cat-factory/app 0.8.0 → 0.9.0

package/app/composables/api/board.ts

@@ -39,6 +39,7 @@ export function boardApi({ http, ws }: ApiContext) {
         taskType?: CreateTaskType
         taskTypeFields?: TaskTypeFields
         mergePresetId?: string
+        modelPresetId?: string
         pipelineId?: string
         agentConfig?: Record<string, string>
       },

package/app/composables/api/models.ts

@@ -1,7 +1,6 @@
 import type {
   AddApiKeyInput,
   ApiKey,
-  ModelDefaults,
   ModelOption,
   PersonalSubscriptionStatus,
   ServiceFragmentDefaults,
@@ -118,19 +117,6 @@ export function modelsApi({ http, ws }: ApiContext) {
     refreshOpenRouterCatalog: (workspaceId: string) =>
       http<OpenRouterRefreshResult>(`${ws(workspaceId)}/openrouter/refresh`, { method: 'POST' }),
 
-    // ---- per-agent-kind default models (workspace routing overrides) ------
-    // The workspace's map of agentKind → model id; a kind absent from the map
-    // falls back to the deployment's env routing. `setModelDefaults` replaces the
-    // whole map (the settings panel sends the full set on every change).
-    getModelDefaults: (workspaceId: string) =>
-      http<ModelDefaults>(`${ws(workspaceId)}/model-defaults`),
-
-    setModelDefaults: (workspaceId: string, defaults: Record<string, string>) =>
-      http<ModelDefaults>(`${ws(workspaceId)}/model-defaults`, {
-        method: 'PUT',
-        body: { defaults },
-      }),
-
     // The workspace's default service-fragment selection (the fragment ids new
     // services inherit). `setServiceFragmentDefaults` replaces the whole list.
     getServiceFragmentDefaults: (workspaceId: string) =>

package/app/composables/api/presets.ts

@@ -3,9 +3,14 @@ import type {
   MergeThresholdPreset,
   UpdateMergePresetInput,
 } from '~/types/merge'
+import type {
+  CreateModelPresetInput,
+  ModelPreset,
+  UpdateModelPresetInput,
+} from '~/types/model-presets'
 import type { ApiContext } from './context'
 
-/** The per-workspace merge-threshold preset library (per-task auto-merge policy). */
+/** The per-workspace preset libraries: merge-threshold policy + model->agent mapping. */
 export function presetsApi({ http, ws }: ApiContext) {
   return {
     // ---- merge threshold presets (per-task auto-merge policy library) -----
@@ -25,5 +30,23 @@ export function presetsApi({ http, ws }: ApiContext) {
       http(`${ws(workspaceId)}/merge-presets/${encodeURIComponent(presetId)}`, {
         method: 'DELETE',
       }),
+
+    // ---- model presets (per-task model->agent mapping library) ------------
+    listModelPresets: (workspaceId: string) =>
+      http<ModelPreset[]>(`${ws(workspaceId)}/model-presets`),
+
+    createModelPreset: (workspaceId: string, body: CreateModelPresetInput) =>
+      http<ModelPreset>(`${ws(workspaceId)}/model-presets`, { method: 'POST', body }),
+
+    updateModelPreset: (workspaceId: string, presetId: string, body: UpdateModelPresetInput) =>
+      http<ModelPreset>(`${ws(workspaceId)}/model-presets/${encodeURIComponent(presetId)}`, {
+        method: 'PATCH',
+        body,
+      }),
+
+    deleteModelPreset: (workspaceId: string, presetId: string) =>
+      http(`${ws(workspaceId)}/model-presets/${encodeURIComponent(presetId)}`, {
+        method: 'DELETE',
+      }),
   }
 }

package/app/pages/index.vue

@@ -29,7 +29,7 @@ import MergeThresholdsPanel from '~/components/settings/MergeThresholdsPanel.vue
 import IssueTrackerWritebackPanel from '~/components/settings/IssueTrackerWritebackPanel.vue'
 import WorkspaceSettingsPanel from '~/components/settings/WorkspaceSettingsPanel.vue'
 import DatadogPanel from '~/components/settings/DatadogPanel.vue'
-import ModelDefaultsPanel from '~/components/settings/ModelDefaultsPanel.vue'
+import ModelConfigurationPanel from '~/components/settings/ModelConfigurationPanel.vue'
 import ServiceFragmentDefaultsPanel from '~/components/settings/ServiceFragmentDefaultsPanel.vue'
 import LocalModelEndpointsPanel from '~/components/settings/LocalModelEndpointsPanel.vue'
 import OpenRouterCatalogPanel from '~/components/settings/OpenRouterCatalogPanel.vue'
@@ -122,7 +122,7 @@ watch(
       <IssueTrackerWritebackPanel />
       <WorkspaceSettingsPanel />
       <DatadogPanel />
-      <ModelDefaultsPanel />
+      <ModelConfigurationPanel />
       <ServiceFragmentDefaultsPanel />
       <LocalModelEndpointsPanel />
       <OpenRouterCatalogPanel />

package/app/stores/board.ts

@@ -77,6 +77,7 @@ export const useBoardStore = defineStore('board', () => {
       taskType?: CreateTaskType
       taskTypeFields?: TaskTypeFields
       mergePresetId?: string
+      modelPresetId?: string
       pipelineId?: string
       agentConfig?: Record<string, string>
     },
@@ -88,6 +89,7 @@ export const useBoardStore = defineStore('board', () => {
       ...(options?.taskType ? { taskType: options.taskType } : {}),
       ...(options?.taskTypeFields ? { taskTypeFields: options.taskTypeFields } : {}),
       ...(options?.mergePresetId ? { mergePresetId: options.mergePresetId } : {}),
+      ...(options?.modelPresetId ? { modelPresetId: options.modelPresetId } : {}),
       ...(options?.pipelineId ? { pipelineId: options.pipelineId } : {}),
       ...(options?.agentConfig ? { agentConfig: options.agentConfig } : {}),
     })

package/app/stores/modelPresets.ts

@@ -0,0 +1,65 @@
+import { defineStore } from 'pinia'
+import { computed, ref } from 'vue'
+import type {
+  CreateModelPresetInput,
+  ModelPreset,
+  UpdateModelPresetInput,
+} from '~/types/model-presets'
+import { useWorkspaceStore } from '~/stores/workspace'
+
+/**
+ * The workspace's model presets — the library a task picks its model→agent mapping
+ * from (each preset is a base model applied to every agent kind plus per-kind
+ * overrides). Hydrated from the workspace snapshot; managed via the Model Configuration
+ * settings screen. The backend always keeps at least one default preset (the built-in
+ * "Kimi K2.7", everything Kimi).
+ */
+export const useModelPresetsStore = defineStore('modelPresets', () => {
+  const api = useApi()
+
+  const presets = ref<ModelPreset[]>([])
+
+  function hydrate(list: ModelPreset[]) {
+    presets.value = [...list].sort((a, b) => a.createdAt - b.createdAt)
+  }
+
+  /** The workspace default (fallback for a task that picks none). */
+  const defaultPreset = computed(() => presets.value.find((p) => p.isDefault) ?? null)
+
+  /** Resolve a task's effective preset by id, falling back to the default. */
+  function resolve(presetId: string | undefined): ModelPreset | null {
+    if (presetId) {
+      const picked = presets.value.find((p) => p.id === presetId)
+      if (picked) return picked
+    }
+    return defaultPreset.value
+  }
+
+  /** The model id a preset assigns to an agent kind (`overrides[kind] ?? baseModelId`). */
+  function modelForKind(preset: ModelPreset | null, agentKind: string): string | undefined {
+    if (!preset) return undefined
+    return preset.overrides[agentKind] ?? preset.baseModelId
+  }
+
+  async function create(input: CreateModelPresetInput) {
+    const ws = useWorkspaceStore()
+    const created = await api.createModelPreset(ws.requireId(), input)
+    await ws.refresh()
+    return created
+  }
+
+  async function update(presetId: string, patch: UpdateModelPresetInput) {
+    const ws = useWorkspaceStore()
+    const updated = await api.updateModelPreset(ws.requireId(), presetId, patch)
+    await ws.refresh()
+    return updated
+  }
+
+  async function remove(presetId: string) {
+    const ws = useWorkspaceStore()
+    await api.deleteModelPreset(ws.requireId(), presetId)
+    await ws.refresh()
+  }
+
+  return { presets, defaultPreset, resolve, modelForKind, hydrate, create, update, remove }
+})

package/app/stores/ui.ts

@@ -73,7 +73,7 @@ export const useUiStore = defineStore('ui', () => {
   // Workspace-settings panel: issue-tracker writeback toggles (comment on PR open,
   // close linked issue on merge).
   const issueWritebackOpen = ref(false)
-  const modelDefaultsOpen = ref(false)
+  const modelConfigOpen = ref(false)
   // Workspace-settings panel: the default service-fragment selection new services inherit.
   const serviceFragmentDefaultsOpen = ref(false)
   // LLM-vendor subscription credentials (the token pool powering the Claude Code
@@ -304,11 +304,11 @@ export const useUiStore = defineStore('ui', () => {
   function closeDatadog() {
     datadogOpen.value = false
   }
-  function openModelDefaults() {
-    modelDefaultsOpen.value = true
+  function openModelConfig() {
+    modelConfigOpen.value = true
   }
-  function closeModelDefaults() {
-    modelDefaultsOpen.value = false
+  function closeModelConfig() {
+    modelConfigOpen.value = false
   }
   function openServiceFragmentDefaults() {
     serviceFragmentDefaultsOpen.value = true
@@ -380,7 +380,7 @@ export const useUiStore = defineStore('ui', () => {
     issueWritebackOpen,
     workspaceSettingsOpen,
     datadogOpen,
-    modelDefaultsOpen,
+    modelConfigOpen,
     serviceFragmentDefaultsOpen,
     vendorCredentialsOpen,
     localModelsOpen,
@@ -436,8 +436,8 @@ export const useUiStore = defineStore('ui', () => {
     closeWorkspaceSettings,
     openDatadog,
     closeDatadog,
-    openModelDefaults,
-    closeModelDefaults,
+    openModelConfig,
+    closeModelConfig,
     openServiceFragmentDefaults,
     closeServiceFragmentDefaults,
     openVendorCredentials,

package/app/stores/workspace.ts

@@ -10,7 +10,7 @@ import { useNotificationsStore } from '~/stores/notifications'
 import { useMergePresetsStore } from '~/stores/mergePresets'
 import { useWorkspaceSettingsStore } from '~/stores/workspaceSettings'
 import { useAgentConfigStore } from '~/stores/agentConfig'
-import { useModelDefaultsStore } from '~/stores/modelDefaults'
+import { useModelPresetsStore } from '~/stores/modelPresets'
 import { useServiceFragmentDefaultsStore } from '~/stores/serviceFragmentDefaults'
 import { useRecurringPipelinesStore } from '~/stores/recurringPipelines'
 import { useServicesStore } from '~/stores/services'
@@ -71,8 +71,7 @@ export const useWorkspaceStore = defineStore(
       useMergePresetsStore().hydrate(snapshot.mergePresets ?? [])
       useWorkspaceSettingsStore().hydrate(snapshot.settings)
       useAgentConfigStore().hydrate(snapshot.agentConfigCatalog ?? [])
-      useModelDefaultsStore().hydrate(snapshot.modelDefaults?.defaults)
-      useModelDefaultsStore().hydrateDeployment(snapshot.deploymentModelDefaults)
+      useModelPresetsStore().hydrate(snapshot.modelPresets ?? [])
       useServiceFragmentDefaultsStore().hydrate(snapshot.serviceFragmentDefaults?.fragmentIds)
       useRecurringPipelinesStore().hydrate(snapshot.recurringPipelines ?? [])
       useTrackerStore().hydrate(snapshot.trackerSettings)

package/app/types/domain.ts

@@ -21,6 +21,7 @@ import type { RequirementReview } from './requirements'
 import type { ConsensusSession, ConsensusStepConfig, StepGating, TaskEstimate } from './consensus'
 import type { ClarityReview } from './clarity'
 import type { MergeThresholdPreset } from './merge'
+import type { ModelPreset } from './model-presets'
 import type { PipelineSchedule } from './recurring'
 import type { Service, WorkspaceMount } from './services'
 import type { TrackerSettings, WritebackOverride } from './tracker'
@@ -126,6 +127,8 @@ export interface Block {
   pullRequest?: PullRequestRef
   /** task-only: selected merge threshold preset id; absent = workspace default. */
   mergePresetId?: string
+  /** task-only: selected model preset id (which model each agent runs); absent = workspace default. */
+  modelPresetId?: string
   /** task-only: pinned default pipeline id picked at creation; absent = none. */
   pipelineId?: string
   /** task-only: agent-contributed config values (id→value), e.g. the Tester's environment. */
@@ -385,8 +388,8 @@ export interface WorkspaceSnapshot {
   mergePresets?: MergeThresholdPreset[]
   /** Agent config-contribution descriptors (the task-level fields the board renders). */
   agentConfigCatalog?: AgentConfigDescriptor[]
-  /** Per-agent-kind default model overrides for this workspace (agentKind → model id). */
-  modelDefaults?: ModelDefaults
+  /** The workspace's model presets (the Model Configuration library + per-task picker). */
+  modelPresets?: ModelPreset[]
   /**
    * The deployment's env-routing defaults as `provider:model` refs: the model a
    * kind runs on when neither the task nor the workspace pins one. `default` is the
@@ -435,15 +438,6 @@ export interface UpdateWorkspaceSettingsInput {
   taskLimitPerType?: Partial<Record<CreateTaskType, number>> | null
 }
 
-/**
- * A workspace's per-agent-kind default model choice. Keys are agent kinds, values
- * are model catalog ids (`ModelOption.id`). A kind absent from the map falls back
- * to the deployment's env-configured routing. Mirrors `@cat-factory/contracts`.
- */
-export interface ModelDefaults {
-  defaults: Record<string, string>
-}
-
 /**
  * A workspace's default service-fragment selection: the best-practice fragment ids
  * new services inherit onto their `serviceFragmentIds`. Mirrors `@cat-factory/contracts`.

package/app/types/model-presets.ts

@@ -0,0 +1,33 @@
+// Model-preset shapes, mirroring `@cat-factory/contracts` (model-presets.ts). A preset
+// is a named, per-workspace model->agent mapping: one base model applied to every
+// agent kind plus per-kind overrides. A task selects one (Block.modelPresetId); none
+// resolves to the workspace default preset.
+
+/** A named, per-workspace model preset a task can select. */
+export interface ModelPreset {
+  id: string
+  name: string
+  /** The model every agent kind defaults to under this preset (a catalog id). */
+  baseModelId: string
+  /** Per-agent-kind model overrides on top of the base (agent kind → model id). */
+  overrides: Record<string, string>
+  /** The workspace's fallback preset, used by tasks that pick none. */
+  isDefault: boolean
+  createdAt: number
+}
+
+/** Create a model preset. */
+export interface CreateModelPresetInput {
+  name: string
+  baseModelId: string
+  overrides?: Record<string, string>
+  isDefault?: boolean
+}
+
+/** Patch a model preset (all fields optional; `overrides` replaces the map). */
+export interface UpdateModelPresetInput {
+  name?: string
+  baseModelId?: string
+  overrides?: Record<string, string>
+  isDefault?: boolean
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Reusable Nuxt layer for the Agent Architecture Board SPA (components, stores, composables, pages). Consume it from a thin deployment app via `extends: ['@cat-factory/app']` and point it at your backend with NUXT_PUBLIC_API_BASE. See deploy/frontend for an example.",
   "repository": {
     "type": "git",

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,
-  }
-})