@cat-factory/app 0.13.0 → 0.14.0

package/app/components/layout/IntegrationsHub.vue

@@ -12,8 +12,16 @@ const github = useGitHubStore()
 const slack = useSlackStore()
 const documents = useDocumentsStore()
 const tasks = useTasksStore()
+const tracker = useTrackerStore()
 const releaseHealth = useReleaseHealthStore()
 
+// The selected filing tracker, as a badge label ("GitHub Issues" / "Jira").
+const trackerLabel = computed(() => {
+  if (tracker.settings.tracker === 'github') return 'GitHub Issues'
+  if (tracker.settings.tracker === 'jira') return 'Jira'
+  return undefined
+})
+
 // The observability connection status drives the hub's connected badge. Load it
 // lazily when the hub opens (the secret-less connection view is cheap).
 watch(
@@ -130,11 +138,13 @@ const groups = computed<IntegrationGroup[]>(() => {
       })
     }
     trackers.push({
-      key: 'task:writeback',
-      icon: 'i-lucide-message-square-reply',
-      label: 'Issue tracker writeback',
-      description: 'Comment on the PR and close the linked issue on merge.',
-      onClick: () => go(() => ui.openWorkspaceSettings('writeback')),
+      key: 'task:tracker',
+      icon: 'i-lucide-list-checks',
+      label: 'Issue tracker settings',
+      description: 'Choose the filing tracker, enable linking sources, and configure writeback.',
+      status: trackerLabel.value,
+      connected: tracker.settings.tracker !== null,
+      onClick: () => go(() => ui.openWorkspaceSettings('tracker')),
     })
     out.push({ title: 'Task trackers', items: trackers })
   }

package/app/components/settings/IssueTrackerPanel.vue

