@cat-factory/app 0.76.0 → 0.77.0

package/app/components/board/TaskDependencyEdges.vue

@@ -21,6 +21,9 @@ const memberSegments = ref<MemberSeg[]>([])
 // Frontend frame → bound service frame links (from a frontend's backend bindings).
 type FrontendSeg = { id: string; x1: number; y1: number; x2: number; y2: number }
 const frontendSegments = ref<FrontendSeg[]>([])
+// Service frame → connected provider service frame links (from serviceConnections).
+type ConnectionSeg = { id: string; x1: number; y1: number; x2: number; y2: number }
+const connectionSegments = ref<ConnectionSeg[]>([])
 
 // task → its dependencies, both ends being tasks
 const taskDeps = computed(() => {
@@ -66,6 +69,24 @@ const frontendLinks = computed(() => {
   return out
 })
 
+// consumer service frame → each provider service it connects to (a serviceConnections
+// entry, stored on the consumer end). Deduped; a target deleted out of band draws nothing.
+const connectionLinks = computed(() => {
+  const out: { id: string; source: string; target: string }[] = []
+  for (const f of board.frames) {
+    if (f.type !== 'service') continue
+    const seen = new Set<string>()
+    for (const connection of f.serviceConnections ?? []) {
+      const providerId = connection.serviceBlockId
+      if (seen.has(providerId)) continue
+      seen.add(providerId)
+      if (board.getBlock(providerId))
+        out.push({ id: `${f.id}__conn__${providerId}`, source: f.id, target: providerId })
+    }
+  }
+  return out
+})
+
 /** Resolve a task's anchor: walk up task → module → service to the first card
  * that's actually rendered (a container may be collapsed). */
 function anchorEl(taskId: string): HTMLElement | null {
@@ -152,6 +173,23 @@ function recompute() {
     fes.push({ id: link.id, x1: start.x, y1: start.y, x2: end.x, y2: end.y })
   }
   frontendSegments.value = fes
+
+  const conns: ConnectionSeg[] = []
+  for (const link of connectionLinks.value) {
+    const a = anchorEl(link.source)
+    const b = anchorEl(link.target)
+    if (!a || !b || a === b) continue
+    const ra = a.getBoundingClientRect()
+    const rb = b.getBoundingClientRect()
+    const ax = ra.left + ra.width / 2 - origin.left
+    const ay = ra.top + ra.height / 2 - origin.top
+    const bx = rb.left + rb.width / 2 - origin.left
+    const by = rb.top + rb.height / 2 - origin.top
+    const start = border(ax, ay, ra.width / 2, ra.height / 2, bx, by)
+    const end = border(bx, by, rb.width / 2, rb.height / 2, ax, ay)
+    conns.push({ id: link.id, x1: start.x, y1: start.y, x2: end.x, y2: end.y })
+  }
+  connectionSegments.value = conns
 }
 
 const { pause, resume } = useRafFn(recompute, { immediate: false })
@@ -195,8 +233,34 @@ onBeforeUnmount(pause)
       >
         <path d="M0,0 L10,5 L0,10 z" fill="#22d3ee" />
       </marker>
+      <marker
+        id="service-connection-arrow"
+        viewBox="0 0 10 10"
+        refX="8"
+        refY="5"
+        markerWidth="6"
+        markerHeight="6"
+        orient="auto-start-reverse"
+      >
+        <path d="M0,0 L10,5 L0,10 z" fill="#34d399" />
+      </marker>
     </defs>
 
+    <!-- consumer service → provider service connection links (emerald, arrow toward the provider) -->
+    <line
+      v-for="s in connectionSegments"
+      :key="s.id"
+      :x1="s.x1"
+      :y1="s.y1"
+      :x2="s.x2"
+      :y2="s.y2"
+      stroke="#34d399"
+      :stroke-width="1.5"
+      stroke-dasharray="3 4"
+      :stroke-opacity="0.55"
+      marker-end="url(#service-connection-arrow)"
+    />
+
     <!-- frontend frame → bound service frame links (cyan, arrow toward the service under test) -->
     <line
       v-for="s in frontendSegments"

package/app/components/panels/InspectorPanel.vue

@@ -9,6 +9,7 @@ import ServiceTestConfig from '~/components/panels/inspector/ServiceTestConfig.v
 import ServiceFragments from '~/components/panels/inspector/ServiceFragments.vue'
 import ServiceReleaseHealthConfig from '~/components/panels/inspector/ServiceReleaseHealthConfig.vue'
 import FrontendConfig from '~/components/panels/inspector/FrontendConfig.vue'
+import ServiceConnections from '~/components/panels/inspector/ServiceConnections.vue'
 import ContainerSummary from '~/components/panels/inspector/ContainerSummary.vue'
 import TaskDependencies from '~/components/panels/inspector/TaskDependencies.vue'
 import TaskStructure from '~/components/panels/inspector/TaskStructure.vue'
@@ -465,6 +466,9 @@ const showOriginalDescription = ref(false)
       <!-- frontend (frame): build/serve/mock config + backend bindings (board links) -->
       <FrontendConfig v-if="isFrame && block.type === 'frontend'" :block="block" />
 
+      <!-- service (frame): directed connections to the other services it uses (board links) -->
+      <ServiceConnections v-if="isFrame && block.type === 'service'" :block="block" />
+
       <!-- service (frame): test infra + provisioning configuration -->
       <ServiceTestConfig v-if="isFrame" :block="block" />
 

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

@@ -0,0 +1,151 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { Block, ServiceConnection } from '~/types/domain'
+
+// Service-frame (`type: 'service'`) connections: the other services this one USES
+// (consumer→provider edges, stored on this frame — the consumer end). Each row picks a
+// provider service frame and optionally describes the relationship (folded into agent
+// prompts when the provider is involved in a task). The rows ARE the board's
+// service→service links, and the source of a task's "involved services" choices.
+// Persisted as serviceConnections on the block via the shared updateBlock PATCH.
+// The read-only "Used by" list below is the reverse direction, computed from the
+// OTHER frames' connections targeting this one.
+const props = defineProps<{ block: Block }>()
+
+const board = useBoardStore()
+const { t } = useI18n()
+
+const connections = computed<ServiceConnection[]>(() => props.block.serviceConnections ?? [])
+
+function save(next: ServiceConnection[]) {
+  board.updateBlock(props.block.id, { serviceConnections: next })
+}
+
+// Provider candidates: every OTHER service frame on the board. A frame already used by
+// another row is excluded per row (duplicates are rejected server-side too).
+const serviceFrames = computed(() =>
+  board.frames.filter((b) => b.type === 'service' && b.id !== props.block.id),
+)
+
+function targetItems(index: number) {
+  const takenElsewhere = new Set(
+    connections.value.filter((_, i) => i !== index).map((c) => c.serviceBlockId),
+  )
+  return serviceFrames.value
+    .filter((f) => !takenElsewhere.has(f.id))
+    .map((f) => ({ label: f.title || f.id, value: f.id }))
+}
+
+function replaceConnection(index: number, next: ServiceConnection) {
+  save(connections.value.map((c, i) => (i === index ? next : c)))
+}
+
+function setTarget(index: number, serviceBlockId: string) {
+  const c = connections.value[index]
+  if (c) replaceConnection(index, { ...c, serviceBlockId })
+}
+
+function setDescription(index: number, value: string) {
+  const c = connections.value[index]
+  if (c) replaceConnection(index, { ...c, description: value.trim() || undefined })
+}
+
+// A new row starts on the first still-available provider; with none available the add
+// button is disabled, so a placeholder row never round-trips an invalid PATCH.
+const nextAvailable = computed(() => {
+  const taken = new Set(connections.value.map((c) => c.serviceBlockId))
+  return serviceFrames.value.find((f) => !taken.has(f.id))
+})
+
+function addConnection() {
+  const target = nextAvailable.value
+  if (target) save([...connections.value, { serviceBlockId: target.id }])
+}
+
+function removeConnection(index: number) {
+  save(connections.value.filter((_, i) => i !== index))
+}
+
+// Reverse direction, read-only: the service frames whose own connections name this one.
+const usedBy = computed(() =>
+  board.frames.filter(
+    (b) =>
+      b.type === 'service' &&
+      b.id !== props.block.id &&
+      (b.serviceConnections ?? []).some((c) => c.serviceBlockId === props.block.id),
+  ),
+)
+</script>
+
+<template>
+  <div class="space-y-2 border-t border-slate-800 pt-2" data-testid="service-connections">
+    <div class="flex items-center justify-between">
+      <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
+        {{ t('inspector.serviceConnections.title') }}
+      </span>
+      <UButton
+        size="xs"
+        variant="ghost"
+        color="neutral"
+        icon="i-lucide-plus"
+        :disabled="!nextAvailable"
+        data-testid="service-connection-add"
+        @click="addConnection"
+      />
+    </div>
+    <p class="text-[11px] leading-snug text-slate-500">
+      {{ t('inspector.serviceConnections.hint') }}
+    </p>
+
+    <div v-if="connections.length" class="space-y-1.5">
+      <div
+        v-for="(c, i) in connections"
+        :key="c.serviceBlockId"
+        class="flex items-center gap-1"
+        data-testid="service-connection-row"
+      >
+        <USelect
+          :model-value="c.serviceBlockId"
+          :items="targetItems(i)"
+          size="xs"
+          class="flex-1"
+          data-testid="service-connection-target"
+          @update:model-value="(v: string) => setTarget(i, v)"
+        />
+        <UInput
+          :model-value="c.description ?? ''"
+          size="xs"
+          class="flex-1"
+          maxlength="300"
+          :placeholder="t('inspector.serviceConnections.descriptionPlaceholder')"
+          data-testid="service-connection-description"
+          @blur="(e: FocusEvent) => setDescription(i, (e.target as HTMLInputElement).value)"
+          @keydown.enter="
+            (e: KeyboardEvent) => setDescription(i, (e.target as HTMLInputElement).value)
+          "
+        />
+        <UButton
+          size="xs"
+          variant="ghost"
+          color="neutral"
+          icon="i-lucide-x"
+          :title="t('inspector.serviceConnections.remove')"
+          data-testid="service-connection-remove"
+          @click="removeConnection(i)"
+        />
+      </div>
+    </div>
+    <div v-else class="text-[11px] text-slate-500">
+      {{ t('inspector.serviceConnections.empty') }}
+    </div>
+
+    <div v-if="usedBy.length" class="space-y-1" data-testid="service-connections-used-by">
+      <span class="text-[11px] text-slate-400">{{ t('inspector.serviceConnections.usedBy') }}</span>
+      <div class="flex flex-wrap gap-1">
+        <UBadge v-for="f in usedBy" :key="f.id" size="sm" variant="soft" color="neutral">
+          {{ f.title || f.id }}
+        </UBadge>
+      </div>
+    </div>
+  </div>
+</template>

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

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted } from 'vue'
+import { connectionNeighborIds } from '@cat-factory/contracts'
 import type { Block } from '~/types/domain'
 import type { WritebackOverride } from '~/types/tracker'
 import { mergePresetOptionLabel, mergePresetThresholds } from '~/utils/mergePreset'
@@ -154,6 +155,33 @@ function setPipeline(id: string) {
   board.updateBlock(props.block.id, { pipelineId: id })
 }
 
+// ---- involved services ------------------------------------------------------
+// Which of the connected services are directly involved in this task (beyond its own
+// service, which is always implicit): each involved service is spun up as an ephemeral
+// environment alongside it, and the coding agent may change its repo too. Choices come
+// from the frame's connection NEIGHBORS (either direction). An id whose connection was
+// removed after selection is stale: badged, and dropped on the next toggle (the write
+// gate would reject it).
+const connectedServices = computed(() => {
+  const frame = taskFrame.value
+  if (!frame) return []
+  return [...connectionNeighborIds(board.blocks, frame.id)]
+    .map((id) => board.getBlock(id))
+    .filter((b): b is Block => !!b)
+})
+const involvedIds = computed(() => props.block.involvedServiceIds ?? [])
+const staleInvolvedServices = computed(() => {
+  const connected = new Set(connectedServices.value.map((b) => b.id))
+  return involvedIds.value.filter((id) => !connected.has(id))
+})
+function toggleInvolved(serviceId: string, on: boolean) {
+  const connected = new Set(connectedServices.value.map((b) => b.id))
+  const kept = involvedIds.value.filter((id) => id !== serviceId && connected.has(id))
+  board.updateBlock(props.block.id, {
+    involvedServiceIds: on ? [...kept, serviceId] : kept,
+  })
+}
+
 // ---- issue-tracker writeback overrides -------------------------------------
 // Per-task overrides for the two workspace writeback toggles (comment on PR open,
 // close linked issue on merge). null override ⇒ inherit the workspace default.
@@ -400,6 +428,44 @@ const technicalLabel = computed(() => {
       </div>
     </div>
 
+    <!-- involved services: connected services this task spans (envs + possible code changes) -->
+    <div data-testid="involved-services">
+      <div class="mb-1 flex items-center justify-between">
+        <span class="text-[11px] font-semibold uppercase tracking-wide text-slate-400">
+          {{ t('inspector.runSettings.involvedServices') }}
+        </span>
+      </div>
+      <div v-if="connectedServices.length" class="space-y-1">
+        <UCheckbox
+          v-for="s in connectedServices"
+          :key="s.id"
+          :model-value="involvedIds.includes(s.id)"
+          :label="s.title || s.id"
+          size="xs"
+          data-testid="involved-service-toggle"
+          @update:model-value="(v: boolean | 'indeterminate') => toggleInvolved(s.id, v === true)"
+        />
+      </div>
+      <div v-else class="text-[11px] text-slate-500">
+        {{ t('inspector.runSettings.involvedServicesEmpty') }}
+      </div>
+      <div v-if="staleInvolvedServices.length" class="mt-1 flex flex-wrap gap-1">
+        <UBadge
+          v-for="id in staleInvolvedServices"
+          :key="id"
+          size="sm"
+          variant="soft"
+          color="warning"
+          :title="t('inspector.runSettings.involvedServiceStale')"
+        >
+          {{ board.getBlock(id)?.title ?? id }}
+        </UBadge>
+      </div>
+      <div class="mt-1 text-[11px] text-slate-500">
+        {{ t('inspector.runSettings.involvedServicesHint') }}
+      </div>
+    </div>
+
     <!-- issue-tracker writeback overrides -->
     <div>
       <div class="mb-1 flex items-center justify-between">

package/app/types/domain.ts

@@ -33,6 +33,7 @@ export type {
   FrontendConfig,
   FrontendBackendBinding,
   FrontendBackendSource,
+  ServiceConnection,
   FrontendBranch,
   FrontendPackageManager,
   FrontendServeMode,

package/i18n/locales/en.json

@@ -546,6 +546,14 @@
         }
       }
     },
+    "serviceConnections": {
+      "title": "Service connections",
+      "hint": "The other services this one uses, e.g. a service that sends its emails. Connections draw edges on the board, and tasks can mark a connected service as directly involved.",
+      "descriptionPlaceholder": "How this service uses it, e.g. sends emails via it",
+      "remove": "Remove connection",
+      "empty": "No connections. Add one to link this service to another service it uses.",
+      "usedBy": "Used by"
+    },
     "releaseHealth": {
       "title": "Post-release health",
       "clear": "Clear",
@@ -769,7 +777,11 @@
       "responsibleProduct": "Responsible product",
       "responsibleEmpty": "Unassigned. Set a product owner to notify them when requirement review flags this task.",
       "autoStartDependents": "Auto-start dependents",
-      "autoStartHint": "When this task merges, automatically start the tasks that depend on it (once their other dependencies are also done)."
+      "autoStartHint": "When this task merges, automatically start the tasks that depend on it (once their other dependencies are also done).",
+      "involvedServices": "Involved services",
+      "involvedServicesHint": "Connected services directly involved in this task: each spins up as an ephemeral environment alongside this task's own service, and the coding agent may change their repositories too.",
+      "involvedServicesEmpty": "No connected services. Connect services on the service frame to select them here.",
+      "involvedServiceStale": "No longer connected to this task's service; it is dropped on the next change."
     }
   },
   "panels": {

package/i18n/locales/es.json

@@ -503,6 +503,14 @@
         }
       }
     },
