@cat-factory/app 0.6.0 → 0.7.3

package/app/components/recurring/RecurrenceEditor.vue

@@ -1,124 +1,124 @@
-<script setup lang="ts">
-// Edits a `Recurrence`: run every N hours, optionally constrained to a set of
-// weekdays and an hour-of-day window, in a chosen timezone. Used both when adding
-// a recurring pipeline (frame modal) and when editing one (inspector). Emits the
-// updated recurrence via v-model.
-import type { Recurrence } from '~/types/recurring'
-
-const props = defineProps<{ modelValue: Recurrence }>()
-const emit = defineEmits<{ 'update:modelValue': [Recurrence] }>()
-
-const WEEKDAYS = [
-  { value: 0, label: 'Sun' },
-  { value: 1, label: 'Mon' },
-  { value: 2, label: 'Tue' },
-  { value: 3, label: 'Wed' },
-  { value: 4, label: 'Thu' },
-  { value: 5, label: 'Fri' },
-  { value: 6, label: 'Sat' },
-]
-
-function patch(p: Partial<Recurrence>) {
-  emit('update:modelValue', { ...props.modelValue, ...p })
-}
-
-function toggleDay(day: number) {
-  const set = new Set(props.modelValue.weekdays)
-  if (set.has(day)) set.delete(day)
-  else set.add(day)
-  patch({ weekdays: [...set].sort((a, b) => a - b) })
-}
-
-// The hour-window is "any hour" when both bounds are null. The checkbox toggles
-// between unconstrained and a default business-hours window.
-const windowEnabled = computed(
-  () => props.modelValue.windowStartHour !== null || props.modelValue.windowEndHour !== null,
-)
-function toggleWindow(enabled: boolean) {
-  if (enabled) patch({ windowStartHour: 9, windowEndHour: 17 })
-  else patch({ windowStartHour: null, windowEndHour: null })
-}
-
-const hours = Array.from({ length: 24 }, (_, h) => ({
-  value: h,
-  label: `${String(h).padStart(2, '0')}:00`,
-}))
-
-// A small, common set of IANA zones plus whatever the schedule already uses.
-const TIMEZONES = [
-  'UTC',
-  'Europe/London',
-  'Europe/Helsinki',
-  'America/New_York',
-  'America/Los_Angeles',
-  'Asia/Tokyo',
-]
-const timezoneOptions = computed(() =>
-  Array.from(new Set([props.modelValue.timezone, ...TIMEZONES])),
-)
-</script>
-
-<template>
-  <div class="space-y-3">
-    <UFormField label="Run every">
-      <div class="flex items-center gap-2">
-        <UInput
-          :model-value="modelValue.intervalHours"
-          type="number"
-          :min="1"
-          class="w-24"
-          @update:model-value="patch({ intervalHours: Math.max(1, Number($event) || 1) })"
-        />
-        <span class="text-xs text-slate-400">hours</span>
-      </div>
-    </UFormField>
-
-    <UFormField label="Allowed days" help="Leave all off to run any day.">
-      <div class="flex flex-wrap gap-1">
-        <UButton
-          v-for="d in WEEKDAYS"
-          :key="d.value"
-          size="xs"
-          :color="modelValue.weekdays.includes(d.value) ? 'primary' : 'neutral'"
-          :variant="modelValue.weekdays.includes(d.value) ? 'solid' : 'subtle'"
-          @click="toggleDay(d.value)"
-        >
-          {{ d.label }}
-        </UButton>
-      </div>
-    </UFormField>
-
-    <UFormField>
-      <UCheckbox
-        :model-value="windowEnabled"
-        label="Only within an hour-of-day window (e.g. business hours)"
-        @update:model-value="toggleWindow(Boolean($event))"
-      />
-    </UFormField>
-
-    <div v-if="windowEnabled" class="flex items-center gap-2">
-      <USelect
-        :model-value="modelValue.windowStartHour ?? 0"
-        :items="hours"
-        class="w-28"
-        @update:model-value="patch({ windowStartHour: Number($event) })"
-      />
-      <span class="text-xs text-slate-400">to</span>
-      <USelect
-        :model-value="modelValue.windowEndHour ?? 24 % 24"
-        :items="hours"
-        class="w-28"
-        @update:model-value="patch({ windowEndHour: Number($event) })"
-      />
-    </div>
-
-    <UFormField label="Timezone">
-      <USelect
-        :model-value="modelValue.timezone"
-        :items="timezoneOptions"
-        class="w-full"
-        @update:model-value="patch({ timezone: String($event) })"
-      />
-    </UFormField>
-  </div>
-</template>
+<script setup lang="ts">
+// Edits a `Recurrence`: run every N hours, optionally constrained to a set of
+// weekdays and an hour-of-day window, in a chosen timezone. Used both when adding
+// a recurring pipeline (frame modal) and when editing one (inspector). Emits the
+// updated recurrence via v-model.
+import type { Recurrence } from '~/types/recurring'
+
+const props = defineProps<{ modelValue: Recurrence }>()
+const emit = defineEmits<{ 'update:modelValue': [Recurrence] }>()
+
+const WEEKDAYS = [
+  { value: 0, label: 'Sun' },
+  { value: 1, label: 'Mon' },
+  { value: 2, label: 'Tue' },
+  { value: 3, label: 'Wed' },
+  { value: 4, label: 'Thu' },
+  { value: 5, label: 'Fri' },
+  { value: 6, label: 'Sat' },
+]
+
+function patch(p: Partial<Recurrence>) {
+  emit('update:modelValue', { ...props.modelValue, ...p })
+}
+
+function toggleDay(day: number) {
+  const set = new Set(props.modelValue.weekdays)
+  if (set.has(day)) set.delete(day)
+  else set.add(day)
+  patch({ weekdays: [...set].sort((a, b) => a - b) })
+}
+
+// The hour-window is "any hour" when both bounds are null. The checkbox toggles
+// between unconstrained and a default business-hours window.
+const windowEnabled = computed(
+  () => props.modelValue.windowStartHour !== null || props.modelValue.windowEndHour !== null,
+)
+function toggleWindow(enabled: boolean) {
+  if (enabled) patch({ windowStartHour: 9, windowEndHour: 17 })
+  else patch({ windowStartHour: null, windowEndHour: null })
+}
+
+const hours = Array.from({ length: 24 }, (_, h) => ({
+  value: h,
+  label: `${String(h).padStart(2, '0')}:00`,
+}))
+
+// A small, common set of IANA zones plus whatever the schedule already uses.
+const TIMEZONES = [
+  'UTC',
+  'Europe/London',
+  'Europe/Helsinki',
+  'America/New_York',
+  'America/Los_Angeles',
+  'Asia/Tokyo',
+]
+const timezoneOptions = computed(() =>
+  Array.from(new Set([props.modelValue.timezone, ...TIMEZONES])),
+)
+</script>
+
+<template>
+  <div class="space-y-3">
+    <UFormField label="Run every">
+      <div class="flex items-center gap-2">
+        <UInput
+          :model-value="modelValue.intervalHours"
+          type="number"
+          :min="1"
+          class="w-24"
+          @update:model-value="patch({ intervalHours: Math.max(1, Number($event) || 1) })"
+        />
+        <span class="text-xs text-slate-400">hours</span>
+      </div>
+    </UFormField>
+
+    <UFormField label="Allowed days" help="Leave all off to run any day.">
+      <div class="flex flex-wrap gap-1">
+        <UButton
+          v-for="d in WEEKDAYS"
+          :key="d.value"
+          size="xs"
+          :color="modelValue.weekdays.includes(d.value) ? 'primary' : 'neutral'"
+          :variant="modelValue.weekdays.includes(d.value) ? 'solid' : 'subtle'"
+          @click="toggleDay(d.value)"
+        >
+          {{ d.label }}
+        </UButton>
+      </div>
+    </UFormField>
+
+    <UFormField>
+      <UCheckbox
+        :model-value="windowEnabled"
+        label="Only within an hour-of-day window (e.g. business hours)"
+        @update:model-value="toggleWindow(Boolean($event))"
+      />
+    </UFormField>
+
+    <div v-if="windowEnabled" class="flex items-center gap-2">
+      <USelect
+        :model-value="modelValue.windowStartHour ?? 0"
+        :items="hours"
+        class="w-28"
+        @update:model-value="patch({ windowStartHour: Number($event) })"
+      />
+      <span class="text-xs text-slate-400">to</span>
+      <USelect
+        :model-value="modelValue.windowEndHour ?? 24 % 24"
+        :items="hours"
+        class="w-28"
+        @update:model-value="patch({ windowEndHour: Number($event) })"
+      />
+    </div>
+
+    <UFormField label="Timezone">
+      <USelect
+        :model-value="modelValue.timezone"
+        :items="timezoneOptions"
+        class="w-full"
+        @update:model-value="patch({ timezone: String($event) })"
+      />
+    </UFormField>
+  </div>
+</template>

