@cat-factory/app 0.30.2 → 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/package.json

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