+    "serviceConnections": {
+      "title": "Conexiones de servicios",
+      "hint": "Los otros servicios que este utiliza, p. ej. un servicio que envía sus correos. Las conexiones dibujan aristas en el tablero, y las tareas pueden marcar un servicio conectado como directamente involucrado.",
+      "descriptionPlaceholder": "Cómo lo usa este servicio, p. ej. envía correos a través de él",
+      "remove": "Eliminar conexión",
+      "empty": "Sin conexiones. Añade una para vincular este servicio con otro servicio que utiliza.",
+      "usedBy": "Usado por"
+    },
     "releaseHealth": {
       "title": "Salud posterior al lanzamiento",
       "clear": "Limpiar",
@@ -726,7 +734,11 @@
       "responsibleProduct": "Producto responsable",
       "responsibleEmpty": "Sin asignar. Define un responsable de producto para notificarle cuando la revisión de requisitos marque esta tarea.",
       "autoStartDependents": "Iniciar dependientes automáticamente",
-      "autoStartHint": "Cuando esta tarea se fusione, inicia automáticamente las tareas que dependen de ella (una vez que sus otras dependencias también estén completas)."
+      "autoStartHint": "Cuando esta tarea se fusione, inicia automáticamente las tareas que dependen de ella (una vez que sus otras dependencias también estén completas).",
+      "involvedServices": "Servicios involucrados",
+      "involvedServicesHint": "Servicios conectados directamente involucrados en esta tarea: cada uno se levanta como un entorno efímero junto al servicio propio de la tarea, y el agente de código puede modificar también sus repositorios.",
+      "involvedServicesEmpty": "No hay servicios conectados. Conecta servicios en el marco del servicio para seleccionarlos aquí.",
+      "involvedServiceStale": "Ya no está conectado al servicio de esta tarea; se eliminará con el próximo cambio."
     }
   },
   "panels": {

package/i18n/locales/fr.json

@@ -503,6 +503,14 @@
         }
       }
     },
