@cat-factory/app 0.138.1 → 0.140.0

package/app/components/board/AddTaskModal.vue

@@ -35,7 +35,7 @@ const agentConfig = useAgentConfigStore()
 const toast = useToast()
 const { t } = useI18n()
 
-const { linkPending } = useContextLinking()
+const { linkPending, presentLinkFailures } = useContextLinking()
 
 const open = computed({
   get: () => ui.addTaskContainerId !== null,
@@ -292,24 +292,6 @@ const selectedModelPresetLabel = computed(() => {
 const selectablePipelines = computed(() =>
   pipelines.pipelines.filter((p) => pipelineAllowedForManualStart(p, frame.value, board.blocks)),
 )
-const pipelineMenu = computed(() => [
-  [
-    {
-      label: t('board.addTask.chooseAtRunTime'),
-      icon: 'i-lucide-rotate-ccw',
-      onSelect: () => (pipelineId.value = ''),
-    },
-    ...selectablePipelines.value.map((p) => ({
-      label: p.name,
-      icon: 'i-lucide-workflow',
-      onSelect: () => (pipelineId.value = p.id),
-    })),
-  ],
-])
-const selectedPipelineLabel = computed(
-  () => pipelines.getPipeline(pipelineId.value)?.name ?? t('board.addTask.chooseAtRunTime'),
-)
-
 // Picking the Ralph loop task type auto-selects its pipeline, so the per-task validation
 // command + iteration budget (contributed by the `ralph` agent) surface immediately — the
 // loop is meaningless without them, so "choose at run time" would be a dead end here.
@@ -578,14 +560,10 @@ async function add() {
       ...(technical.value ? { technical: true } : {}),
     })
     if (block) {
-      const failed = await linkPending(block.id, pendingContext.value)
-      if (failed > 0) {
-        toast.add({
-          title: t('board.addTask.linkFailed', { count: failed }, failed),
-          icon: 'i-lucide-triangle-alert',
-          color: 'warning',
-        })
-      }
+      // Surface the SPECIFIC cause of any attachment that couldn't be linked (a GitHub
+      // permission/visibility error, a not-found doc, …) instead of a bare count, plus a
+      // one-click "Copy details" for a bug report.
+      presentLinkFailures(await linkPending(block.id, pendingContext.value), block.id)
     }
     ui.closeAddTask()
   } catch (e) {
@@ -895,18 +873,13 @@ async function add() {
 
           <div class="grid grid-cols-2 gap-3">
             <UFormField :label="t('board.addTask.pipeline')">
-              <UDropdownMenu :items="pipelineMenu" class="w-full">
-                <UButton
-                  color="neutral"
-                  variant="subtle"
-                  size="sm"
-                  icon="i-lucide-workflow"
-                  trailing-icon="i-lucide-chevron-down"
-                  class="w-full justify-between"
-                >
-                  {{ selectedPipelineLabel }}
-                </UButton>
-              </UDropdownMenu>
+              <PipelinePicker
+                :model-value="pipelineId"
+                :options="selectablePipelines"
+                :none-label="t('board.addTask.chooseAtRunTime')"
+                trigger-class="w-full justify-between"
+                @update:model-value="pipelineId = $event"
+              />
             </UFormField>
 
             <UFormField :label="t('board.addTask.mergePolicy')">