From 4473f6f07dc0342ee6bc6ad35133ff559473fefb Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 9 Aug 2025 11:27:15 +0200
Subject: [PATCH 01/10] refacto: extract the toolbox component

---
 src/modules/5s/BoardGameToolbox.vue  | 44 ++++++++++++++++++++
 src/modules/5s/BoardGameWorkshop.vue | 60 ++++++++++++++--------------
 src/modules/5s/board-game-store.ts   | 36 +++++++++++------
 src/modules/5s/types/5s.ts           |  6 +++
 src/utils.ts                         |  6 +--
 5 files changed, 106 insertions(+), 46 deletions(-)
 create mode 100644 src/modules/5s/BoardGameToolbox.vue
 create mode 100644 src/modules/5s/types/5s.ts

diff --git a/src/modules/5s/BoardGameToolbox.vue b/src/modules/5s/BoardGameToolbox.vue
new file mode 100644
index 0000000..0291f2b
--- /dev/null
+++ b/src/modules/5s/BoardGameToolbox.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { useBoardGameStore } from '@/modules/5s/board-game-store'
+import { computed } from 'vue'
+
+const boardGameStore = useBoardGameStore()
+const isSeitonActivated = computed(() =>
+  boardGameStore.sUsed.includes('seiton')
+)
+
+const rawTools = boardGameStore.tools
+  .map((t) => `${t.name} (${t.alias})`)
+  .join(', ')
+</script>
+
+<template>
+  <aside class="board-game-tools">
+    <h2>Tools</h2>
+    <div class="overflow-x-auto" v-if="isSeitonActivated">
+      <table class="table table-zebra">
+        <thead>
+          <tr>
+            <th>Tool</th>
+            <th>Alias</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="tool in boardGameStore.tools" :key="tool.alias">
+            <td>{{ tool.name }}</td>
+            <td>{{ tool.alias }}</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div v-else>
+      {{ rawTools }}
+    </div>
+  </aside>
+</template>
+
+<style scoped lang="scss">
+.board-game-tools {
+  flex: 1;
+}
+</style>
diff --git a/src/modules/5s/BoardGameWorkshop.vue b/src/modules/5s/BoardGameWorkshop.vue
index 762fc6e..4600a1c 100644
--- a/src/modules/5s/BoardGameWorkshop.vue
+++ b/src/modules/5s/BoardGameWorkshop.vue
@@ -1,52 +1,54 @@
 <script setup lang="ts">
 import { useBoardGameStore } from '@/modules/5s/board-game-store'
+import BoardGameToolbox from '@/modules/5s/Toolbox.vue'
+import { _5S, is5S } from '@/modules/5s/types/5s'
 import { toDuration } from '@/modules/5s/utils'
 import { ref, toValue } from 'vue'
 
 const userInput = ref('')
+const mode = ref<_5S | null>(null)
 const boardGameStore = useBoardGameStore()
 const duration = ref<string | null>(null)
 
 setInterval(() => {
-  duration.value = boardGameStore.start
+  duration.value = boardGameStore.meta.start
     ? toDuration(
-        new Date(boardGameStore.start),
-        boardGameStore.end ? new Date(boardGameStore.end) : new Date()
+        new Date(boardGameStore.meta.start),
+        boardGameStore.meta.end ? new Date(boardGameStore.meta.end) : new Date()
       )
     : null
 }, 1000)
 
 const submit = () => {
   const lastInput = toValue(userInput)
-
-  boardGameStore.craftWithTool(lastInput)
-
   userInput.value = ''
+
+  if (!lastInput.startsWith('/')) {
+    boardGameStore.craftWithTool(lastInput)
+    return
+  }
+
+  if (lastInput === '/') {
+    mode.value = null
+    return
+  }
+
+  const command = lastInput.split('/').pop()
+
+  if (!command) {
+    return
+  }
+
+  if (is5S(command)) {
+    boardGameStore.activateS(command)
+    return
+  }
 }
 </script>
 
 <template>
   <div class="board-game-workshop prose">