+    "serviceConnections": {
+      "title": "Connexions de services",
+      "hint": "Les autres services que celui-ci utilise, p. ex. un service qui envoie ses e-mails. Les connexions tracent des liens sur le tableau, et les tâches peuvent marquer un service connecté comme directement impliqué.",
+      "descriptionPlaceholder": "Comment ce service l'utilise, p. ex. envoie des e-mails via lui",
+      "remove": "Supprimer la connexion",
+      "empty": "Aucune connexion. Ajoutez-en une pour relier ce service à un autre service qu'il utilise.",
+      "usedBy": "Utilisé par"
+    },
     "releaseHealth": {
       "title": "Santé post-déploiement",
       "clear": "Effacer",
@@ -726,7 +734,11 @@
       "responsibleProduct": "Produit responsable",
       "responsibleEmpty": "Non assigné. Définissez un responsable produit pour le notifier lorsque la revue d'exigences signale cette tâche.",
       "autoStartDependents": "Démarrer automatiquement les dépendants",
-      "autoStartHint": "Lorsque cette tâche est fusionnée, démarrer automatiquement les tâches qui en dépendent (une fois que leurs autres dépendances sont également terminées)."
+      "autoStartHint": "Lorsque cette tâche est fusionnée, démarrer automatiquement les tâches qui en dépendent (une fois que leurs autres dépendances sont également terminées).",
+      "involvedServices": "Services impliqués",
+      "involvedServicesHint": "Services connectés directement impliqués dans cette tâche : chacun démarre comme environnement éphémère aux côtés du service propre de la tâche, et l'agent de code peut aussi modifier leurs dépôts.",
+      "involvedServicesEmpty": "Aucun service connecté. Connectez des services sur le cadre du service pour les sélectionner ici.",
+      "involvedServiceStale": "N'est plus connecté au service de cette tâche ; il sera retiré au prochain changement."
     }
   },
   "panels": {

package/i18n/locales/he.json

@@ -503,6 +503,14 @@
         }
       }
     },