package/app/components/settings/IssueTrackerWritebackPanel.vue

@@ -0,0 +1,103 @@
+<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 { ref, watch } from 'vue'
+
+const ui = useUiStore()
+const tracker = useTrackerStore()
+const toast = useToast()
+
+const open = computed({
+  get: () => ui.issueWritebackOpen,
+  set: (v: boolean) => (v ? ui.openIssueWriteback() : ui.closeIssueWriteback()),
+})
+
+const commentOnPrOpen = ref(false)
+const resolveOnMerge = ref(false)
+const saving = ref(false)
+
+// Re-sync the local toggles from the store whenever the panel opens.
+watch(open, (isOpen) => {
+  if (!isOpen) return
+  commentOnPrOpen.value = tracker.settings.writebackCommentOnPrOpen
+  resolveOnMerge.value = tracker.settings.writebackResolveOnMerge
+})
+
+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>
+  <UModal v-model:open="open" title="Issue tracker writeback" :ui="{ content: 'max-w-lg' }">
+    <template #body>
+      <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>
+  </UModal>
+</template>

package/app/components/testing/TestReportWindow.vue

@@ -12,6 +12,7 @@
 // `spec/features/*.feature` files would need a spec endpoint (a future enhancement).
 import type { TestConcern, TestOutcome, TestReport } from '~/types/domain'
 import StepRestartControl from '~/components/panels/StepRestartControl.vue'