-    <aside>
-      <h2>Tools</h2>
-      <div class="overflow-x-auto">
-        <table class="table table-zebra">
-          <thead>
-            <tr>
-              <th>Tool</th>
-              <th>Alias</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr v-for="tool in boardGameStore.tools" :key="tool.alias">
-              <td>{{ tool.name }}</td>
-              <td>{{ tool.alias }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </aside>
-
+    <BoardGameToolbox />
     <div class="main">
       <h2>Workshop</h2>
       <button
@@ -138,17 +140,17 @@ const submit = () => {
 
     <aside
       class="performance"
-      v-if="duration !== null || boardGameStore.perfs.length > 0"
+      v-if="duration !== null || boardGameStore.meta.perfs.length > 0"
     >
       <h2>Performance</h2>
 
       <p>{{ duration }}</p>
 
-      <template v-if="boardGameStore.perfs.length > 0">
+      <template v-if="boardGameStore.meta.perfs.length > 0">
         <h3>Last performances</h3>
 
         <ul>
-          <li v-for="perf in boardGameStore.perfs">
+          <li v-for="perf in boardGameStore.meta.perfs">
             {{ toDuration(new Date(perf[0]), new Date(perf[1])) }}
           </li>
         </ul>
diff --git a/src/modules/5s/board-game-store.ts b/src/modules/5s/board-game-store.ts
index 07dc652..f1efaca 100644
--- a/src/modules/5s/board-game-store.ts
+++ b/src/modules/5s/board-game-store.ts
@@ -1,3 +1,4 @@
+import { _5S } from '@/modules/5s/types/5s'
 import { boardGames } from '@/modules/5s/types/board-games'
 import { tools } from '@/modules/5s/types/tools'
 import { BoardGame, Part, Task, Tool } from '@/modules/5s/types/workshop'
@@ -12,9 +13,12 @@ type State = {
   currentPartIndex: number | null
   currentTaskIndex: number | null
   usedTools: string[]
-  start: string | null
-  end: string | null
-  perfs: Array<[string, string]>
+  sUsed: _5S[]
+  meta: {
+    start: string | null
+    end: string | null
+    perfs: Array<[string, string]>
+  }
 }
 
 export const useBoardGameStore = defineStore('board-game', {
@@ -25,9 +29,12 @@ export const useBoardGameStore = defineStore('board-game', {
     currentPartIndex: null,
     currentTaskIndex: null,
     usedTools: [],
-    start: null,
-    end: null,
-    perfs: []
+    sUsed: [],
+    meta: {
+      start: null,
+      end: null,
+      perfs: []
+    }
   }),
   actions: {
     initGame() {
@@ -40,8 +47,8 @@ export const useBoardGameStore = defineStore('board-game', {
       this.currentBoardGameIndex = 0
       this.currentPartIndex = 0
       this.currentTaskIndex = 0
-      this.start = new Date().toISOString()
-      this.end = null
+      this.meta.start = new Date().toISOString()
+      this.meta.end = null
     },
     craftWithTool(alias: string) {
       if (!this.currentTask) {
@@ -67,7 +74,7 @@ export const useBoardGameStore = defineStore('board-game', {
     },
     increment() {
       if (
-        !this.start ||
+        !this.meta.start ||
         !this.currentTask ||
         !this.currentPart ||
         !this.currentBoardGame ||
@@ -99,11 +106,14 @@ export const useBoardGameStore = defineStore('board-game', {
       }
 
       // All board games complete
-      this.end = new Date().toISOString()
-      this.perfs = [...this.perfs, [this.start, this.end]]
+      this.meta.end = new Date().toISOString()
+      this.meta.perfs = [...this.meta.perfs, [this.meta.start, this.meta.end]]
       this.currentBoardGameIndex = null
       this.currentPartIndex = null
       this.currentTaskIndex = null
+    },
+    activateS(s: _5S) {
+      this.sUsed = [...this.sUsed, s]
     }
   },
   getters: {
@@ -141,11 +151,11 @@ export const useBoardGameStore = defineStore('board-game', {
       return this.currentPart.tasks[this.currentTaskIndex]
     },
     durationToComplete(): string | null {
-      if (!this.start || !this.end) {
+      if (!this.meta.start || !this.meta.end) {
         return null
       }
 
-      return toDuration(new Date(this.start), new Date(this.end))
+      return toDuration(new Date(this.meta.start), new Date(this.meta.end))
     }
   }
 })
diff --git a/src/modules/5s/types/5s.ts b/src/modules/5s/types/5s.ts
new file mode 100644
index 0000000..ea6f599
--- /dev/null
+++ b/src/modules/5s/types/5s.ts
@@ -0,0 +1,6 @@
+export type _5S = 'seiri' | 'seiton' | 'seiso' | 'seiketsu' | 'shitsuke'
+const all5S: _5S[] = ['seiri', 'seiton', 'seiso', 'seiketsu', 'shitsuke']
+
+export const is5S = (s: string): s is _5S => {
+  return all5S.includes(s as _5S)
+}
diff --git a/src/utils.ts b/src/utils.ts
index fad99d8..78a9187 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -11,10 +11,8 @@ export const randomFloat = (min: number, max: number) => {
 }
 
 export const randomAlias = () =>
-  Array.from({ length: 5 }, () =>
-    Math.random() < 0.9
-      ? String.fromCharCode(97 + Math.floor(Math.random() * 26))
-      : '-'
+  Array.from({ length: 4 }, () =>
+    String.fromCharCode(97 + Math.floor(Math.random() * 26))
   ).join('')
 
 export const getMean = (data: number[]) =>

From 505d25677c27ab009ec941be88f9548efecbb78b Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 12 Aug 2025 15:45:11 +0200
Subject: [PATCH 02/10] merge

---
 src/modules/5s/BoardGameWorkshop.vue | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/src/modules/5s/BoardGameWorkshop.vue b/src/modules/5s/BoardGameWorkshop.vue
index 97bef8c..211d2a7 100644
--- a/src/modules/5s/BoardGameWorkshop.vue
+++ b/src/modules/5s/BoardGameWorkshop.vue
@@ -1,25 +1,14 @@
 <script setup lang="ts">
 import { useBoardGameStore } from '@/modules/5s/board-game-store'
 import BoardGamePerformance from '@/modules/5s/BoardGamePerformance.vue'
-import BoardGameToolbox from '@/modules/5s/BoardGameToolbox.vue'
 import BoardGameToolbox from '@/modules/5s/Toolbox.vue'
 import { _5S, is5S } from '@/modules/5s/types/5s'
-import { _5S, is5S } from '@/modules/5s/types/5s'
 import { onMounted, ref, toValue } from 'vue'
 
 const userInput = ref('')
 const mode = ref<_5S | null>(null)
 const boardGameStore = useBoardGameStore()
-const duration = ref<string | null>(null)
 
-setInterval(() => {
-  duration.value = boardGameStore.meta.start
-    ? toDuration(
-        new Date(boardGameStore.meta.start),
-        boardGameStore.meta.end ? new Date(boardGameStore.meta.end) : new Date()
-      )
-    : null
-}, 1000)
 if (import.meta.env.DEV) {
   onMounted(() => {
     boardGameStore.initGame()

From e0e44c135f203cc52a5edeaaa80e446d946703b6 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 12 Aug 2025 16:02:12 +0200
Subject: [PATCH 03/10] prune: remove bird features & fix BoardGameToolbox
 import

---
 src/data/bird.ts                              | 202 ------------------
 src/modules/5s/BoardGameWorkshop.vue          |   2 +-
 .../pull-system/feature/feature-board.ts      |  11 +-
 .../pull-system/feature/feature-store.ts      |   4 +-
 .../pull-system/feature/feature.fixture.ts    |  19 --
 .../simulation/simulation-store.ts            |   2 +-
 6 files changed, 7 insertions(+), 233 deletions(-)
 delete mode 100644 src/data/bird.ts

diff --git a/src/data/bird.ts b/src/data/bird.ts
deleted file mode 100644
index 71dfae6..0000000
--- a/src/data/bird.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-export const birds = [
-  'Varied Thrush',
-  'Rock Dove',
-  'California Quail',
-  'Yellow-faced Grassquit',
-  'American Dipper',
-  'Tufted Puffin',
-  "Le Conte's Thrasher",
-  "Cassin's Vireo",
-  'Buff-bellied Hummingbird',
-  'Red Crossbill',
-  'Little Ringed Plover',
-  'American Avocet',
-  'Little Curlew',
-  'Tree Swallow',
-  'Three-toed Woodpecker',
-  'Bahama Mockingbird',
-  'Wandering Albatross',
-  'Hepatic Tanager',
-  'Ashy Storm-Petrel',
-  'Hoary Redpoll',
-  'Lazuli Bunting',
-  'Common House-Martin',
-  'Varied Bunting',
-  'Pygmy Nuthatch',
-  'American Coot',
-  'Shiny Cowbird',
-  'Rufous-capped Warbler',
-  'Eastern Wood-Pewee',
-  'Common Snipe',
-  'Northern Pygmy-Owl',
-  'Wood Stork',
-  'Gray-spotted Flycatcher',
-  'Bahama Woodstar',
-  'Black-backed Wagtail',
-  'Bean Goose',
-  'Buff-breasted Sandpiper',
-  'Northern Shoveler',
-  'Cinnamon Teal',
-  'Ruffed Grouse',
-  'Orchard Oriole',
-  'Black-footed Albatross',
-  'Mottled Duck',
-  'Red-headed Woodpecker',
-  'Double-crested Cormorant',
-  'Little Gull',
-  'Rufous Hummingbird',
-  'American Tree Sparrow',
-  'Black Swift',
-  'Fish Crow',
-  'Yellow-nosed Albatross',
-  'Ruddy Ground-Dove',
-  'White-winged Scoter',
-  'Black-capped Vireo',
-  'Chestnut-sided Warbler',
-  'Turkey Vulture',
-  'Mississippi Kite',
-  'Sage Thrasher',
-  'Whiskered Screech-Owl',
-  'Yucatan Vireo',
-  'Mountain Chickadee',
-  "Lewis's Woodpecker",
-  'Passenger Pigeon',
-  "Sabine's Gull",
-  'Black-billed Magpie',
-  'Florida Scrub-Jay',
-  'Plumbeous Vireo',
-  'Hoary Redpoll',
-  'Dusky Warbler',
-  "Couch's Kingbird",
-  'Double-striped Thick-knee',
-  'Canvasback',
-  'Warbling Vireo',
-  'Western Scrub-Jay',
-  'Green-winged Teal',
-  'Spot-breasted Oriole',
-  'American Bittern',
-  'White-winged Dove',
-  'Fieldfare',
-  'Barn Swallow',
-  'Golden-crowned Kinglet',
-  'Alder Flycatcher',
-  'Spotted Rail',
-  'Great Egret',
-  'Peregrine Falcon',
-  'Pacific-slope Flycatcher',
-  'Far Eastern Curlew',
-  'Whiskered Auklet',
-  'Yellow-billed Magpie',
-  'Eurasian Woodcock',
-  'Hepatic Tanager',
-  'Buff-bellied Hummingbird',
-  'Indigo Bunting',
-  "Gambel's Quail",
-  'Northern Waterthrush',
-  'Eurasian Wryneck',
-  "Audubon's Oriole",
-  'Gilded Flicker',
-  'Red-tailed Hawk',
-  'Zenaida Dove',
-  'Common Black-Hawk',
-  'Swamp Sparrow',
-  'Bahama Swallow',
-  'Jack Snipe',
-  "Le Conte's Thrasher",
-  'House Wren',
-  'Osprey',
-  'Savannah Sparrow',
-  'Eurasian Wigeon',
-  'Mexican Jay',
-  'Yellow Wagtail',
-  'Green Sandpiper',
-  'Greater Shearwater',
-  'Black-legged Kittiwake',
-  'Elegant Tern',
-  'Tufted Duck',
-  'Gray-headed Chickadee',
-  'Spotted Sandpiper',
-  'Barn Swallow',
-  'Bank Swallow',
-  'Scarlet Ibis',
-  'Spotted Redshank',
-  'Lark Bunting',
-  'American Golden-Plover',
-  'House Sparrow',
-  'Laysan Albatross',
-  'Whooper Swan',
-  'Marbled Murrelet',
-  "Townsend's Solitaire",
-  'Flesh-footed Shearwater',
-  'European Storm-Petrel',
-  'Manx Shearwater',
-  'Fieldfare',
-  'Least Bittern',
-  'Eskimo Curlew',
-  'Buff-collared Nightjar',
-  'White-breasted Nuthatch',
-  'Lanceolated Warbler',
-  'Bridled Tern',
-  'Yellow Wagtail',
-  'Jack Snipe',
-  'Western Tanager',
-  'Common Goldeneye',
-  'Greater Scaup',
-  'Belted Kingfisher',
-  'Rustic Bunting',
-  'Olive-sided Flycatcher',
-  'Bahama Mockingbird',
-  'White-tailed Ptarmigan',
-  'Lesser Scaup',
-  'Common Murre',
-  'Siberian Rubythroat',
-  'Siberian Rubythroat',
-  'Eared Trogon',
-  'Swallow-tailed Kite',
-  'Sulphur-bellied Flycatcher',
-  'Bohemian Waxwing',
-  'Common Sandpiper',
-  'Altamira Oriole',
-  'Mountain Plover',
-  'Common Ground-Dove',
-  'Great Gray Owl',
-  'Common Tern',
-  'Great Black-backed Gull',
-  'Horned Lark',
-  'Tricolored Heron',
-  'California Towhee',
-  'Fulvous Whistling-Duck',
-  'Hoary Redpoll',
-  'Plumbeous Vireo',
-  'Caribbean Elaenia',
-  'Purple Martin',
-  'American Crow',
-  'Key West Quail-Dove',
-  'Jungle Nightjar',
-  'Common Redpoll',
-  'Dusky Warbler',
-  'Neotropic Cormorant',
-  'Chestnut-backed Chickadee',
-  'Black Catbird',
-  'Redhead',
-  'American Tree Sparrow',
-  "Le Conte's Sparrow",
-  'Neotropic Cormorant',
-  'Wood Duck',
-  'Plumbeous Vireo',
-  'Bahama Mockingbird',
-  'Greater White-fronted Goose',
-  'Elegant Trogon',
-  'Jack Snipe',
-  'American Black Duck',
-  'Killdeer',
-  'Brown Jay',
-  'Pine Warbler',
-  'Nashville Warbler',
-  'Winter Wren',
-  'Blue Jay',
-  'Snowy Egret',
-  'Gray Bunting',
-  "Steller's Jay",
-  'Wood Warbler'
-]
diff --git a/src/modules/5s/BoardGameWorkshop.vue b/src/modules/5s/BoardGameWorkshop.vue
index 211d2a7..46f9092 100644
--- a/src/modules/5s/BoardGameWorkshop.vue
+++ b/src/modules/5s/BoardGameWorkshop.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useBoardGameStore } from '@/modules/5s/board-game-store'
 import BoardGamePerformance from '@/modules/5s/BoardGamePerformance.vue'
-import BoardGameToolbox from '@/modules/5s/Toolbox.vue'
+import BoardGameToolbox from '@/modules/5s/BoardGameToolbox.vue'
 import { _5S, is5S } from '@/modules/5s/types/5s'
 import { onMounted, ref, toValue } from 'vue'
 
diff --git a/src/modules/pull-system/feature/feature-board.ts b/src/modules/pull-system/feature/feature-board.ts
index 7d3e238..c24ca9f 100644
--- a/src/modules/pull-system/feature/feature-board.ts
+++ b/src/modules/pull-system/feature/feature-board.ts
@@ -1,13 +1,9 @@
-import { newsAppFeatures } from '@/data/app-feature'
 import type {
   Feature,
   FeatureStatus
 } from '@/modules/pull-system/feature/feature'
 import type { FeatureStep } from '@/modules/pull-system/feature/feature-steps'
-import {
-  birdFeatures,
-  mobileAppFeatures
-} from '@/modules/pull-system/feature/feature.fixture'
+import { mobileAppFeatures } from '@/modules/pull-system/feature/feature.fixture'
 import type { Strategy } from '@/modules/pull-system/lean/strategy'
 import type { FeatureState } from '@/store-type'
 import {
@@ -74,9 +70,8 @@ const mayBeInProgress = ({
   return feature.status
 }
 
-export const newBacklog = (type: 'bird' | 'mobile-app', limit?: number) => {
-  const initialFeatures =
-    type === 'bird' ? [...birdFeatures] : [...mobileAppFeatures]
+export const newBacklog = (limit?: number) => {
+  const initialFeatures = [...mobileAppFeatures]
   return limit !== undefined
     ? popNElement(shuffleArray(initialFeatures), limit)
     : shuffleArray(initialFeatures)
diff --git a/src/modules/pull-system/feature/feature-store.ts b/src/modules/pull-system/feature/feature-store.ts
index 6f7d9a0..da02529 100644
--- a/src/modules/pull-system/feature/feature-store.ts
+++ b/src/modules/pull-system/feature/feature-store.ts
@@ -34,8 +34,8 @@ export const useFeatureStore = defineStore('feature', {
     meta: resetMeta()
   }),
   actions: {
-    async initBoard(type: 'bird' | 'mobile-app', limit?: number) {
-      this.backlog = newBacklog(type, limit)
+    async initBoard(limit?: number) {
+      this.backlog = newBacklog(limit)
       this.steps = featureSteps
       const initialSteps = featureSteps.filter(
         (step) => step.title !== 'Release' && step.title !== 'Development'
diff --git a/src/modules/pull-system/feature/feature.fixture.ts b/src/modules/pull-system/feature/feature.fixture.ts
index e96cc6a..6927d04 100644
--- a/src/modules/pull-system/feature/feature.fixture.ts
+++ b/src/modules/pull-system/feature/feature.fixture.ts
@@ -1,26 +1,7 @@
 import { newsAppFeatures } from '@/data/app-feature'
-import { birds } from '@/data/bird'
 import { Feature } from '@/modules/pull-system/feature/feature'
 import { randomInteger } from '@/utils'
 
-export const features: Feature[] = birds.map((name) => ({
-  name,
-  complexity: randomInteger(1, 5),
-  leadTime: 0,
-  status: 'doing',
-  step: Infinity,
-  qualityIssue: 0
-}))
-
-export const birdFeatures: readonly Feature[] = birds.map((name) => ({
-  name,
-  complexity: randomInteger(1, 5),
-  leadTime: 0,
-  status: 'doing',
-  step: Infinity,
-  qualityIssue: 0
-}))
-
 export const mobileAppFeatures: readonly Feature[] = newsAppFeatures.map(
   (name) => ({
     name,
diff --git a/src/modules/pull-system/simulation/simulation-store.ts b/src/modules/pull-system/simulation/simulation-store.ts
index 1f43081..6774262 100644
--- a/src/modules/pull-system/simulation/simulation-store.ts
+++ b/src/modules/pull-system/simulation/simulation-store.ts
@@ -70,7 +70,7 @@ export const useSimulationStore = defineStore('dashboard', {
   actions: {
     async simulate(strategy: Strategy) {
       const steps = featureSteps
-      const backlog = await instance.newBacklog('mobile-app')
+      const backlog = await instance.newBacklog()
       const features = await instance.initBoard(steps, backlog, true)
 
       const newState = await instance.simulate(

From 13bd1cb78873714cbc6db548d5bf62d9d40da015 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 12 Aug 2025 16:05:18 +0200
Subject: [PATCH 04/10] chore: remove vue declaration

---
 src/shims-vue.d.ts | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
index 92e0aae..b5a794f 100644
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -1,6 +1 @@
-declare module '*.vue' {
-  import { defineComponent } from 'vue'
-  const component: ReturnType<typeof defineComponent>
-  export default component
-}
 declare module 'chart.xkcd'

From 813ffd6991d95f69018d5053f487aa0a90910c4d Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Wed, 13 Aug 2025 14:26:00 +0200
Subject: [PATCH 05/10] fix: init board

---
 src/modules/5s/BoardGamePerformance.vue          | 1 -
 src/modules/pull-system/feature/FeatureSteps.vue | 2 +-
 src/modules/pull-system/feature/FlowControls.vue | 2 +-
 src/modules/pull-system/feature/feature-board.ts | 7 ++++---
 src/modules/pull-system/feature/feature-store.ts | 1 +
 5 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/modules/5s/BoardGamePerformance.vue b/src/modules/5s/BoardGamePerformance.vue
index 0c72ef3..45a14d0 100644
--- a/src/modules/5s/BoardGamePerformance.vue
+++ b/src/modules/5s/BoardGamePerformance.vue
@@ -3,7 +3,6 @@ import { Chart as ChartJS, registerables } from 'chart.js'
 import { useBoardGameStore } from '@/modules/5s/board-game-store'
 import { toDuration, toSeconds } from '@/modules/5s/utils'
 import { getNatural } from '@/utils'
-import { _ } from '@faker-js/faker/dist/airline-D6ksJFwG'
 import { computed, ref } from 'vue'
 import { Bar } from 'vue-chartjs'
 
diff --git a/src/modules/pull-system/feature/FeatureSteps.vue b/src/modules/pull-system/feature/FeatureSteps.vue
index a6c2d7f..506eb6b 100644
--- a/src/modules/pull-system/feature/FeatureSteps.vue
+++ b/src/modules/pull-system/feature/FeatureSteps.vue
@@ -10,7 +10,7 @@ defineProps<{ alias: string }>()
 
 const featureStore = useFeatureStore()
 
-onMounted(() => featureStore.initBoard('mobile-app', NUMBER_OF_FEATURES))
+onMounted(() => featureStore.initBoard(NUMBER_OF_FEATURES))
 </script>
 
 <template>
diff --git a/src/modules/pull-system/feature/FlowControls.vue b/src/modules/pull-system/feature/FlowControls.vue
index 1fc5c46..dfaa9e1 100644
--- a/src/modules/pull-system/feature/FlowControls.vue
+++ b/src/modules/pull-system/feature/FlowControls.vue
@@ -13,7 +13,7 @@ const featureStore = useFeatureStore()
 
 const confirmReset = () => {
   if (confirm('Are you sure you want to reset the board?')) {
-    featureStore.initBoard('mobile-app', NUMBER_OF_FEATURES)
+    featureStore.initBoard(NUMBER_OF_FEATURES)
   }
 }
 </script>
diff --git a/src/modules/pull-system/feature/feature-board.ts b/src/modules/pull-system/feature/feature-board.ts
index c24ca9f..e51bfb4 100644
--- a/src/modules/pull-system/feature/feature-board.ts
+++ b/src/modules/pull-system/feature/feature-board.ts
@@ -72,6 +72,7 @@ const mayBeInProgress = ({
 
 export const newBacklog = (limit?: number) => {
   const initialFeatures = [...mobileAppFeatures]
+
   return limit !== undefined
     ? popNElement(shuffleArray(initialFeatures), limit)
     : shuffleArray(initialFeatures)
@@ -249,8 +250,8 @@ export const nextDay = (
   strategy: Strategy | 'problem-solving'
 ): FeatureState => {
   state.meta.totalDays++
-  // // each day, the teams know how to better work together
-  // state.meta.teamWorkExperience += 0.1
+  // each day, the teams know how to better work together
+  // state.meta.teamWorkExperience += 0.1 // Removed with a simplified version of pull system without the problem-solving strategy
 
   if (strategy === 'problem-solving') {
     const hasTeamLearned = randomFloat(0, 1) > 0.25
@@ -301,7 +302,7 @@ export const simulate = (
 ): FeatureState => {
   let i = 0
 
-  while (!isProjectFinished(state.features) && i++ < HARD_STOP) {
+  while (i++ < HARD_STOP && !isProjectFinished(state.features)) {
     if (strategy.includes('dps')) {
       if (state.meta.totalDays % 5 === 0) {
         state = nextDay(state, 'problem-solving')
diff --git a/src/modules/pull-system/feature/feature-store.ts b/src/modules/pull-system/feature/feature-store.ts
index da02529..af35270 100644
--- a/src/modules/pull-system/feature/feature-store.ts
+++ b/src/modules/pull-system/feature/feature-store.ts
@@ -37,6 +37,7 @@ export const useFeatureStore = defineStore('feature', {
     async initBoard(limit?: number) {
       this.backlog = newBacklog(limit)
       this.steps = featureSteps
+
       const initialSteps = featureSteps.filter(
         (step) => step.title !== 'Release' && step.title !== 'Development'
       )

From fe8813d245591ee5e65fdb1a09bed1041763f3d1 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Mon, 15 Dec 2025 10:55:09 +0100
Subject: [PATCH 06/10] fix: lead time always at the end

---
 src/modules/pull-system/feature/FeatureItem.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/modules/pull-system/feature/FeatureItem.vue b/src/modules/pull-system/feature/FeatureItem.vue
index d39c320..222c74d 100644
--- a/src/modules/pull-system/feature/FeatureItem.vue
+++ b/src/modules/pull-system/feature/FeatureItem.vue
@@ -12,7 +12,7 @@ const hasQualityIssues = computed(() => props.feature.qualityIssue > 0)
 
 <template>
   <div class="feature-item bin" :class="{ live: isLive }">
-    <div>
+    <div class="feature-name">
       <!--  [complexity]
       <span class="numeric">({{ feature.complexity }})</span> -->
       {{ feature.name }}
@@ -37,11 +37,15 @@ const hasQualityIssues = computed(() => props.feature.qualityIssue > 0)
   display: flex;
   flex-direction: row;
   gap: 1rem;
-  justify-content: space-around;
+  justify-content: space-between;
 
   &.live {
     visibility: hidden;
     opacity: 0;
   }
+
+  .feature-name {
+    flex: 1;
+  }
 }
 </style>

From fe15f2044078b495c38ffa7559680b9980511df9 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Mon, 15 Dec 2025 10:55:31 +0100
Subject: [PATCH 07/10] article: ok, just less dramatic

---
 src/modules/pull-system/PullSystemArticle.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/pull-system/PullSystemArticle.vue b/src/modules/pull-system/PullSystemArticle.vue
index ddb3ee8..2d82198 100644
--- a/src/modules/pull-system/PullSystemArticle.vue
+++ b/src/modules/pull-system/PullSystemArticle.vue
@@ -238,7 +238,7 @@ const createdAt = new Date('2025-01-08').toLocaleDateString(undefined, {
         Now we’re pretty confident! As quality issues increase in the
         <PushSystemIcon /> push system, defects and corrections accumulate,
         leading to <span class="numeric">{{ meanLeadTimeDelta }}</span> days of
-        delay<template v-if="meanLeadTimeDeltaFloat > 12">!!</template
+        delay<template v-if="meanLeadTimeDeltaFloat > 12">!</template
         ><template v-else>.</template>
       </p>
       <p v-else class="waiting-simulations">

From 0bbbe676d53d05c1931412a9a6f16efb65e5792f Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Mon, 15 Dec 2025 18:01:31 +0100
Subject: [PATCH 08/10] feat: mean lead time at the end

---
 .../pull-system/simulation/SimulationDashboard.vue   | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/modules/pull-system/simulation/SimulationDashboard.vue b/src/modules/pull-system/simulation/SimulationDashboard.vue
index 6a08f59..55e4b25 100644
--- a/src/modules/pull-system/simulation/SimulationDashboard.vue
+++ b/src/modules/pull-system/simulation/SimulationDashboard.vue
@@ -45,12 +45,6 @@ const strategies: Strategy[] = ['push', 'pull']
             {{ simulationStore.meanTotalDays(strategy) }}
           </td>
         </tr>
-        <tr>
-          <td>Mean lead time</td>
-          <td class="numeric" v-for="strategy in strategies" :key="strategy">
-            {{ simulationStore.meanLeadTime(strategy) }}
-          </td>
-        </tr>
         <tr>
           <td>Min lead time</td>
           <td class="numeric" v-for="strategy in strategies" :key="strategy">
@@ -71,6 +65,12 @@ const strategies: Strategy[] = ['push', 'pull']
             }}
           </td>
         </tr>
+        <tr>
+          <td>Mean lead time</td>
+          <td class="numeric" v-for="strategy in strategies" :key="strategy">
+            {{ simulationStore.meanLeadTime(strategy) }}
+          </td>
+        </tr>
         <!-- <tr>
           <td>Cycle time</td>
           <td class="numeric" v-for="strategy in strategies" :key="strategy">

From 84d61038be2a11d39d56da14a8957af3284423ef Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 16 Dec 2025 15:06:10 +0100
Subject: [PATCH 09/10] feat: antialiased

---
 core.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/core.css b/core.css
index 7a76556..33d44ee 100644
--- a/core.css
+++ b/core.css
@@ -9,6 +9,11 @@
   --gap: 1rem;
 }
 
+* {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
 *:not(td):not(th) {
   border-radius: 0.3rem;
 }

From 089f477f0e09b906dfd95d15c10db8c872d1def2 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Mon, 29 Dec 2025 20:37:50 +0100
Subject: [PATCH 10/10] use takt time instead

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 0c76b08..35f962d 100644
--- a/index.html
+++ b/index.html
@@ -42,7 +42,7 @@
         <section class="just-in-time-pilar">
           <h3 class="just-in-time focusable">Just-in-time</h3>
           <ul>
-            <li class="takt focusable">Takt</li>
+            <li class="takt-time takt focusable">Takt time</li>
             <li class="one-piece-flow focusable">One piece flow</li>
             <li class="pull-system focusable">
               <a href="/pull-system">Pull system</a>