+    "serviceConnections": {
+      "title": "חיבורי שירותים",
+      "hint": "השירותים האחרים שהשירות הזה משתמש בהם, למשל שירות ששולח עבורו הודעות דואר. חיבורים מציירים קשתות על הלוח, ומשימות יכולות לסמן שירות מחובר כמעורב ישירות.",
+      "descriptionPlaceholder": "איך השירות הזה משתמש בו, למשל שולח דרכו הודעות דואר",
+      "remove": "הסר חיבור",
+      "empty": "אין חיבורים. הוסיפו אחד כדי לקשר שירות זה לשירות אחר שהוא משתמש בו.",
+      "usedBy": "בשימוש על ידי"
+    },
     "releaseHealth": {
       "title": "תקינות לאחר שחרור",
       "clear": "נקה",
@@ -726,7 +734,11 @@
       "responsibleProduct": "מוצר אחראי",
       "responsibleEmpty": "לא משויך. הגדר בעלים של מוצר כדי ליידע אותו כאשר סקירת הדרישות מסמנת משימה זו.",
       "autoStartDependents": "הפעלה אוטומטית של תלויות",
-      "autoStartHint": "כאשר משימה זו ממוזגת, הפעל אוטומטית את המשימות התלויות בה (לאחר שגם שאר התלויות שלהן הושלמו)."
+      "autoStartHint": "כאשר משימה זו ממוזגת, הפעל אוטומטית את המשימות התלויות בה (לאחר שגם שאר התלויות שלהן הושלמו).",
+      "involvedServices": "שירותים מעורבים",
+      "involvedServicesHint": "שירותים מחוברים המעורבים ישירות במשימה זו: כל אחד מהם מוקם כסביבה זמנית לצד השירות של המשימה, וסוכן הקוד עשוי לשנות גם את המאגרים שלהם.",
+      "involvedServicesEmpty": "אין שירותים מחוברים. חברו שירותים במסגרת השירות כדי לבחור אותם כאן.",
+      "involvedServiceStale": "כבר לא מחובר לשירות של משימה זו; הוא יוסר בשינוי הבא."
     }
   },
   "panels": {

package/i18n/locales/ja.json

@@ -503,6 +503,14 @@
         }
       }
     },
