@cat-factory/app 0.30.1 → 0.30.3

package/app/components/board/AddTaskModal.vue

@@ -372,7 +372,7 @@ async function add() {
 <template>
   <UModal v-model:open="open" title="Add a task">
     <template #body>
-      <div class="space-y-4">
+      <div class="space-y-4" data-testid="add-task-modal">
         <p v-if="container" class="text-xs text-slate-400">
           New task in <span class="font-medium text-slate-200">{{ container.title }}</span>
         </p>
@@ -411,6 +411,7 @@ async function add() {
           <UFormField label="Title" required>
             <UInput
               v-model="title"
+              data-testid="add-task-title"
               placeholder="What needs to be done?"
               autofocus
               class="w-full"
@@ -746,6 +747,7 @@ async function add() {
         <UButton color="neutral" variant="ghost" @click="ui.closeAddTask()">Cancel</UButton>
         <UButton
           color="primary"
+          data-testid="add-task-submit"
           :icon="isRecurring ? 'i-lucide-arrow-right' : 'i-lucide-plus'"
           :loading="saving"
           :disabled="!canAdd"

package/app/components/board/nodes/BlockNode.vue

@@ -368,6 +368,7 @@ const ITEM_ICON: Record<string, string> = {
             }}</UBadge>
             <UButton
               class="nodrag"
+              data-testid="frame-add-task"
               size="xs"
               variant="ghost"
               color="neutral"
@@ -425,6 +426,7 @@ const ITEM_ICON: Record<string, string> = {
           <button
             v-if="!hasTasks"
             type="button"
+            data-testid="frame-add-task"
             class="absolute inset-4 flex items-center justify-center gap-1 rounded-lg border border-dashed border-slate-700 text-[11px] text-slate-500 hover:border-slate-500 hover:text-slate-300"
             @click.stop="addTask"
           >

package/app/components/layout/NotificationsInbox.vue

@@ -115,7 +115,13 @@ function revealDecision(n: Notification) {
 
 <template>
   <UPopover v-if="notifications.count" :content="{ align: 'end' }">
-    <UButton :color="hasUrgent ? 'error' : 'warning'" variant="soft" size="sm" icon="i-lucide-bell">
+    <UButton
+      data-testid="notifications-bell"
+      :color="hasUrgent ? 'error' : 'warning'"
+      variant="soft"
+      size="sm"
+      icon="i-lucide-bell"
+    >
       {{ notifications.count }}
     </UButton>
 
@@ -127,6 +133,8 @@ function revealDecision(n: Notification) {
         <div
           v-for="n in notifications.open"
           :key="n.id"
+          data-testid="notification-item"
+          :data-notification-type="n.type"
           class="rounded-lg border p-2.5 mt-1.5"
           :class="
             isUrgent(n)
@@ -167,6 +175,7 @@ function revealDecision(n: Notification) {
               </a>
               <div class="mt-2 flex items-center gap-1.5">
                 <UButton
+                  data-testid="notification-act"
                   :color="accent(n)"
                   variant="soft"
                   size="xs"
@@ -176,6 +185,7 @@ function revealDecision(n: Notification) {
                   {{ META[n.type].action }}
                 </UButton>
                 <UButton
+                  data-testid="notification-dismiss"
                   color="neutral"
                   variant="ghost"
                   size="xs"

package/app/components/panels/AgentStepDetail.vue

@@ -175,6 +175,7 @@ async function copyOutput() {
     <Transition name="reader-fade">
       <div
         v-if="open && step && agent"
+        data-testid="step-detail"
         class="fixed inset-0 z-50 flex bg-slate-950/96 backdrop-blur-sm"
         role="dialog"
         aria-modal="true"
@@ -552,6 +553,7 @@ async function copyOutput() {
           <div v-else class="space-y-2 border-t border-slate-800 px-4 py-3">
             <UButton
               color="primary"
+              data-testid="step-approve"
               size="sm"
               icon="i-lucide-check"
               block

package/app/components/settings/WorkspaceSettingsPanel.vue

@@ -8,7 +8,7 @@
 // The latter three are body-only section components rendered in tabs here (no longer
 // standalone modals).
 import { reactive, ref, watch } from 'vue'
-import type { CreateTaskType, TaskLimitMode, WorkspaceSettings } from '~/types/domain'
+import type { CreateTaskType, TaskLimitMode } from '~/types/domain'
 import MergeThresholdsPanel from '~/components/settings/MergeThresholdsPanel.vue'
 import IssueTrackerPanel from '~/components/settings/IssueTrackerPanel.vue'
 import ServiceFragmentDefaultsPanel from '~/components/settings/ServiceFragmentDefaultsPanel.vue'
@@ -71,7 +71,6 @@ const draft = reactive({
   // Budget: empty string ⇒ "use the built-in default" (null on the wire).
   spendCurrency: '',
   spendMonthlyLimit: '',
-  spendModelPrices: '',
 })
 
 function hydrate() {
@@ -84,7 +83,6 @@ function hydrate() {
   draft.storeAgentContext = s.storeAgentContext
   draft.spendCurrency = s.spendCurrency ?? ''
   draft.spendMonthlyLimit = s.spendMonthlyLimit == null ? '' : String(s.spendMonthlyLimit)
-  draft.spendModelPrices = s.spendModelPrices ? JSON.stringify(s.spendModelPrices, null, 2) : ''
 }
 
 watch(() => store.settings, hydrate, { immediate: true, deep: true })
@@ -126,28 +124,15 @@ async function save() {
 const savingBudget = ref(false)
 
 async function saveBudget() {
-  // Parse the optional per-model price overrides JSON (blank ⇒ no overrides).
-  let prices: WorkspaceSettings['spendModelPrices'] = null
-  const raw = draft.spendModelPrices.trim()
-  if (raw) {
-    try {
-      prices = JSON.parse(raw)
-    } catch {
-      toast.add({
-        title: 'Per-model prices must be valid JSON',
-        icon: 'i-lucide-triangle-alert',
-        color: 'error',
-      })
-      return
-    }
-  }
   savingBudget.value = true
+  // The number input emits a raw number once edited but starts as a string from hydrate, so
+  // coerce through String() before trimming. Blank ⇒ "use the built-in default" (null on the wire).
+  const raw = String(draft.spendMonthlyLimit ?? '').trim()
+  const monthlyLimit = raw === '' ? null : Number(raw)
   try {
     await store.update({
       spendCurrency: draft.spendCurrency.trim() ? draft.spendCurrency.trim().toUpperCase() : null,
-      spendMonthlyLimit:
-        draft.spendMonthlyLimit.trim() === '' ? null : Number(draft.spendMonthlyLimit),
-      spendModelPrices: prices,
+      spendMonthlyLimit: monthlyLimit,
     })
     toast.add({ title: 'Budget saved', icon: 'i-lucide-check', color: 'success' })
   } catch (e) {
@@ -304,22 +289,6 @@ async function saveBudget() {
               </div>
             </section>
 
-            <section class="space-y-2">
-              <h3 class="text-sm font-semibold text-slate-200">Per-model price overrides</h3>
-              <p class="text-[11px] text-slate-400">
-                Optional. JSON object of <code>"provider:model"</code> (or a bare
-                <code>"provider"</code>) → <code>{ inputPerMillion, outputPerMillion }</code>,
-                overlaid on the built-in price table. Leave blank to use the defaults.
-              </p>
-              <UTextarea
-                v-model="draft.spendModelPrices"
-                :rows="6"
-                size="sm"
-                class="w-full font-mono text-[11px]"
-                placeholder='{"openai:gpt-4o":{"inputPerMillion":2.3,"outputPerMillion":9.2}}'
-              />
-            </section>
-
             <div class="flex justify-end">
               <UButton
                 color="primary"

package/app/stores/workspaceSettings.ts

@@ -12,7 +12,6 @@ const DEFAULTS: WorkspaceSettings = {
   storeAgentContext: true,
   spendCurrency: null,
   spendMonthlyLimit: null,
-  spendModelPrices: null,
 }
 
 /**

package/app/types/domain.ts

@@ -499,8 +499,6 @@ export interface WorkspaceSettings {
   spendCurrency: string | null
   /** Monthly spend budget in `spendCurrency`. Null ⇒ the built-in default. */
   spendMonthlyLimit: number | null
-  /** Per-model price overrides (`provider:model` → per-1M rates). Null ⇒ none. */
-  spendModelPrices: Record<string, { inputPerMillion: number; outputPerMillion: number }> | null
 }
 
 /** Patch a workspace's settings (only the supplied fields change). */
@@ -512,7 +510,6 @@ export interface UpdateWorkspaceSettingsInput {
   storeAgentContext?: boolean
   spendCurrency?: string | null
   spendMonthlyLimit?: number | null
-  spendModelPrices?: Record<string, { inputPerMillion: number; outputPerMillion: number }> | null
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.30.1",
+  "version": "0.30.3",
   "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",