@cat-factory/app 0.92.2 → 0.93.0

package/app/components/auth/LoginScreen.vue

@@ -386,7 +386,11 @@ const noSignInMethod = computed(
               :variant="p === remotePatProvider ? 'solid' : 'subtle'"
               :icon="PROVIDER_ICONS[p]"
               size="sm"
-              @click="remotePatProvider = p"
+              @click="
+                () => {
+                  remotePatProvider = p
+                }
+              "
             >
               {{ PROVIDER_LABELS[p] }}
             </UButton>

package/app/components/board/AddTaskModal.vue

@@ -489,7 +489,11 @@ async function add() {
               :variant="taskType === ty.value ? 'soft' : 'ghost'"
               :icon="ty.icon"
               size="xs"
-              @click="taskType = ty.value"
+              @click="
+                () => {
+                  taskType = ty.value
+                }
+              "
             >
               {{ ty.label }}
             </UButton>
@@ -584,7 +588,11 @@ async function add() {
                   :variant="severity === s ? 'soft' : 'ghost'"
                   size="xs"
                   class="capitalize"
-                  @click="severity = severity === s ? '' : s"
+                  @click="
+                    () => {
+                      severity = severity === s ? '' : s
+                    }
+                  "
                 >
                   {{ s }}
                 </UButton>
@@ -621,7 +629,11 @@ async function add() {
                   :variant="docKind === k ? 'soft' : 'ghost'"
                   size="xs"
                   class="uppercase"
-                  @click="docKind = docKind === k ? '' : k"
+                  @click="
+                    () => {
+                      docKind = docKind === k ? '' : k
+                    }
+                  "
                 >
                   {{ k }}
                 </UButton>
@@ -761,7 +773,11 @@ async function add() {
                 variant="soft"
                 size="xs"
                 :icon="showDocPicker ? 'i-lucide-x' : 'i-lucide-plus'"
-                @click="showDocPicker = !showDocPicker"
+                @click="
+                  () => {
+                    showDocPicker = !showDocPicker
+                  }
+                "
               >
                 {{ showDocPicker ? t('board.addTask.done') : t('board.addTask.attach') }}
               </UButton>
@@ -832,7 +848,11 @@ async function add() {
                 variant="soft"
                 size="xs"
                 :icon="showIssuePicker ? 'i-lucide-x' : 'i-lucide-plus'"
-                @click="showIssuePicker = !showIssuePicker"
+                @click="
+                  () => {
+                    showIssuePicker = !showIssuePicker
+                  }
+                "
               >
                 {{ showIssuePicker ? t('board.addTask.done') : t('board.addTask.attach') }}
               </UButton>

package/app/components/board/CreateInitiativeModal.vue

@@ -95,7 +95,15 @@ async function create() {
     </template>
     <template #footer>
       <div class="flex w-full justify-end gap-2">
-        <UButton color="neutral" variant="ghost" @click="open = false">
+        <UButton
+          color="neutral"
+          variant="ghost"
+          @click="
+            () => {
+              open = false
+            }
+          "
+        >
           {{ t('common.cancel') }}
         </UButton>
         <UButton

package/app/components/board/RecurringPipelineModal.vue

@@ -284,7 +284,11 @@ async function add() {
               :color="trackerKind === 'github' ? 'primary' : 'neutral'"
               :variant="trackerKind === 'github' ? 'solid' : 'subtle'"
               icon="i-lucide-github"
-              @click="trackerKind = 'github'"
+              @click="
+                () => {
+                  trackerKind = 'github'
+                }
+              "
             >
               {{ t('board.recurring.githubIssues') }}
             </UButton>
@@ -293,7 +297,11 @@ async function add() {
               :color="trackerKind === 'jira' ? 'primary' : 'neutral'"
               :variant="trackerKind === 'jira' ? 'solid' : 'subtle'"
               icon="i-lucide-square-check"
-              @click="trackerKind = 'jira'"
+              @click="
+                () => {
+                  trackerKind = 'jira'
+                }
+              "
             >
               {{ t('board.recurring.jira') }}
             </UButton>
@@ -302,7 +310,11 @@ async function add() {
               :color="trackerKind === 'linear' ? 'primary' : 'neutral'"
               :variant="trackerKind === 'linear' ? 'solid' : 'subtle'"
               icon="i-lucide-square-kanban"
-              @click="trackerKind = 'linear'"
+              @click="
+                () => {
+                  trackerKind = 'linear'
+                }
+              "
             >
               {{ t('board.recurring.linear') }}
             </UButton>
@@ -337,7 +349,11 @@ async function add() {
               :color="intakeSource === s.source ? 'primary' : 'neutral'"
               :variant="intakeSource === s.source ? 'solid' : 'subtle'"
               :icon="s.icon"
-              @click="intakeSource = s.source"
+              @click="
+                () => {
+                  intakeSource = s.source
+                }
+              "
             >
               {{ s.label }}
             </UButton>

package/app/components/bootstrap/BootstrapModal.vue

@@ -713,7 +713,15 @@ const statusLabel = computed<Record<BootstrapStatus, string>>(() => ({
               />
             </UFormField>
             <div class="flex justify-end gap-2">
-              <UButton color="neutral" variant="ghost" @click="showArchForm = false">
+              <UButton
+                color="neutral"
+                variant="ghost"
+                @click="
+                  () => {
+                    showArchForm = false
+                  }
+                "
+              >
                 {{ t('common.cancel') }}
               </UButton>
               <UButton

package/app/components/brainstorm/BrainstormWindow.vue

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

package/app/components/clarity/ClarityReviewWindow.vue

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

package/app/components/docs/DocInterviewWindow.vue

@@ -0,0 +1,209 @@
+<script setup lang="ts">
+// The interactive document-interview window (WS5) — the dedicated view of the doc-authoring
+// INTERVIEWER gate. While the document run is parked between the outline and the draft, the
+// interviewer's clarifying questions (pending `qa` entries with an empty answer) are shown here;
+// the human answers them, then either CONTINUES (the interviewer re-runs and may ask follow-ups)
+// or PROCEEDS (skip remaining questions — the interviewer converges into an authoring brief and
+// the run advances to the writer). Opened via the universal result-view host as the
+// `doc-interviewer` step's result view. Live `docInterview` stream events patch the store, so an
+// open window follows the interview as it progresses. Mirrors InitiativePlanningWindow.vue.
+import { computed, reactive, watch } from 'vue'
+
+const board = useBoardStore()
+const docInterview = useDocInterviewStore()
+const { t } = useI18n()
+
+const { open, blockId, close } = useResultView('doc-interview', {
+  onOpen: (id) => void docInterview.load(id),
+})
+
+const block = computed(() => (blockId.value ? board.getBlock(blockId.value) : undefined))
+const session = computed(() => (blockId.value ? docInterview.forBlock(blockId.value) : null))
+
+/** Every interview exchange, with a stable key for the list + draft map. */
+const questions = computed(() =>
+  (session.value?.qa ?? []).map((q, i) => ({ ...q, key: q.id ?? `q-${i}` })),
+)
+const pending = computed(() => questions.value.filter((q) => !(q.answer ?? '').trim()))
+/** The interview converged (or never started with a model): nothing left to answer. */
+const converged = computed(() => session.value?.status === 'done')
+
+// Per-question answer drafts, seeded from the entity and refreshed as new rounds arrive without
+// clobbering an answer the human is mid-edit on.
+const drafts = reactive<Record<string, string>>({})
+watch(
+  questions,
+  (list) => {
+    for (const q of list) {
+      if (!(q.key in drafts)) drafts[q.key] = q.answer ?? ''
+    }
+  },
+  { immediate: true },
+)
+
+const resuming = computed(() => docInterview.resuming)
+/** Continue is meaningful once every pending question has a drafted answer. */
+const allAnswered = computed(() => pending.value.every((q) => drafts[q.key]?.trim()))
+
+/** Persist one answer if its draft differs from what's recorded. */
+async function persist(q: { id?: string; key: string; answer?: string }) {
+  const id = q.id
+  if (!id || !blockId.value) return
+  const next = (drafts[q.key] ?? '').trim()
+  if (!next || next === (q.answer ?? '').trim()) return
+  await docInterview.answerQuestion(blockId.value, id, next)
+}
+
+/** Flush all dirty drafts, then run a window action (continue / proceed). */
+async function flushThen(action: (id: string) => Promise<unknown>) {
+  if (!blockId.value) return
+  for (const q of questions.value) await persist(q)
+  await action(blockId.value)
+}
+
+const onContinue = () => flushThen((id) => docInterview.continueInterview(id))
+const onProceed = () => flushThen((id) => docInterview.proceedInterview(id))
+</script>
+
+<template>
+  <Teleport to="body">
+    <div
+      v-if="open"
+      class="fixed inset-0 z-50 flex max-h-[100dvh] items-stretch justify-center bg-slate-950/70 backdrop-blur-sm"
+      @click.self="close"
+    >
+      <div
+        class="m-4 flex w-full max-w-3xl flex-col overflow-hidden rounded-2xl border border-slate-800 bg-slate-900 shadow-2xl"
+        role="dialog"
+        aria-modal="true"
+        data-testid="doc-interview-window"
+      >
+        <!-- Header -->
+        <header class="flex items-center gap-3 border-b border-slate-800 px-5 py-3">
+          <span
+            class="flex h-8 w-8 items-center justify-center rounded-lg bg-indigo-500/15 text-indigo-300"
+          >
+            <UIcon name="i-lucide-messages-square" class="h-4 w-4" />
+          </span>
+          <div class="min-w-0 flex-1">
+            <h2 class="truncate text-sm font-semibold text-slate-100">
+              {{ block?.title ?? t('docInterview.title') }}
+            </h2>
+            <p class="truncate text-[11px] text-slate-400">
+              {{ t('docInterview.subtitle') }}
+            </p>
+          </div>
+          <UBadge
+            v-if="session"
+            :color="converged ? 'success' : 'primary'"
+            variant="subtle"
+            size="sm"
+          >
+            {{ t(converged ? 'docInterview.status.done' : 'docInterview.status.awaiting') }}
+          </UBadge>
+          <button
+            class="rounded-md p-1.5 text-slate-400 hover:bg-slate-800 hover:text-slate-200"
+            @click="close"
+          >
+            <UIcon name="i-lucide-x" class="h-4 w-4" />
+          </button>
+        </header>
+
+        <div class="min-h-0 flex-1 overflow-y-auto px-5 py-4">
+          <!-- No session yet -->
+          <div
+            v-if="!session"
+            class="flex h-full flex-col items-center justify-center gap-2 text-center text-slate-400"
+          >
+            <UIcon name="i-lucide-messages-square" class="h-8 w-8 opacity-40" />
+            <p class="text-sm">{{ t('docInterview.empty') }}</p>
+          </div>
+
+          <template v-else>
+            <p class="mb-4 text-[13px] leading-relaxed text-slate-300">
+              {{ t('docInterview.intro') }}
+            </p>
+
+            <!-- Converged: show the synthesized authoring brief -->
+            <div
+              v-if="converged"
+              class="rounded-lg border border-slate-800 bg-slate-950/40 p-4"
+              data-testid="doc-interview-converged"
+            >
+              <p class="mb-2 text-[11px] font-medium uppercase tracking-wide text-slate-500">
+                {{ t('docInterview.brief') }}
+              </p>
+              <pre
+                v-if="session.brief"
+                class="whitespace-pre-wrap break-words text-[13px] leading-relaxed text-slate-300"
+                >{{ session.brief }}</pre
+              >
+              <p v-else class="text-[13px] text-slate-400">{{ t('docInterview.converged') }}</p>
+            </div>
+
+            <!-- No pending questions but not yet converged -->
+            <div
+              v-else-if="questions.length === 0"
+              class="rounded-lg border border-slate-800 bg-slate-950/40 p-4 text-center text-[13px] text-slate-400"
+            >
+              {{ t('docInterview.converged') }}
+            </div>
+
+            <!-- Interview questions -->
+            <ul v-else class="space-y-4">
+              <li
+                v-for="q in questions"
+                :key="q.key"
+                class="rounded-lg border border-slate-800 bg-slate-950/40 p-3"
+                data-testid="doc-interview-question"
+              >
+                <p class="mb-2 text-[13px] font-medium text-slate-200">{{ q.question }}</p>
+                <UTextarea
+                  v-model="drafts[q.key]"
+                  :rows="2"
+                  autoresize
+                  :placeholder="t('docInterview.answerPlaceholder')"
+                  class="w-full"
+                  data-testid="doc-interview-answer"
+                  @blur="persist(q)"
+                />
+              </li>
+            </ul>
+          </template>
+        </div>
+
+        <!-- Action rail -->
+        <footer
+          v-if="session && !converged && questions.length > 0"
+          class="flex items-center justify-between gap-3 border-t border-slate-800 px-5 py-3"
+        >
+          <p class="text-[11px] text-slate-500">
+            {{ t('docInterview.hint') }}
+          </p>
+          <div class="flex items-center gap-2">
+            <UButton
+              color="neutral"
+              variant="ghost"
+              size="sm"
+              :loading="resuming"
+              data-testid="doc-interview-proceed"
+              @click="onProceed"
+            >
+              {{ t('docInterview.proceed') }}
+            </UButton>
+            <UButton
+              color="primary"
+              size="sm"
+              :loading="resuming"
+              :disabled="!allAnswered"
+              data-testid="doc-interview-continue"
+              @click="onContinue"
+            >
+              {{ t('docInterview.continue') }}
+            </UButton>
+          </div>
+        </footer>
+      </div>
+    </div>
+  </Teleport>
+</template>

package/app/components/documents/DocumentTemplatesModal.vue

@@ -133,7 +133,11 @@ async function unlink(doc: SourceDocument) {
                 :variant="kind === k ? 'soft' : 'ghost'"
                 size="xs"
                 class="uppercase"
-                @click="kind = k"
+                @click="
+                  () => {
+                    kind = k
+                  }
+                "
               >
                 {{ k }}
               </UButton>

package/app/components/fragments/FragmentLibraryManager.vue

@@ -344,7 +344,11 @@ async function unlinkSource(id: string) {
           :color="tab === t ? 'primary' : 'neutral'"
           :variant="tab === t ? 'solid' : 'ghost'"
           size="sm"
-          @click="tab = t"
+          @click="
+            () => {
+              tab = t
+            }
+          "
         >
           {{ tabLabel(t) }}
         </UButton>
@@ -516,7 +520,11 @@ async function unlinkSource(id: string) {
                 size="xs"
                 :color="docDraft.source === s.source ? 'primary' : 'neutral'"
                 :variant="docDraft.source === s.source ? 'solid' : 'outline'"
-                @click="docDraft.source = s.source"
+                @click="
+                  () => {
+                    docDraft.source = s.source
+                  }
+                "
               >
                 {{ s.label }}
               </UButton>

package/app/components/github/GitHubPanel.vue

@@ -319,7 +319,11 @@ async function merge(pr: GitHubPullRequest) {
               :color="tab === tabItem.id ? 'primary' : 'neutral'"
               :variant="tab === tabItem.id ? 'soft' : 'ghost'"
               :icon="tabItem.icon"
-              @click="tab = tabItem.id"
+              @click="
+                () => {
+                  tab = tabItem.id
+                }
+              "
             >
               {{ tabItem.label }}
             </UButton>
@@ -342,7 +346,11 @@ async function merge(pr: GitHubPullRequest) {
                 color="neutral"
                 variant="soft"
                 icon="i-lucide-list-checks"
-                @click="managing ? (managing = false) : openManage()"
+                @click="
+                  () => {
+                    managing ? (managing = false) : openManage()
+                  }
+                "
               >
                 {{ managing ? t('common.close') : t('github.panel.manageRepos') }}
               </UButton>
@@ -385,7 +393,16 @@ async function merge(pr: GitHubPullRequest) {
                 </button>
               </div>
               <div class="flex items-center justify-end gap-2 pt-1">
-                <UButton color="neutral" variant="ghost" size="sm" @click="managing = false">
+                <UButton
+                  color="neutral"
+                  variant="ghost"
+                  size="sm"
+                  @click="
+                    () => {
+                      managing = false
+                    }
+                  "
+                >
                   {{ t('common.cancel') }}
                 </UButton>
                 <UButton
@@ -502,7 +519,11 @@ async function merge(pr: GitHubPullRequest) {
                 color="neutral"
                 variant="soft"
                 icon="i-lucide-plus"
-                @click="showPrForm = !showPrForm"
+                @click="
+                  () => {
+                    showPrForm = !showPrForm
+                  }
+                "
               >
                 {{ t('github.panel.openPr') }}
               </UButton>

package/app/components/layout/BoardSwitcher.vue

@@ -300,7 +300,16 @@ async function submitPrompt() {
             />
           </UFormField>
           <div class="flex justify-end gap-2">
-            <UButton color="neutral" variant="ghost" :disabled="busy" @click="prompt = null">
+            <UButton
+              color="neutral"
+              variant="ghost"
+              :disabled="busy"
+              @click="
+                () => {
+                  prompt = null
+                }
+              "
+            >
               {{ t('common.cancel') }}
             </UButton>
             <UButton type="submit" color="primary" :loading="busy">

package/app/components/layout/BoardToolbar.vue

@@ -105,7 +105,11 @@ const decisionItems = computed(() =>
       variant="ghost"
       size="sm"
       data-testid="board-zoom-out"
-      @click="zoomOut()"
+      @click="
+        () => {
+          zoomOut()
+        }
+      "
     />
     <!-- The zoom %/LOD readout is the first thing to drop on narrow viewports. -->
     <div class="hidden w-20 text-center text-xs tabular-nums text-slate-300 sm:block">
@@ -118,7 +122,11 @@ const decisionItems = computed(() =>
       variant="ghost"
       size="sm"
       data-testid="board-zoom-in"
-      @click="zoomIn()"
+      @click="
+        () => {
+          zoomIn()
+        }
+      "
     />
     <UButton
       icon="i-lucide-maximize"
@@ -126,7 +134,11 @@ const decisionItems = computed(() =>
       variant="ghost"
       size="sm"
       data-testid="board-fit-view"
-      @click="fitView({ padding: 0.2 })"
+      @click="
+        () => {
+          fitView({ padding: 0.2 })
+        }
+      "
     />
 
     <USeparator orientation="vertical" class="mx-1 h-6" />

package/app/components/layout/GitHubPatBanner.vue

@@ -34,7 +34,11 @@ const show = computed(() => !!setupUrl.value && !dismissed.value)
                 size="xs"
                 icon="i-lucide-x"
                 :aria-label="t('common.close')"
-                @click="dismissed = true"
+                @click="
+                  () => {
+                    dismissed = true
+                  }
+                "
               />
             </div>
             <p class="mt-1 text-sm text-amber-200/90">

package/app/components/layout/ProviderConfigBanner.vue

@@ -62,7 +62,11 @@ const show = computed(() => pending.value.length > 0 && !dismissed.value)
                 size="xs"
                 icon="i-lucide-x"
                 :aria-label="t('common.close')"
-                @click="dismissed = true"
+                @click="
+                  () => {
+                    dismissed = true
+                  }
+                "
               />
             </div>
             <p class="mt-1 text-sm text-amber-200/90">

package/app/components/panels/AgentStepDetail.vue

@@ -403,7 +403,11 @@ async function copyOutput() {
                   :icon="showProvisioning ? 'i-lucide-chevron-up' : 'i-lucide-scroll-text'"
                   variant="ghost"
                   size="xs"
-                  @click="showProvisioning = !showProvisioning"
+                  @click="
+                    () => {
+                      showProvisioning = !showProvisioning
+                    }
+                  "
                 >
                   {{
                     showProvisioning

package/app/components/panels/InspectorPanel.vue

@@ -323,7 +323,11 @@ const showOriginalDescription = ref(false)
             variant="ghost"
             size="xs"
             :icon="showOriginalDescription ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'"
-            @click="showOriginalDescription = !showOriginalDescription"
+            @click="
+              () => {
+                showOriginalDescription = !showOriginalDescription
+              }
+            "
           >
             {{ t('panels.inspector.originalDescriptionFrozen') }}
           </UButton>

package/app/components/panels/StepRestartControl.vue

@@ -64,7 +64,11 @@ async function restart() {
       variant="ghost"
       size="sm"
       :title="t('panels.stepRestart.restartFromStep')"
-      @click="armed = true"
+      @click="
+        () => {
+          armed = true
+        }
+      "
     />
     <template v-else>
       <UButton
@@ -82,7 +86,11 @@ async function restart() {
         variant="ghost"
         size="sm"
         :disabled="restarting"
-        @click="armed = false"
+        @click="
+          () => {
+            armed = false
+          }
+        "
       >
         {{ t('common.cancel') }}
       </UButton>

package/app/components/panels/StepResultViewHost.vue

@@ -25,6 +25,7 @@ import FollowUpWindow from '~/components/followUp/FollowUpWindow.vue'
 import MergerResultView from '~/components/panels/MergerResultView.vue'
 import InitiativeTrackerWindow from '~/components/initiative/InitiativeTrackerWindow.vue'
 import InitiativePlanningWindow from '~/components/initiative/InitiativePlanningWindow.vue'
+import DocInterviewWindow from '~/components/docs/DocInterviewWindow.vue'
 
 const ui = useUiStore()
 
@@ -59,6 +60,9 @@ const STEP_RESULT_VIEWS: Record<string, Component> = {
   // as the planner step's result view.
   'initiative-tracker': InitiativeTrackerWindow,
   'initiative-planning': InitiativePlanningWindow,
+  // The interactive document-interview gate (WS5): the interviewer's clarifying questions +
+  // answer / continue / proceed, opened as the `doc-interviewer` step's result view.
+  'doc-interview': DocInterviewWindow,
 }
 
 const active = computed<Component | null>(() => {