+    "serviceConnections": {
+      "title": "サービス接続",
+      "hint": "このサービスが利用する他のサービス（例: メール送信を担うサービス）。接続はボード上にエッジとして描画され、タスクは接続先サービスを直接関与としてマークできます。",
+      "descriptionPlaceholder": "このサービスの利用方法（例: これを介してメールを送信）",
+      "remove": "接続を削除",
+      "empty": "接続はありません。このサービスが利用する別のサービスとリンクするには追加してください。",
+      "usedBy": "利用元"
+    },
     "releaseHealth": {
       "title": "リリース後の健全性",
       "clear": "クリア",
@@ -726,7 +734,11 @@
       "responsibleProduct": "担当プロダクト",
       "responsibleEmpty": "未割り当て。要件レビューがこのタスクをフラグしたときに通知するため、プロダクトオーナーを設定してください。",
       "autoStartDependents": "依存タスクを自動開始",
-      "autoStartHint": "このタスクがマージされたら、それに依存するタスクを (他の依存関係も完了したら) 自動的に開始します。"
+      "autoStartHint": "このタスクがマージされたら、それに依存するタスクを (他の依存関係も完了したら) 自動的に開始します。",
+      "involvedServices": "関与するサービス",
+      "involvedServicesHint": "このタスクに直接関与する接続済みサービス。各サービスはタスク自身のサービスと並んで一時的な環境として起動され、コーディングエージェントがそのリポジトリを変更することもあります。",
+      "involvedServicesEmpty": "接続済みのサービスはありません。ここで選択するには、サービスフレームでサービスを接続してください。",
+      "involvedServiceStale": "このタスクのサービスとの接続が解除されています。次回の変更時に削除されます。"
     }
   },
   "panels": {

package/i18n/locales/pl.json

@@ -503,6 +503,14 @@
         }
       }
     },
