refactor

frontend/src/components/KanbanBoard.vue

@@ -1,6 +1,8 @@
 <script setup>
 // Gemeinsame Live-Board-Komponente (Blocks + Guide): Spalten mit Count-Badge und
 // Karten-Titeln. Spaltenkopf-Klick (wenn erlaubt) → stageClick für Reset-Aktionen.
+import { fmtRuntime } from '../format.js'
+
 const props = defineProps({
   columns: { type: Array, default: () => [] },   // [{key, board?, label, total, cards:[{title,status,info,retries?,rounds?,ziele?}]}]
   agents: { type: Array, default: () => [] },    // [{label, runtime}]
@@ -8,17 +10,8 @@ const props = defineProps({
   selectable: { type: Boolean, default: false }, // Spaltenkopf klickbar (Reset ab Spalte)
   cardSelectable: { type: Boolean, default: false }, // Karten klickbar (Einzel-Restart)
   selectedKey: { type: String, default: null },
-  hideEmpty: { type: Boolean, default: false },  // leere Spalten ausblenden (Terminal-Spalten)
 })
 const emit = defineEmits(['stageClick', 'cardClick'])
-
-function visible(c) {
-  return !props.hideEmpty || c.total > 0
-}
-
-function fmtRuntime(s) {
-  return s >= 60 ? `${Math.floor(s / 60)}m${String(Math.round(s % 60)).padStart(2, '0')}s` : `${Math.round(s)}s`
-}
 </script>
 
 <template>
@@ -29,7 +22,7 @@ function fmtRuntime(s) {
     </div>
     <div class="kb-cols">
       <div
-        v-for="c in columns.filter(visible)"
+        v-for="c in columns"
         :key="(c.board || '') + c.key"
         class="kb-col"
         :class="{ active: c.total > 0, sel: selectedKey === c.key, collapsed: !c.total }"