@cat-factory/app 0.92.2 → 0.93.0

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

@@ -279,7 +279,16 @@ onUnmounted(() => preview.stopPolling(props.block.id))
           >
             {{ t('inspector.frontendConfig.detect.apply') }}
           </UButton>
-          <UButton size="xs" variant="ghost" color="neutral" @click="detectResult = null">
+          <UButton
+            size="xs"
+            variant="ghost"
+            color="neutral"
+            @click="
+              () => {
+                detectResult = null
+              }
+            "
+          >
             {{ t('inspector.frontendConfig.detect.dismiss') }}
           </UButton>
         </div>

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

@@ -213,9 +213,17 @@ function fmtTime(ms: number) {
     <template v-else-if="draft">
       <RecurringRecurrenceEditor v-model="draft" />
       <div class="flex justify-end gap-1.5 pt-1">
-        <UButton size="xs" variant="ghost" color="neutral" @click="editing = false">{{
-          t('common.cancel')
-        }}</UButton>
+        <UButton
+          size="xs"
+          variant="ghost"
+          color="neutral"
+          @click="
+            () => {
+              editing = false
+            }
+          "
+          >{{ t('common.cancel') }}</UButton
+        >
         <UButton size="xs" color="primary" :loading="busy" @click="saveEdit">{{
           t('common.save')
         }}</UButton>

package/app/components/pipeline/PipelineBuilder.vue

@@ -762,7 +762,11 @@ async function clone(p: Pipeline) {
               :color="showArchived ? 'primary' : 'neutral'"
               variant="ghost"
               size="xs"
-              @click="showArchived = !showArchived"
+              @click="
+                () => {
+                  showArchived = !showArchived
+                }
+              "
             >
               {{
                 showArchived
@@ -987,7 +991,16 @@ async function clone(p: Pipeline) {
 
     <template #footer>
       <div class="flex w-full items-center justify-end gap-2">
-        <UButton color="neutral" variant="ghost" size="sm" @click="addAgentOpen = false">
+        <UButton
+          color="neutral"
+          variant="ghost"
+          size="sm"
+          @click="
+            () => {
+              addAgentOpen = false
+            }
+          "
+        >
           {{ t('common.cancel') }}
         </UButton>
         <UButton

package/app/components/pipeline/PipelineProgress.vue

@@ -324,7 +324,11 @@ const ITEM_ICON: Record<string, string> = {
                 size="xs"
                 class="shrink-0 opacity-0 transition-opacity group-hover:opacity-100"
                 :title="t('pipeline.progress.restartTooltip')"
-                @click.stop="restartArmed = i"
+                @click.stop="
+                  () => {
+                    restartArmed = i
+                  }
+                "
               />
               <template v-else>
                 <UButton
@@ -344,7 +348,11 @@ const ITEM_ICON: Record<string, string> = {
                   size="xs"
                   class="shrink-0"
                   :disabled="restarting === i"
-                  @click.stop="restartArmed = null"
+                  @click.stop="
+                    () => {
+                      restartArmed = null
+                    }
+                  "
                 >
                   {{ t('common.cancel') }}
                 </UButton>

package/app/components/providers/AiPresetMismatchDialog.vue

@@ -75,7 +75,16 @@ function go(action: () => void) {
         </p>
 
         <div class="flex flex-wrap justify-end gap-2">
-          <UButton color="neutral" variant="ghost" size="sm" @click="open = false">
+          <UButton
+            color="neutral"
+            variant="ghost"
+            size="sm"
+            @click="
+              () => {
+                open = false
+              }
+            "
+          >
             {{ t('providers.presetMismatch.later') }}
           </UButton>
           <UButton

package/app/components/providers/PersonalCredentialModal.vue

@@ -97,7 +97,15 @@ function goConnect() {
             {{ t('providers.personalCredential.connectBody', { vendor: vendorLabel }) }}
           </p>
           <div class="flex justify-end gap-2">
-            <UButton color="neutral" variant="ghost" @click="open = false">
+            <UButton
+              color="neutral"
+              variant="ghost"
+              @click="
+                () => {
+                  open = false
+                }
+              "
+            >
               {{ t('providers.personalCredential.cancel') }}
             </UButton>
             <UButton icon="i-lucide-shield-check" @click="goConnect()">
@@ -120,7 +128,15 @@ function goConnect() {
             />
           </UFormField>
           <div class="flex justify-end gap-2">
-            <UButton color="neutral" variant="ghost" @click="open = false">
+            <UButton
+              color="neutral"
+              variant="ghost"
+              @click="
+                () => {
+                  open = false
+                }
+              "
+            >
               {{ t('providers.personalCredential.cancel') }}
             </UButton>
             <UButton :loading="busy" :disabled="password.length < 6" @click="submit()">

package/app/components/requirements/RequirementsReviewWindow.vue

@@ -979,7 +979,11 @@ async function resolveExceeded(choice: 'extra-round' | 'proceed' | 'stop-reset')
                   size="sm"
                   block
                   icon="i-lucide-pencil"
-                  @click="showRedo = !showRedo"
+                  @click="
+                    () => {
+                      showRedo = !showRedo
+                    }
+                  "
                 >
                   {{ t('requirements.actions.redoIncorporation') }}
                 </UButton>

package/app/components/sandbox/SandboxPanel.vue

@@ -561,7 +561,16 @@ async function archive(prompt: SandboxPromptVersion) {
             </p>
             <UTextarea v-model="editText" :rows="16" class="w-full font-mono text-xs" autoresize />
             <div class="flex justify-end gap-2">
-              <UButton color="neutral" variant="ghost" size="sm" @click="editing = null">
+              <UButton
+                color="neutral"
+                variant="ghost"
+                size="sm"
+                @click="
+                  () => {
+                    editing = null
+                  }
+                "
+              >
                 {{ t('common.cancel') }}
               </UButton>
               <UButton

package/app/components/settings/InfraHandlersConfigurator.vue

@@ -443,7 +443,11 @@ function notifyError(e: unknown) {
             :color="selectedKubeEngine === e ? 'primary' : 'neutral'"
             :variant="selectedKubeEngine === e ? 'soft' : 'ghost'"
             size="xs"
-            @click="selectedKubeEngine = e"
+            @click="
+              () => {
+                selectedKubeEngine = e
+              }
+            "
           >
             {{ t(KUBE_ENGINE_KEYS[e]) }}
           </UButton>

package/app/components/settings/IssueTrackerPanel.vue

@@ -234,7 +234,11 @@ const STATUS_UI: Record<
           size="sm"
           :color="trackerKind === null ? 'primary' : 'neutral'"
           :variant="trackerKind === null ? 'solid' : 'subtle'"
-          @click="trackerKind = null"
+          @click="
+            () => {
+              trackerKind = null
+            }
+          "
         >
           {{ t('settings.issueTracker.filing.none') }}
         </UButton>
@@ -243,7 +247,11 @@ const STATUS_UI: Record<
           size="sm"
           :color="trackerKind === 'github' ? 'primary' : 'neutral'"
           :variant="trackerKind === 'github' ? 'solid' : 'subtle'"
-          @click="trackerKind = 'github'"
+          @click="
+            () => {
+              trackerKind = 'github'
+            }
+          "
         >
           {{ t('settings.issueTracker.vendor.github') }}
         </UButton>
@@ -252,7 +260,11 @@ const STATUS_UI: Record<
           size="sm"
           :color="trackerKind === 'jira' ? 'primary' : 'neutral'"
           :variant="trackerKind === 'jira' ? 'solid' : 'subtle'"
-          @click="trackerKind = 'jira'"
+          @click="
+            () => {
+              trackerKind = 'jira'
+            }
+          "
         >
           Jira
         </UButton>
@@ -261,7 +273,11 @@ const STATUS_UI: Record<
           size="sm"
           :color="trackerKind === 'linear' ? 'primary' : 'neutral'"
           :variant="trackerKind === 'linear' ? 'solid' : 'subtle'"
-          @click="trackerKind = 'linear'"
+          @click="
+            () => {
+              trackerKind = 'linear'
+            }
+          "
         >
           Linear
         </UButton>

package/app/components/settings/LocalModelEndpointsPanel.vue

@@ -225,7 +225,11 @@ async function remove(p: LocalRunner) {
               size="xs"
               :disabled="busy"
               :title="t('settings.localModelEndpoints.edit')"
-              @click="provider = e.provider"
+              @click="
+                () => {
+                  provider = e.provider
+                }
+              "
             />
             <UButton
               icon="i-lucide-trash-2"

package/app/components/settings/ModelConfigurationPanel.vue

@@ -281,7 +281,11 @@ function fail(title: string, e: unknown) {
             variant="ghost"
             size="sm"
             class="ms-auto"
-            @click="editor = null"
+            @click="
+              () => {
+                editor = null
+              }
+            "
           >
             {{ t('settings.modelConfiguration.back') }}
           </UButton>
@@ -292,7 +296,11 @@ function fail(title: string, e: unknown) {
             size="sm"
             :class="editor ? '' : 'ms-auto'"
             :title="t('settings.modelConfiguration.closeEsc')"
-            @click="open = false"
+            @click="
+              () => {
+                open = false
+              }
+            "
           />
         </header>
 
@@ -499,7 +507,16 @@ function fail(title: string, e: unknown) {
               </div>
 
               <div class="flex items-center justify-end gap-2">
-                <UButton color="neutral" variant="ghost" size="sm" @click="editor = null">
+                <UButton
+                  color="neutral"
+                  variant="ghost"
+                  size="sm"
+                  @click="
+                    () => {
+                      editor = null
+                    }
+                  "
+                >
                   {{ t('common.cancel') }}
                 </UButton>
                 <UButton color="primary" size="sm" :loading="busy" @click="save">

package/app/components/settings/ProviderConnectionTab.vue

@@ -364,7 +364,11 @@ function fieldHelp(key: string): string | undefined {
         variant="ghost"
         size="xs"
         class="shrink-0"
-        @click="showLogs = !showLogs"
+        @click="
+          () => {
+            showLogs = !showLogs
+          }
+        "
       >
         {{
           showLogs

package/app/components/spec/ServiceSpecWindow.vue

@@ -147,7 +147,11 @@ function kindLabel(item: RequirementItem): string {
                 :variant="mode === 'structured' ? 'soft' : 'ghost'"
                 size="xs"
                 icon="i-lucide-list-tree"
-                @click="mode = 'structured'"
+                @click="
+                  () => {
+                    mode = 'structured'
+                  }
+                "
               >
                 {{ t('spec.mode.structured') }}
               </UButton>
@@ -158,7 +162,11 @@ function kindLabel(item: RequirementItem): string {
                 icon="i-lucide-square-check-big"
                 :disabled="!hasGherkin"
                 :title="hasGherkin ? t('spec.mode.gherkinTooltip') : t('spec.mode.gherkinNone')"
-                @click="mode = 'gherkin'"
+                @click="
+                  () => {
+                    mode = 'gherkin'
+                  }
+                "
               >
                 {{ t('spec.mode.gherkin') }}
               </UButton>
@@ -210,7 +218,11 @@ function kindLabel(item: RequirementItem): string {
               :variant="selected === null ? 'soft' : 'ghost'"
               size="xs"
               icon="i-lucide-info"
-              @click="selected = null"
+              @click="
+                () => {
+                  selected = null
+                }
+              "
             >
               {{ t('spec.overview') }}
             </UButton>

package/app/components/testing/TestReportWindow.vue

@@ -444,7 +444,11 @@ const GROUP_STATUS_META: Record<ScenarioGroup['status'], { icon: string; text: s
                     size="xs"
                     class="mt-1.5"
                     data-testid="tester-infra-setup-logs-toggle"
-                    @click="showInfraSetupLogs = !showInfraSetupLogs"
+                    @click="
+                      () => {
+                        showInfraSetupLogs = !showInfraSetupLogs
+                      }
+                    "
                   >
                     {{
                       showInfraSetupLogs
@@ -480,7 +484,11 @@ const GROUP_STATUS_META: Record<ScenarioGroup['status'], { icon: string; text: s
                   variant="ghost"
                   size="xs"
                   data-testid="tester-infra-attempts-toggle"
-                  @click="showProvisioning = !showProvisioning"
+                  @click="
+                    () => {
+                      showProvisioning = !showProvisioning
+                    }
+                  "
                 >
                   {{
                     showProvisioning

package/app/composables/api/docInterview.ts

@@ -0,0 +1,36 @@
+import {
+  answerDocInterviewContract,
+  continueDocInterviewContract,
+  getDocInterviewContract,
+  proceedDocInterviewContract,
+} from '@cat-factory/contracts'
+import type { ApiContext } from './context'
+
+/** Interactive document-interview session (WS5): load + answer / continue / proceed. */
+export function docInterviewApi({ send, ws }: ApiContext) {
+  return {
+    // The interview window's load path: the session anchored to a board block (or null).
+    getDocInterview: (workspaceId: string, blockId: string) =>
+      send(getDocInterviewContract, { pathPrefix: ws(workspaceId), pathParams: { blockId } }),
+
+    // Answer one interview question (no run resume), then continue (interviewer re-runs, may
+    // ask more) or proceed (skip remaining, synthesize the brief and advance to the writer).
+    answerDocInterview: (
+      workspaceId: string,
+      blockId: string,
+      questionId: string,
+      answer: string,
+    ) =>
+      send(answerDocInterviewContract, {
+        pathPrefix: ws(workspaceId),
+        pathParams: { blockId },
+        body: { questionId, answer },
+      }),
+
+    continueDocInterview: (workspaceId: string, blockId: string) =>
+      send(continueDocInterviewContract, { pathPrefix: ws(workspaceId), pathParams: { blockId } }),
+
+    proceedDocInterview: (workspaceId: string, blockId: string) =>
+      send(proceedDocInterviewContract, { pathPrefix: ws(workspaceId), pathParams: { blockId } }),
+  }
+}

package/app/composables/useApi.ts

@@ -14,6 +14,7 @@ import { humanReviewApi } from './api/humanReview'
 import { humanTestApi } from './api/humanTest'
 import { infraHandlersApi } from './api/infraHandlers'
 import { initiativeApi } from './api/initiative'
+import { docInterviewApi } from './api/docInterview'
 import { visualConfirmApi } from './api/visualConfirm'
 import { kaizenApi } from './api/kaizen'
 import { localSettingsApi } from './api/localSettings'
@@ -114,6 +115,7 @@ export function useApi() {
     ...providerConnectionsApi(ctx),
     ...infraHandlersApi(ctx),
     ...initiativeApi(ctx),
+    ...docInterviewApi(ctx),
     ...provisioningLogsApi(ctx),
     ...releaseHealthApi(ctx),
     ...packageRegistriesApi(ctx),

package/app/composables/useWorkspaceStream.ts

@@ -26,6 +26,7 @@ export function useWorkspaceStream() {
   const brainstorm = useBrainstormStore()
   const kaizen = useKaizenStore()
   const initiatives = useInitiativesStore()
+  const docInterview = useDocInterviewStore()
   const api = useApi()
   const apiBase = useRuntimeConfig().public.apiBase
 
@@ -108,6 +109,10 @@ export function useWorkspaceStream() {
       // An initiative changed (created, plan ingested, an item settled) — patch the cache
       // so an open tracker window / the board card reflects the transition live.
       initiatives.upsert(event.initiative)
+    } else if (event.type === 'docInterview') {
+      // The interactive document interview advanced (a fresh batch of questions, an answer, or
+      // convergence) — patch the cache so an open interview window reflects it live.
+      docInterview.upsert(event.session)
     }
   }
 

package/app/stores/docInterview.ts

@@ -0,0 +1,89 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import type { DocInterviewSession } from '~/types/domain'
+import { useWorkspaceStore } from '~/stores/workspace'
+
+/**
+ * Interactive document-interview sessions (WS5), keyed by their anchor BLOCK id. Loaded on
+ * demand when the interview window opens (`load`) and patched live from `docInterview` stream
+ * events (`upsert`), so an open window follows the interview as the interviewer asks / converges.
+ * Not carried in the workspace snapshot (a transient per-run gate, unlike initiatives).
+ * Per-workspace; nothing is persisted client-side.
+ */
+export const useDocInterviewStore = defineStore('docInterview', () => {
+  const api = useApi()
+  const workspace = useWorkspaceStore()
+
+  /** The sessions keyed by their anchor block id. */
+  const byBlock = ref<Record<string, DocInterviewSession>>({})
+  /** True while a window action (continue/proceed) is resuming the run. */
+  const resuming = ref(false)
+
+  function forBlock(blockId: string): DocInterviewSession | null {
+    return byBlock.value[blockId] ?? null
+  }
+
+  /** Patch from a live `docInterview` stream event or a call response (newest write wins). */
+  function upsert(session: DocInterviewSession) {
+    const existing = byBlock.value[session.blockId]
+    if (existing && existing.updatedAt > session.updatedAt) return
+    byBlock.value = { ...byBlock.value, [session.blockId]: session }
+  }
+
+  /** Re-fetch one block's session (the interview window's load path). */
+  async function load(blockId: string) {
+    if (!workspace.workspaceId) return
+    const session = await api.getDocInterview(workspace.workspaceId, blockId)
+    if (session) upsert(session)
+  }
+
+  /** Record the human's answer to one pending interview question (no run resume). */
+  async function answerQuestion(blockId: string, questionId: string, answer: string) {
+    if (!workspace.workspaceId) throw new Error('No active workspace')
+    const updated = await api.answerDocInterview(workspace.workspaceId, blockId, questionId, answer)
+    upsert(updated)
+    return updated
+  }
+
+  /** Submit the answers and resume the interview (the interviewer re-runs, may ask more). */
+  async function continueInterview(blockId: string) {
+    if (!workspace.workspaceId) throw new Error('No active workspace')
+    resuming.value = true
+    try {
+      const updated = await api.continueDocInterview(workspace.workspaceId, blockId)
+      upsert(updated)
+      return updated
+    } finally {
+      resuming.value = false
+    }
+  }
+
+  /** Skip remaining questions: the interviewer converges and the run advances to the writer. */
+  async function proceedInterview(blockId: string) {
+    if (!workspace.workspaceId) throw new Error('No active workspace')
+    resuming.value = true
+    try {
+      const updated = await api.proceedDocInterview(workspace.workspaceId, blockId)
+      upsert(updated)
+      return updated
+    } finally {
+      resuming.value = false
+    }
+  }
+
+  function reset() {
+    byBlock.value = {}
+  }
+
+  return {
+    byBlock,
+    resuming,
+    forBlock,
+    upsert,
+    load,
+    answerQuestion,
+    continueInterview,
+    proceedInterview,
+    reset,
+  }
+})

package/app/stores/workspace.ts

@@ -84,6 +84,7 @@ export const useWorkspaceStore = defineStore(
         useConsensusStore().reset()
         useGitHubStore().reset()
         useInitiativesStore().reset()
+        useDocInterviewStore().reset()
         // The fragment picker catalog is per-board (the merged tenant catalog), so drop
         // it too — the next inspector open re-fetches it for the switched-to board rather
         // than showing the previous board's (or a raw-id placeholder for) fragments.

package/app/types/doc-interview.ts

@@ -0,0 +1,9 @@
+// Interactive document-interview wire shapes (WS5), re-exported from the shared contracts
+// package (the single source of truth across the wire boundary). The SPA imports these through
+// `~/types/domain` like every other domain type.
+export type {
+  AnswerDocInterviewInput,
+  DocInterviewQa,
+  DocInterviewSession,
+  DocInterviewStatus,
+} from '@cat-factory/contracts'

package/app/types/domain.ts

@@ -138,3 +138,4 @@ export type * from './services'
 export type * from './recurring'
 export type * from './tracker'
 export type * from './initiative'
+export type * from './doc-interview'

package/i18n/locales/en.json

@@ -2718,6 +2718,22 @@
       "body": "Slack notifications will stop until you reconnect."
     }
   },
+  "docInterview": {
+    "title": "Refine the document",
+    "subtitle": "Answer the interviewer's questions so it can shape the document",
+    "intro": "The interviewer is refining this document before it's written. Answer its questions to shape the scope, audience and structure, then continue — or proceed to draft with what it has.",
+    "empty": "No interview found for this block.",
+    "brief": "Authoring brief",
+    "converged": "No questions are pending. The interviewer has what it needs and the document is being drafted.",
+    "answerPlaceholder": "Your answer",
+    "hint": "Continue lets the interviewer ask follow-ups; Proceed drafts with the answers so far.",
+    "proceed": "Proceed to draft",
+    "continue": "Continue",
+    "status": {
+      "awaiting": "Awaiting answers",
+      "done": "Done"
+    }
+  },
   "documents": {
     "picker": {
       "searchPlaceholder": "Search pages or paste a URL/ID…",

package/i18n/locales/es.json

@@ -2645,6 +2645,22 @@
       "body": "Las notificaciones de Slack se detendrán hasta que vuelvas a conectar."
     }
   },
+  "docInterview": {
+    "title": "Refinar el documento",
+    "subtitle": "Responde a las preguntas del entrevistador para dar forma al documento",
+    "intro": "El entrevistador está refinando este documento antes de redactarlo. Responde a sus preguntas para definir el alcance, el público y la estructura, y luego continúa — o procede a redactar con lo que tiene.",
+    "empty": "No se encontró ninguna entrevista para este bloque.",
+    "brief": "Resumen de redacción",
+    "converged": "No hay preguntas pendientes. El entrevistador tiene lo que necesita y el documento se está redactando.",
+    "answerPlaceholder": "Tu respuesta",
+    "hint": "Continuar permite al entrevistador hacer preguntas de seguimiento; Proceder redacta con las respuestas actuales.",
+    "proceed": "Proceder a redactar",
+    "continue": "Continuar",
+    "status": {
+      "awaiting": "Esperando respuestas",
+      "done": "Hecho"
+    }
+  },
   "documents": {
     "picker": {
       "searchPlaceholder": "Busca páginas o pega una URL o ID…",

package/i18n/locales/fr.json

@@ -2645,6 +2645,22 @@
       "body": "Les notifications Slack seront interrompues jusqu'à la reconnexion."
     }
   },
+  "docInterview": {
+    "title": "Affiner le document",
+    "subtitle": "Répondez aux questions de l'intervieweur pour façonner le document",
+    "intro": "L'intervieweur affine ce document avant sa rédaction. Répondez à ses questions pour définir la portée, le public et la structure, puis continuez — ou procédez à la rédaction avec ce qu'il a.",
+    "empty": "Aucun entretien trouvé pour ce bloc.",
+    "brief": "Brief de rédaction",
+    "converged": "Aucune question en attente. L'intervieweur a ce qu'il lui faut et le document est en cours de rédaction.",
+    "answerPlaceholder": "Votre réponse",
+    "hint": "Continuer permet à l'intervieweur de poser des questions complémentaires ; Procéder rédige avec les réponses actuelles.",
+    "proceed": "Procéder à la rédaction",
+    "continue": "Continuer",
+    "status": {
+      "awaiting": "En attente de réponses",
+      "done": "Terminé"
+    }
+  },
   "documents": {
     "picker": {
       "searchPlaceholder": "Recherchez des pages ou collez une URL ou un ID…",