+    "serviceConnections": {
+      "title": "Połączenia usług",
+      "hint": "Inne usługi, z których korzysta ta usługa, np. usługa wysyłająca za nią e-maile. Połączenia rysują krawędzie na tablicy, a zadania mogą oznaczyć połączoną usługę jako bezpośrednio zaangażowaną.",
+      "descriptionPlaceholder": "Jak ta usługa z niej korzysta, np. wysyła przez nią e-maile",
+      "remove": "Usuń połączenie",
+      "empty": "Brak połączeń. Dodaj połączenie, aby powiązać tę usługę z inną usługą, z której korzysta.",
+      "usedBy": "Używana przez"
+    },
     "releaseHealth": {
       "title": "Kondycja po wydaniu",
       "clear": "Wyczyść",
@@ -726,7 +734,11 @@
       "responsibleProduct": "Odpowiedzialny produkt",
       "responsibleEmpty": "Nieprzypisane. Ustaw właściciela produktu, aby powiadamiać go, gdy recenzja wymagań oznaczy to zadanie.",
       "autoStartDependents": "Automatycznie uruchamiaj zależne",
-      "autoStartHint": "Gdy to zadanie zostanie scalone, automatycznie uruchom zadania od niego zależne (gdy ich pozostałe zależności również będą gotowe)."
+      "autoStartHint": "Gdy to zadanie zostanie scalone, automatycznie uruchom zadania od niego zależne (gdy ich pozostałe zależności również będą gotowe).",
+      "involvedServices": "Zaangażowane usługi",
+      "involvedServicesHint": "Połączone usługi bezpośrednio zaangażowane w to zadanie: każda z nich uruchamiana jest jako środowisko tymczasowe obok własnej usługi zadania, a agent kodujący może też zmieniać ich repozytoria.",
+      "involvedServicesEmpty": "Brak połączonych usług. Połącz usługi na ramce usługi, aby móc je tutaj wybrać.",
+      "involvedServiceStale": "Nie jest już połączona z usługą tego zadania; zostanie usunięta przy następnej zmianie."
     }
   },
   "panels": {

package/i18n/locales/tr.json

@@ -503,6 +503,14 @@
         }
       }
     },