@@ -0,0 +1,393 @@
+<script setup lang="ts">
+// Workspace settings: a single, first-class home for issue tracking. It gathers
+// the three things that used to be scattered (and, for the filing tracker, were
+// only reachable buried inside the tech-debt recurring-pipeline modal):
+//
+//   1. Filing tracker — which tracker the tech-debt pipeline's `tracker` step
+//      files its ticket in (GitHub Issues / Jira / none).
+//   2. Linking sources — the per-workspace on/off toggle for each source
+//      (task_source_settings) that governs whether issues can be imported and
+//      linked to tasks as agent context.
+//   3. Writeback — comment on a task's linked issue when its PR opens, and
+//      comment + close it when the PR merges.
+//
+// Filing and linking are independent (filing rides the App / Jira connection
+// directly; linking is the source toggle), so both are shown explicitly to undo
+// the common confusion that "I have the GitHub App, why is nothing surfaced?".
+import { computed, onMounted, ref, watch } from 'vue'
+import type { TaskSourceDiagnosticStatus, TaskSourceKind, TrackerKind } from '~/types/domain'
+
+const tracker = useTrackerStore()
+const tasks = useTasksStore()
+const ui = useUiStore()
+const toast = useToast()
+
+// --- filing tracker + writeback (one Save, persisted on tracker settings) -----
+const trackerKind = ref<TrackerKind | null>(null)
+const jiraProjectKey = ref('')
+const commentOnPrOpen = ref(false)
+const resolveOnMerge = ref(false)
+const saving = ref(false)
+
+function hydrate() {
+  trackerKind.value = tracker.settings.tracker
+  jiraProjectKey.value = tracker.settings.jiraProjectKey ?? ''
+  commentOnPrOpen.value = tracker.settings.writebackCommentOnPrOpen
+  resolveOnMerge.value = tracker.settings.writebackResolveOnMerge
+}
+onMounted(() => {
+  hydrate()
+  // The descriptors (availability + enable state) come from the task-source probe;
+  // probe on open if the navbar hasn't already, so the toggles below reflect reality.
+  if (tasks.available === null) void tasks.probe()
+})
+watch(() => tracker.settings, hydrate, { deep: true })
+
+// Per-source live state (available = usable now; enabled = offered to the workspace).
+const github = computed(() => tasks.descriptorFor('github'))
+const jira = computed(() => tasks.descriptorFor('jira'))
+
+// A tracker can only file where it can authenticate: GitHub rides the installed
+// App, Jira needs a connection. Selecting an unusable tracker is allowed (it just
+// won't file until set up), but we surface the gap inline.
+const githubAvailable = computed(() => github.value?.available ?? false)
+const jiraConnected = computed(() => tasks.isConnected('jira'))
+
+// Jira needs a project key to file into; block Save on an empty one when picked.
+const canSave = computed(
+  () => trackerKind.value !== 'jira' || jiraProjectKey.value.trim().length > 0,
+)
+
+async function save() {
+  if (!canSave.value) return
+  saving.value = true
+  try {
+    await tracker.save({
+      tracker: trackerKind.value,
+      jiraProjectKey: trackerKind.value === 'jira' ? jiraProjectKey.value.trim() : null,
+      writebackCommentOnPrOpen: commentOnPrOpen.value,
+      writebackResolveOnMerge: resolveOnMerge.value,
+    })
+    toast.add({ title: 'Issue tracker saved', icon: 'i-lucide-check', color: 'success' })
+  } catch (e) {
+    toast.add({
+      title: 'Could not save settings',
+      description: e instanceof Error ? e.message : String(e),
+      icon: 'i-lucide-triangle-alert',
+      color: 'error',
+    })
+  } finally {
+    saving.value = false
+  }
+}
+
+// --- linking sources (per-source toggle, saved immediately) -------------------
+const togglingSource = ref<TaskSourceKind | null>(null)
+
+async function toggleSource(source: TaskSourceKind, enabled: boolean) {
+  togglingSource.value = source
+  try {
+    await tasks.setEnabled(source, enabled)
+  } catch (e) {
+    toast.add({
+      title: 'Could not update',
+      description: e instanceof Error ? e.message : String(e),
+      icon: 'i-lucide-triangle-alert',
+      color: 'error',
+    })
+  } finally {
+    togglingSource.value = null
+  }
+}
+
+// --- live "check setup" -------------------------------------------------------
+// The probe failed entirely (not a per-source state): the whole integration is
+// off or the backend errored, so the panel can't show real source state. We
+// translate the captured status into a plain explanation + next step.
+const probeFailureHint = computed(() => {
+  const err = tasks.probeError
+  if (tasks.available !== false || !err) return null
+  if (err.status === 503) {
+    return 'The task-source integration is turned off on this deployment (its encryption key is not configured). Set ENCRYPTION_KEY on the backend to enable issue tracking.'
+  }
+  if (err.status && err.status >= 500) {
+    return `The issue-tracker service returned an error (HTTP ${err.status}): ${err.message}. This usually means the backend isn't fully migrated/configured.`
+  }
+  return `Couldn't load issue-tracker settings${err.status ? ` (HTTP ${err.status})` : ''}: ${err.message}`
+})
+
+async function checkSetup(source: TaskSourceKind) {
+  try {
+    await tasks.checkSetup(source)
+  } catch (e) {
+    toast.add({
+      title: 'Check failed',
+      description: e instanceof Error ? e.message : String(e),
+      icon: 'i-lucide-triangle-alert',
+      color: 'error',
+    })
+  }
+}
+
+// Status → presentation for a setup-check verdict.
+const STATUS_UI: Record<
+  TaskSourceDiagnosticStatus,
+  { color: 'success' | 'warning' | 'error' | 'neutral'; icon: string }
+> = {
+  ready: { color: 'success', icon: 'i-lucide-circle-check' },
+  not_installed: { color: 'warning', icon: 'i-lucide-download' },
+  not_connected: { color: 'warning', icon: 'i-lucide-plug' },
+  auth_failed: { color: 'error', icon: 'i-lucide-key-round' },
+  forbidden: { color: 'error', icon: 'i-lucide-shield-x' },
+  unreachable: { color: 'error', icon: 'i-lucide-wifi-off' },
+  error: { color: 'error', icon: 'i-lucide-triangle-alert' },
+}
+</script>
+
+<template>
+  <div class="space-y-7">
+    <!-- Whole-integration failure: explain WHY nothing is surfaced, instead of the
+         passive per-source "install first" hints (which would be misleading here). -->
+    <UAlert
+      v-if="probeFailureHint"
+      color="error"
+      variant="subtle"
+      icon="i-lucide-triangle-alert"
+      title="Issue tracking isn't available"
+      :description="probeFailureHint"
+    />
+
+    <!-- 1. Filing tracker ----------------------------------------------------->
+    <section class="space-y-3">
+      <div>
+        <h3 class="text-sm font-semibold text-slate-200">Where tickets are filed</h3>
+        <p class="mt-1 text-[11px] text-slate-400">
+          The tech-debt recurring pipeline raises an issue before implementation and files it in
+          this tracker. Choose <span class="text-slate-300">None</span> to skip filing.
+        </p>
+      </div>
+
+      <div class="flex flex-wrap gap-2">
+        <UButton
+          icon="i-lucide-circle-slash"
+          size="sm"
+          :color="trackerKind === null ? 'primary' : 'neutral'"
+          :variant="trackerKind === null ? 'solid' : 'subtle'"
+          @click="trackerKind = null"
+        >
+          None
+        </UButton>
+        <UButton
+          icon="i-lucide-github"
+          size="sm"
+          :color="trackerKind === 'github' ? 'primary' : 'neutral'"
+          :variant="trackerKind === 'github' ? 'solid' : 'subtle'"
+          @click="trackerKind = 'github'"
+        >
+          GitHub Issues
+        </UButton>
+        <UButton
+          icon="i-lucide-trello"
+          size="sm"
+          :color="trackerKind === 'jira' ? 'primary' : 'neutral'"
+          :variant="trackerKind === 'jira' ? 'solid' : 'subtle'"
+          @click="trackerKind = 'jira'"
+        >
+          Jira
+        </UButton>
+      </div>
+
+      <!-- Inline readiness hints for the picked tracker. -->
+      <p v-if="trackerKind === 'github' && !githubAvailable" class="text-[11px] text-amber-400">
+        GitHub Issues rides your installed GitHub App, which isn't connected yet. Install it under
+        <button class="underline" @click="ui.openGitHub()">Integrations → GitHub</button> — filing
+        stays off until then.
+      </p>
+      <p v-else-if="trackerKind === 'jira' && !jiraConnected" class="text-[11px] text-amber-400">
+        Jira isn't connected yet.
+        <button class="underline" @click="ui.openTaskConnect('jira')">Connect it</button> to file
+        and link issues.
+      </p>
+
+      <UFormField v-if="trackerKind === 'jira'" label="Jira project key" class="w-48">
+        <UInput v-model="jiraProjectKey" placeholder="ENG" size="sm" class="w-full" />
+        <template #help>
+          <span class="text-[11px] text-slate-500">New tickets are filed under this project.</span>
+        </template>
+      </UFormField>
+    </section>
+
+    <!-- 2. Linking sources ---------------------------------------------------->
+    <section class="space-y-3">
+      <div>
+        <h3 class="text-sm font-semibold text-slate-200">Link issues as context</h3>
+        <p class="mt-1 text-[11px] text-slate-400">
+          When a source is offered you can import its issues and attach them to a task, so agents
+          see the issue description and comments while implementing. This is independent of the
+          filing tracker above.
+        </p>
+      </div>
+
+      <!-- GitHub Issues source -->
+      <div class="rounded-lg border border-slate-800 bg-slate-800/40 px-3 py-2.5">
+        <div class="flex items-center justify-between gap-2">
+          <div class="flex min-w-0 items-center gap-2.5">
+            <UIcon name="i-lucide-github" class="h-5 w-5 shrink-0 text-slate-300" />
+            <div class="min-w-0">
+              <div class="text-sm font-medium text-slate-200">GitHub Issues</div>
+              <div class="text-[11px] text-slate-500">
+                {{
+                  githubAvailable
+                    ? 'Rides your installed GitHub App — no credentials needed.'
+                    : 'Install the GitHub App (Integrations → GitHub) to offer this source.'
+                }}
+              </div>
+            </div>
+          </div>
+          <div class="flex shrink-0 items-center gap-2">
+            <UButton
+              size="xs"
+              color="neutral"
+              variant="ghost"
+              icon="i-lucide-stethoscope"
+              :loading="tasks.checking === 'github'"
+              @click="checkSetup('github')"
+            >
+              Check setup
+            </UButton>
+            <USwitch
+              v-if="githubAvailable"
+              :model-value="github?.enabled ?? false"
+              :loading="togglingSource === 'github'"
+              @update:model-value="(v: boolean) => toggleSource('github', v)"
+            />
+            <UButton
+              v-else
+              size="xs"
+              color="neutral"
+              variant="soft"
+              icon="i-lucide-github"
+              @click="ui.openGitHub()"
+            >
+              Install
+            </UButton>
+          </div>
+        </div>
+        <UAlert
+          v-if="tasks.diagnostics.github"
+          class="mt-2.5"
+          :color="STATUS_UI[tasks.diagnostics.github.status].color"
+          variant="subtle"
+          :icon="STATUS_UI[tasks.diagnostics.github.status].icon"
+          :description="
+            tasks.diagnostics.github.message +
+            (tasks.diagnostics.github.detail ? ` ${tasks.diagnostics.github.detail}` : '')
+          "
+          :ui="{ description: 'text-[11px]' }"
+        />
+      </div>
+
+      <!-- Jira source -->
+      <div class="rounded-lg border border-slate-800 bg-slate-800/40 px-3 py-2.5">
+        <div class="flex items-center justify-between gap-2">
+          <div class="flex min-w-0 items-center gap-2.5">
+            <UIcon name="i-lucide-trello" class="h-5 w-5 shrink-0 text-slate-300" />
+            <div class="min-w-0">
+              <div class="text-sm font-medium text-slate-200">Jira</div>
+              <div class="text-[11px] text-slate-500">
+                {{ jiraConnected ? 'Connected.' : 'Connect with a Jira account and API token.' }}
+              </div>
+            </div>
+          </div>
+          <div class="flex shrink-0 items-center gap-2">
+            <UButton
+              v-if="jiraConnected"
+              size="xs"
+              color="neutral"
+              variant="ghost"
+              icon="i-lucide-stethoscope"
+              :loading="tasks.checking === 'jira'"
+              @click="checkSetup('jira')"
+            >
+              Check setup
+            </UButton>
+            <USwitch
+              v-if="jira?.available"
+              :model-value="jira?.enabled ?? false"
+              :loading="togglingSource === 'jira'"
+              @update:model-value="(v: boolean) => toggleSource('jira', v)"
+            />
+            <UButton
+              v-else
+              size="xs"
+              color="neutral"
+              variant="soft"
+              icon="i-lucide-plug"
+              @click="ui.openTaskConnect('jira')"
+            >
+              Connect
+            </UButton>
+          </div>
+        </div>
+        <UAlert
+          v-if="tasks.diagnostics.jira"
+          class="mt-2.5"
+          :color="STATUS_UI[tasks.diagnostics.jira.status].color"
+          variant="subtle"
+          :icon="STATUS_UI[tasks.diagnostics.jira.status].icon"
+          :description="
+            tasks.diagnostics.jira.message +
+            (tasks.diagnostics.jira.detail ? ` ${tasks.diagnostics.jira.detail}` : '')
+          "
+          :ui="{ description: 'text-[11px]' }"
+        />
+      </div>
+    </section>
+
+    <!-- 3. Writeback ---------------------------------------------------------->
+    <section class="space-y-3">
+      <div>
+        <h3 class="text-sm font-semibold text-slate-200">Writeback</h3>
+        <p class="mt-1 text-[11px] text-slate-400">
+          Write back to a task's linked issue(s) as its pull request progresses. Each toggle is the
+          workspace default and can be overridden per task in the inspector. GitHub issues close
+          natively; Jira issues transition to the first status in their
+          <span class="text-slate-300">Done</span> category.
+        </p>
+      </div>
+
+      <label class="flex items-start gap-3 rounded-lg border border-slate-700 bg-slate-800/40 p-3">
+        <USwitch v-model="commentOnPrOpen" />
+        <span class="text-sm">
+          <span class="block text-slate-200">Comment when a PR opens</span>
+          <span class="block text-xs text-slate-500">
+            Post a comment on the linked issue with the new pull request's link.
+          </span>
+        </span>
+      </label>
+
+      <label class="flex items-start gap-3 rounded-lg border border-slate-700 bg-slate-800/40 p-3">
+        <USwitch v-model="resolveOnMerge" />
+        <span class="text-sm">
+          <span class="block text-slate-200">Close as resolved when a PR merges</span>
+          <span class="block text-xs text-slate-500">
+            Comment that the PR merged, then close / resolve the linked issue.
+          </span>
+        </span>
+      </label>
+    </section>
+
+    <div class="flex justify-end">
+      <UButton
+        color="primary"
+        icon="i-lucide-save"
+        size="sm"
+        :loading="saving"
+        :disabled="!canSave"
+        @click="save"
+      >
+        Save
+      </UButton>
+    </div>
+  </div>
+</template>