+import StepRunMeta from '~/components/panels/StepRunMeta.vue'
 
 const board = useBoardStore()
 const execution = useExecutionStore()
@@ -21,9 +22,12 @@ const execution = useExecutionStore()
 const { open, blockId, instanceId, stepIndex, close } = useResultView('tester')
 const block = computed(() => (blockId.value ? board.getBlock(blockId.value) : undefined))
 
+const instance = computed(() =>
+  instanceId.value === null ? null : (execution.getInstance(instanceId.value) ?? null),
+)
 const step = computed(() => {
-  if (instanceId.value === null || stepIndex.value === null) return null
-  return execution.getInstance(instanceId.value)?.steps[stepIndex.value] ?? null
+  if (instance.value === null || stepIndex.value === null) return null
+  return instance.value.steps[stepIndex.value] ?? null
 })
 const report = computed<TestReport | null>(() => step.value?.test?.lastReport ?? null)
 const testState = computed(() => step.value?.test ?? null)
@@ -385,12 +389,17 @@ const GROUP_STATUS_META: Record<ScenarioGroup['status'], { icon: string; text: s
               <p class="text-[12px] capitalize text-slate-300">{{ report.environment }}</p>
             </div>
 
-            <div v-if="step?.model">
-              <h4 class="mb-1 text-[11px] font-semibold uppercase tracking-wide text-slate-500">
-                Model
-              </h4>
-              <p class="break-all text-[12px] text-slate-300">{{ step.model }}</p>
-            </div>
+            <!-- Shared run metadata + embedded observability (model, run id, timing,
+                 model-activity rollup) — identical to the gate and agent step detail. -->
+            <StepRunMeta
+              v-if="step"
+              :step="step"
+              :instance-id="instanceId ?? undefined"
+              :step-number="stepIndex === null ? undefined : stepIndex + 1"
+              :total-steps="instance?.steps.length"
+              :run-failed="instance?.status === 'failed'"
+              :failure-at="instance?.failure?.occurredAt"
+            />
 
             <p class="mt-auto text-[10px] leading-relaxed text-slate-600">
               Scenarios are the areas the Tester chose to exercise (its spec acceptance scenarios).