+    "serviceConnections": {
+      "title": "Servis bağlantıları",
+      "hint": "Bu servisin kullandığı diğer servisler, örn. e-postalarını gönderen bir servis. Bağlantılar panoda kenar olarak çizilir ve görevler bağlı bir servisi doğrudan dahil olarak işaretleyebilir.",
+      "descriptionPlaceholder": "Bu servis onu nasıl kullanıyor, örn. e-postaları onun üzerinden gönderir",
+      "remove": "Bağlantıyı kaldır",
+      "empty": "Bağlantı yok. Bu servisi kullandığı başka bir servise bağlamak için bir bağlantı ekleyin.",
+      "usedBy": "Kullananlar"
+    },
     "releaseHealth": {
       "title": "Sürüm sonrası sağlık",
       "clear": "Temizle",
@@ -726,7 +734,11 @@
       "responsibleProduct": "Sorumlu ürün",
       "responsibleEmpty": "Atanmamış. Gereksinim incelemesi bu görevi işaretlediğinde bildirim almak için bir ürün sahibi belirleyin.",
       "autoStartDependents": "Bağımlıları otomatik başlat",
-      "autoStartHint": "Bu görev birleştirildiğinde, ona bağlı görevleri otomatik olarak başlat (diğer bağımlılıkları da tamamlandığında)."
+      "autoStartHint": "Bu görev birleştirildiğinde, ona bağlı görevleri otomatik olarak başlat (diğer bağımlılıkları da tamamlandığında).",
+      "involvedServices": "Dahil olan servisler",
+      "involvedServicesHint": "Bu göreve doğrudan dahil olan bağlı servisler: her biri görevin kendi servisiyle birlikte geçici bir ortam olarak ayağa kaldırılır ve kodlama ajanı onların depolarında da değişiklik yapabilir.",
+      "involvedServicesEmpty": "Bağlı servis yok. Burada seçebilmek için servis çerçevesinde servisleri bağlayın.",
+      "involvedServiceStale": "Artık bu görevin servisine bağlı değil; bir sonraki değişiklikte kaldırılacak."
     }
   },
   "panels": {

package/i18n/locales/uk.json

@@ -503,6 +503,14 @@
         }
       }
     },