package/app/components/settings/WorkspaceSettingsPanel.vue

@@ -3,14 +3,14 @@
 // configuration that used to live in separate windows:
 //   - Workspace: the run-timing escalation threshold + per-service running-task limit.
 //   - Merge thresholds: the auto-merge preset library.
-//   - Issue writeback: the tracker writeback toggles.
+//   - Issue tracker: filing-tracker selection + linking sources + writeback.
 //   - Service best practices: the default fragments new services inherit.
 // 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 } from '~/types/domain'
 import MergeThresholdsPanel from '~/components/settings/MergeThresholdsPanel.vue'
-import IssueTrackerWritebackPanel from '~/components/settings/IssueTrackerWritebackPanel.vue'
+import IssueTrackerPanel from '~/components/settings/IssueTrackerPanel.vue'
 import ServiceFragmentDefaultsPanel from '~/components/settings/ServiceFragmentDefaultsPanel.vue'
 
 const ui = useUiStore()
@@ -38,10 +38,10 @@ const tabs = [
   },
   { value: 'merge', label: 'Merge thresholds', icon: 'i-lucide-git-merge', slot: 'merge' },
   {
-    value: 'writeback',
-    label: 'Issue writeback',
-    icon: 'i-lucide-message-square-reply',
-    slot: 'writeback',
+    value: 'tracker',
+    label: 'Issue tracker',
+    icon: 'i-lucide-list-checks',
+    slot: 'tracker',
   },
   {
     value: 'fragments',
@@ -200,9 +200,9 @@ async function save() {
           <MergeThresholdsPanel />
         </template>
 
-        <!-- Issue writeback -->
-        <template #writeback>
-          <IssueTrackerWritebackPanel />
+        <!-- Issue tracker -->
+        <template #tracker>
+          <IssueTrackerPanel />
         </template>
 
         <!-- Service best practices -->

package/app/composables/api/tasks.ts

@@ -3,6 +3,7 @@ import type {
   SourceTask,
   TaskConnection,
   TaskSearchResult,
+  TaskSourceDiagnostic,
   TaskSourceKind,
   TaskSourceState,
 } from '~/types/domain'
@@ -41,6 +42,13 @@ export function tasksApi({ http, ws }: ApiContext) {
     disconnectTaskSource: (workspaceId: string, source: TaskSourceKind) =>
       http(`${ws(workspaceId)}/task-sources/${source}/connection`, { method: 'DELETE' }),
 
+    // Live "check setup" probe: authenticates against the source and reads a slice
+    // of its issues API, returning a classified verdict the panel renders verbatim.
+    checkTaskSource: (workspaceId: string, source: TaskSourceKind) =>
+      http<TaskSourceDiagnostic>(`${ws(workspaceId)}/task-sources/${source}/diagnostics`, {
+        method: 'POST',
+      }),
+
     listTasks: (workspaceId: string) => http<SourceTask[]>(`${ws(workspaceId)}/tasks`),
 
     importTask: (workspaceId: string, source: TaskSourceKind, body: { ref: string }) =>

package/app/stores/tasks.ts

@@ -4,6 +4,7 @@ import type {
   SourceTask,
   TaskConnection,
   TaskSearchResult,
+  TaskSourceDiagnostic,
   TaskSourceKind,
   TaskSourceState,
 } from '~/types/domain'
@@ -27,11 +28,21 @@ export const useTasksStore = defineStore('tasks', () => {
 
   /** null = unknown (not probed yet), true/false = integration on/off. */
   const available = ref<boolean | null>(null)
+  /**
+   * Why the last probe failed, when it did — captured (rather than swallowed) so
+   * the settings panel can explain *why* nothing is surfaced (integration disabled
+   * vs a server/backend error) instead of a blanket "install integration first".
+   */
+  const probeError = ref<{ status: number | null; message: string } | null>(null)
   /** The configured sources, each with its descriptor + per-workspace state (available + enabled). */
   const sources = ref<TaskSourceState[]>([])
   /** Live connections, one per connected (credentialed) source. */
   const connections = ref<TaskConnection[]>([])
   const tasks = ref<SourceTask[]>([])
+  /** The last live setup-check verdict per source (from `checkSetup`). */
+  const diagnostics = ref<Partial<Record<TaskSourceKind, TaskSourceDiagnostic>>>({})
+  /** The source currently running a setup check, if any. */
+  const checking = ref<TaskSourceKind | null>(null)
   const loading = ref(false)
 
   /** Sources the workspace currently has a live connection to. */
@@ -85,16 +96,43 @@ export const useTasksStore = defineStore('tasks', () => {
         api.listTaskConnections(workspace.requireId()),
       ])
       available.value = true
+      probeError.value = null
       sources.value = srcs
       connections.value = conns
-    } catch {
-      // 503 (integration disabled) or any error → hide the UI entry points.
+    } catch (e) {
+      // 503 (integration disabled) or any error → hide the UI entry points, but keep
+      // the reason so the settings panel can explain it (a 503 is "turned off on this
+      // deployment"; a 500 is "the backend errored — e.g. a migration isn't applied").
       available.value = false
+      const err = e as { statusCode?: number; data?: { error?: { message?: string } } }
+      const serverMessage = err?.data?.error?.message
+      probeError.value = {
+        status: err?.statusCode ?? null,
+        message: serverMessage || (e instanceof Error ? e.message : String(e)),
+      }
       sources.value = []
       connections.value = []
     }
   }
 
+  /**
+   * Run a live setup check for a source (authenticate + read), caching the verdict
+   * so the panel can show exactly what's wrong (missing App / wrong token / lacking
+   * the Issues permission) and how to fix it. Re-probes on success so a
+   * just-fixed source flips `available`/`enabled` without a manual reload.
+   */
+  async function checkSetup(source: TaskSourceKind): Promise<TaskSourceDiagnostic> {
+    checking.value = source
+    try {
+      const result = await api.checkTaskSource(workspace.requireId(), source)
+      diagnostics.value = { ...diagnostics.value, [source]: result }
+      if (result.ok) await probe()
+      return result
+    } finally {
+      checking.value = null
+    }
+  }
+
   /** Connect the workspace to a source with its credential bag. */
   async function connect(source: TaskSourceKind, credentials: Record<string, string>) {
     const conn = await api.connectTaskSource(workspace.requireId(), source, credentials)
@@ -165,9 +203,12 @@ export const useTasksStore = defineStore('tasks', () => {
 
   return {
     available,
+    probeError,
     sources,
     connections,
     tasks,
+    diagnostics,
+    checking,
     loading,
     connectedSources,
     anyConnected,
@@ -178,6 +219,7 @@ export const useTasksStore = defineStore('tasks', () => {
     isConnected,
     tasksForBlock,
     probe,
+    checkSetup,
     connect,
     disconnect,
     setEnabled,

package/app/types/tasks.ts

@@ -37,6 +37,31 @@ export interface TaskSourceState extends TaskSourceDescriptor {
   enabled: boolean
 }
 
+/**
+ * The verdict of a live "check setup" probe against a source (mirrors
+ * `@cat-factory/contracts`). Unlike `available` (a passive row-exists flag) this
+ * is the result of actually authenticating + reading, so it distinguishes a
+ * configured-but-broken source from a working one.
+ */
+export type TaskSourceDiagnosticStatus =
+  | 'ready'
+  | 'not_installed'
+  | 'not_connected'
+  | 'auth_failed'
+  | 'forbidden'
+  | 'unreachable'
+  | 'error'
+
+export interface TaskSourceDiagnostic {
+  source: TaskSourceKind
+  ok: boolean
+  status: TaskSourceDiagnosticStatus
+  /** A one-line, actionable explanation shown verbatim in the panel. */
+  message: string
+  /** Optional extra context (account login, repo count, signed-in user). */
+  detail?: string | null
+}
+
 /** A workspace's connection to a task source (never carries credentials). */
 export interface TaskConnection {
   source: TaskSourceKind

package/package.json

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

package/app/components/settings/IssueTrackerWritebackPanel.vue

@@ -1,91 +0,0 @@
-<script setup lang="ts">
-// Workspace settings: issue-tracker writeback. Two independent toggles that govern
-// whether the engine writes back to a task's linked tracker issue(s) as its PR
-// progresses — comment when the PR opens, and comment + close as resolved when it
-// merges. Each is overridable per task in the inspector. Persisted on the workspace
-// tracker settings (the selection + Jira project key are preserved on save).
-import { onMounted, ref, watch } from 'vue'
-
-const tracker = useTrackerStore()
-const toast = useToast()
-
-const commentOnPrOpen = ref(false)
-const resolveOnMerge = ref(false)
-const saving = ref(false)
-
-// Sync the local toggles from the store on mount (the tab renders when Workspace
-// settings opens) and whenever the stored settings change underneath.
-function hydrate() {
-  commentOnPrOpen.value = tracker.settings.writebackCommentOnPrOpen
-  resolveOnMerge.value = tracker.settings.writebackResolveOnMerge
-}
-onMounted(hydrate)
-watch(() => tracker.settings, hydrate, { deep: true })
-
-async function save() {
-  saving.value = true
-  try {
-    // Preserve the tracker selection + Jira project key; only the writeback flags change.
-    await tracker.save({
-      tracker: tracker.settings.tracker,
-      jiraProjectKey: tracker.settings.jiraProjectKey,
-      writebackCommentOnPrOpen: commentOnPrOpen.value,
-      writebackResolveOnMerge: resolveOnMerge.value,
-    })
-    toast.add({ title: 'Writeback settings saved', icon: 'i-lucide-check', color: 'success' })
-  } catch (e) {
-    toast.add({
-      title: 'Could not save settings',
-      description: e instanceof Error ? e.message : String(e),
-      icon: 'i-lucide-triangle-alert',
-      color: 'error',
-    })
-  } finally {
-    saving.value = false
-  }
-}
-</script>
-
-<template>
-  <div class="space-y-4">
-    <p class="text-xs text-slate-400">
-      When a task is linked to a tracker issue (GitHub Issues or Jira), write back to it as the
-      task's pull request progresses. Each toggle is the workspace default and can be overridden per
-      task in the inspector. GitHub issues close natively; Jira issues transition to the first
-      status in their <span class="text-slate-300">Done</span> category.
-    </p>
-
-    <label class="flex items-start gap-3 rounded-lg border border-slate-700 bg-slate-800/40 p-3">
-      <USwitch v-model="commentOnPrOpen" />
-      <span class="text-sm">
-        <span class="block text-slate-200">Comment when a PR opens</span>
-        <span class="block text-xs text-slate-500">
-          Post a comment on the linked issue with the new pull request's link.
-        </span>
-      </span>
-    </label>
-
-    <label class="flex items-start gap-3 rounded-lg border border-slate-700 bg-slate-800/40 p-3">
-      <USwitch v-model="resolveOnMerge" />
-      <span class="text-sm">
-        <span class="block text-slate-200">Close as resolved when a PR merges</span>
-        <span class="block text-xs text-slate-500">
-          Comment that the PR merged, then close / resolve the linked issue.
-        </span>
-      </span>
-    </label>
-
-    <div class="flex justify-end">
-      <UButton
-        color="primary"
-        variant="soft"
-        size="sm"
-        icon="i-lucide-save"
-        :loading="saving"
-        @click="save"
-      >
-        Save
-      </UButton>
-    </div>
-  </div>
-</template>