@cat-factory/app 0.7.4 → 0.9.0

package/app/components/board/AddTaskModal.vue

@@ -18,6 +18,7 @@ const board = useBoardStore()
 const documents = useDocumentsStore()
 const tasks = useTasksStore()
 const mergePresets = useMergePresetsStore()
+const modelPresets = useModelPresetsStore()
 const pipelines = usePipelinesStore()
 const agentConfig = useAgentConfigStore()
 const toast = useToast()
@@ -94,6 +95,7 @@ const recurringFrameId = computed(() => {
 // Run configuration picked up front. Empty string = use the default (workspace
 // default merge preset / no pinned pipeline).
 const mergePresetId = ref('')
+const modelPresetId = ref('')
 const pipelineId = ref('')
 
 const presetMenu = computed(() => [
@@ -121,6 +123,32 @@ const selectedPresetLabel = computed(() => {
   return mergePresets.presets.find((p) => p.id === mergePresetId.value)?.name ?? 'Workspace default'
 })
 
+// Model preset: which model each agent runs on. Empty = workspace default preset.
+const modelPresetMenu = computed(() => [
+  [
+    {
+      label: modelPresets.defaultPreset
+        ? `Default (${modelPresets.defaultPreset.name})`
+        : 'Workspace default',
+      icon: 'i-lucide-rotate-ccw',
+      onSelect: () => (modelPresetId.value = ''),
+    },
+    ...modelPresets.presets.map((p) => ({
+      label: p.name,
+      icon: 'i-lucide-cpu',
+      onSelect: () => (modelPresetId.value = p.id),
+    })),
+  ],
+])
+const selectedModelPresetLabel = computed(() => {
+  if (!modelPresetId.value) {
+    return modelPresets.defaultPreset
+      ? `Default (${modelPresets.defaultPreset.name})`
+      : 'Workspace default'
+  }
+  return modelPresets.presets.find((p) => p.id === modelPresetId.value)?.name ?? 'Workspace default'
+})
+
 const pipelineMenu = computed(() => [
   [
     {
@@ -172,6 +200,7 @@ watch(open, (isOpen) => {
   timeboxHours.value = undefined
   docKind.value = ''
   mergePresetId.value = ''
+  modelPresetId.value = ''
   pipelineId.value = ''
   agentConfigValues.value = {}
   pendingContext.value = []
@@ -208,6 +237,7 @@ async function add() {
         taskType: taskType.value as CreateTaskType,
         ...(typeFields ? { taskTypeFields: typeFields } : {}),
         ...(mergePresetId.value ? { mergePresetId: mergePresetId.value } : {}),
+        ...(modelPresetId.value ? { modelPresetId: modelPresetId.value } : {}),
         ...(pipelineId.value ? { pipelineId: pipelineId.value } : {}),
         ...(Object.keys(agentConfigValues.value).length
           ? { agentConfig: agentConfigValues.value }
@@ -381,6 +411,21 @@ async function add() {
                 </UButton>
               </UDropdownMenu>
             </UFormField>
+
+            <UFormField label="Model preset">
+              <UDropdownMenu :items="modelPresetMenu" class="w-full">
+                <UButton
+                  color="neutral"
+                  variant="subtle"
+                  size="sm"
+                  icon="i-lucide-cpu"
+                  trailing-icon="i-lucide-chevron-down"
+                  class="w-full justify-between"
+                >
+                  {{ selectedModelPresetLabel }}
+                </UButton>
+              </UDropdownMenu>
+            </UFormField>
           </div>
 
           <div v-if="configDescriptors.length" class="space-y-3">

package/app/components/layout/BoardToolbar.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { useBoardFlow } from '~/composables/useBoardFlow'
 import NotificationsInbox from '~/components/layout/NotificationsInbox.vue'
-import VendorCredentialsModal from '~/components/providers/VendorCredentialsModal.vue'
-import PersonalCredentialModal from '~/components/providers/PersonalCredentialModal.vue'
 
 const ui = useUiStore()
 const board = useBoardStore()
@@ -127,20 +125,6 @@ const decisionItems = computed(() =>
     <!-- human-actionable notifications (merge review, pipeline complete, CI failed) -->
     <NotificationsInbox />
 
-    <!-- LLM vendor subscriptions (Claude Code / Codex token pool) -->
-    <UButton
-      color="neutral"
-      variant="ghost"
-      size="sm"
-      icon="i-lucide-key-round"
-      title="Connect LLM vendor subscriptions (Claude Code / Codex)"
-      @click="ui.openVendorCredentials()"
-    >
-      Vendors
-    </UButton>
-    <VendorCredentialsModal />
-    <PersonalCredentialModal />
-
     <!-- spend safeguard usage -->
     <UButton
       v-if="showSpend"

package/app/components/layout/CommandBar.vue

@@ -184,12 +184,12 @@ const commands = computed<Command[]>(() => {
     run: () => ui.openWorkspaceSettings(),
   })
   list.push({
-    id: 'model-defaults',
-    label: 'Default models for agents',
+    id: 'model-configuration',
+    label: 'Model Configuration',
     group: 'Workspace',
     icon: 'i-lucide-cpu',
-    keywords: 'model llm routing agent kind default',
-    run: () => ui.openModelDefaults(),
+    keywords: 'model llm routing agent kind default preset configuration',
+    run: () => ui.openModelConfig(),
   })
   list.push({
     id: 'service-fragment-defaults',

package/app/components/layout/SideBar.vue

@@ -291,9 +291,9 @@ watch(
           size="sm"
           icon="i-lucide-cpu"
           class="justify-start"
-          @click="ui.openModelDefaults()"
+          @click="ui.openModelConfig()"
         >
-          Default models
+          Model Configuration
         </UButton>
         <UButton
           block
@@ -306,6 +306,18 @@ watch(
         >
           Default service best practices
         </UButton>
+        <UButton
+          block
+          color="primary"
+          variant="soft"
+          size="sm"
+          icon="i-lucide-key-round"
+          class="justify-start"
+          title="Connect LLM vendor subscriptions + provider API keys"
+          @click="ui.openVendorCredentials()"
+        >
+          Vendors &amp; keys
+        </UButton>
         <UButton
           block
           color="primary"
@@ -317,6 +329,17 @@ watch(
         >
           My local runners
         </UButton>
+        <UButton
+          block
+          color="primary"
+          variant="soft"
+          size="sm"
+          icon="i-lucide-waypoints"
+          class="justify-start"
+          @click="ui.openOpenRouter()"
+        >
+          OpenRouter models
+        </UButton>
       </div>
     </section>
 

package/app/components/panels/inspector/TaskRunSettings.vue

@@ -7,6 +7,7 @@ const props = defineProps<{ block: Block }>()
 
 const board = useBoardStore()
 const mergePresets = useMergePresetsStore()
+const modelPresets = useModelPresetsStore()
 const pipelines = usePipelinesStore()
 const accounts = useAccountsStore()
 const tracker = useTrackerStore()
@@ -66,6 +67,32 @@ function setPreset(id: string) {
   board.updateBlock(props.block.id, { mergePresetId: id })
 }
 
+// ---- model preset ----------------------------------------------------------
+// Which model preset decides the model each agent step runs on. None selected → the
+// workspace default preset. Changing it affects only steps that haven't started yet
+// (a running step keeps the model it was dispatched with). A model pinned directly on
+// the task still overrides the preset.
+const selectedModelPreset = computed(() => modelPresets.resolve(props.block.modelPresetId))
+const modelPresetMenu = computed(() => [
+  [
+    {
+      label: modelPresets.defaultPreset
+        ? `Default (${modelPresets.defaultPreset.name})`
+        : 'Workspace default',
+      icon: 'i-lucide-rotate-ccw',
+      onSelect: () => setModelPreset(''),
+    },
+    ...modelPresets.presets.map((p) => ({
+      label: p.name,
+      icon: 'i-lucide-cpu',
+      onSelect: () => setModelPreset(p.id),
+    })),
+  ],
+])
+function setModelPreset(id: string) {
+  board.updateBlock(props.block.id, { modelPresetId: id })
+}
+
 // ---- pipeline --------------------------------------------------------------
 // The pipeline this task's Run controls default to. None selected → the user picks
 // at run time (the board falls back to the first defined pipeline).
@@ -189,6 +216,38 @@ const resolveOnMergeLabel = computed(() =>
       </div>
     </div>
 
+    <!-- model preset -->
+    <div>
+      <div class="mb-1 flex items-center justify-between">
+        <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
+          Model preset
+        </span>
+        <UDropdownMenu :items="modelPresetMenu">
+          <UButton
+            size="xs"
+            variant="ghost"
+            color="neutral"
+            icon="i-lucide-cpu"
+            trailing-icon="i-lucide-chevron-down"
+          />
+        </UDropdownMenu>
+      </div>
+      <div v-if="selectedModelPreset" class="text-[11px] text-slate-400">
+        <span class="text-slate-300">{{ selectedModelPreset.name }}</span>
+        — base {{ selectedModelPreset.baseModelId
+        }}<span v-if="Object.keys(selectedModelPreset.overrides).length">
+          , {{ Object.keys(selectedModelPreset.overrides).length }} override(s)</span
+        >.
+        <span v-if="!block.modelPresetId" class="text-slate-500">(workspace default)</span>
+      </div>
+      <div v-else class="text-[11px] text-slate-500">
+        No preset configured — agents run on the deployment's default routing.
+      </div>
+      <p class="mt-1 text-[11px] text-slate-500">
+        Changing this affects only steps that haven't started yet.
+      </p>
+    </div>
+
     <!-- issue-tracker writeback overrides -->
     <div>
       <div class="mb-1 flex items-center justify-between">

package/app/components/pipeline/PipelineBuilder.vue

@@ -234,8 +234,8 @@ async function clone(p: Pipeline) {
               variant="soft"
               size="xs"
               icon="i-lucide-cpu"
-              title="Pick which model each agent kind runs on"
-              @click="ui.openModelDefaults()"
+              title="Manage model presets (which model each agent runs on)"
+              @click="ui.openModelConfig()"
             >
               Configure models
             </UButton>