+    "serviceConnections": {
+      "title": "З'єднання сервісів",
+      "hint": "Інші сервіси, якими користується цей сервіс, напр. сервіс, що надсилає за нього листи. З'єднання малюються як ребра на дошці, а завдання можуть позначити з'єднаний сервіс як безпосередньо залучений.",
+      "descriptionPlaceholder": "Як цей сервіс ним користується, напр. надсилає через нього листи",
+      "remove": "Видалити з'єднання",
+      "empty": "З'єднань немає. Додайте з'єднання, щоб пов'язати цей сервіс з іншим сервісом, яким він користується.",
+      "usedBy": "Використовується"
+    },
     "releaseHealth": {
       "title": "Стан після релізу",
       "clear": "Очистити",
@@ -726,7 +734,11 @@
       "responsibleProduct": "Відповідальний продукт",
       "responsibleEmpty": "Не призначено. Призначте власника продукту, щоб сповіщати його, коли огляд вимог позначає це завдання.",
       "autoStartDependents": "Автозапуск залежних",
-      "autoStartHint": "Коли це завдання зливається, автоматично запускати завдання, що залежать від нього (щойно їхні інші залежності також виконано)."
+      "autoStartHint": "Коли це завдання зливається, автоматично запускати завдання, що залежать від нього (щойно їхні інші залежності також виконано).",
+      "involvedServices": "Залучені сервіси",
+      "involvedServicesHint": "З'єднані сервіси, безпосередньо залучені до цього завдання: кожен розгортається як тимчасове середовище поряд із власним сервісом завдання, і агент кодування може змінювати також їхні репозиторії.",
+      "involvedServicesEmpty": "Немає з'єднаних сервісів. З'єднайте сервіси на рамці сервісу, щоб вибрати їх тут.",
+      "involvedServiceStale": "Більше не з'єднаний із сервісом цього завдання; буде видалений під час наступної зміни."
     }
   },
   "panels": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.76.0",
+  "version": "0.77.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",
@@ -34,7 +34,7 @@
     "valibot": "^1.4.2",
     "vue": "^3.5.39",
     "wretch": "^3.0.9",
-    "@cat-factory/contracts": "0.82.0"
+    "@cat-factory/contracts": "0.83.0"
   },
   "devDependencies": {
     "@toad-contracts/testing": "0.3.2",