feat: wip

src/AppHeijunka.vue

@@ -238,7 +238,7 @@ const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
       <span v-if="heijunkaStore.meta.currentHour > 0">
         day: {{ heijunkaStore.currentDay }} | current hour:
         {{ heijunkaStore.meta.currentHour }} hours | cash flow:
-        {{ heijunkaStore.cashFlow }}
+        {{ heijunkaStore.cashFlow }}€
       </span>
     </div>
 
@@ -248,8 +248,6 @@ const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
       Orders made: {{ heijunkaStore.orders.length }}
     </section>
 
-    <HeijunkaStat />
-
     <section class="shop">
       <div class="inventory">
         <h2>Inventory</h2>
@@ -300,9 +298,12 @@ const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
 
             <OrderItem />
 
-            <span class="numeric">
+            <ShirtItem v-show="order.product === 'shirt'" />
-              {{ order.product }} {{ order.leadTime }}
+            <JeanItem v-show="order.product === 'jeans'" />
-            </span>
+            <ShoeItem v-show="order.product === 'shoes'" />
+            <HatItem v-show="order.product === 'hat'" />
+
+            <span class="numeric">{{ order.leadTime }}</span>
           </li>
         </ol>
       </div>
@@ -314,6 +315,8 @@ const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
       Orders made: {{ heijunkaStore.orders.length }}
     </section>
 
+    <HeijunkaStat />
+
     <p>
       The longer the lead time is, the longer it takes to have return on
       investment. You already paid for the raw material, the workforce, the
@@ -404,6 +407,14 @@ li {
   }
 }
 
+.orders {
+  ol {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+  }
+}
+
 button {
   display: flex;
   align-items: center;

src/modules/heijkunka/HeijunkaStat.vue

@@ -22,10 +22,10 @@ const renderChart = () => {
 
   const config = {
     title: `Orders made`,
-    xLabel: 'Products',
+    xLabel: 'Products (ordered | made)',
     yLabel: '# of orders',
     data: {
-      labels: products.map((p) => [`${p} ordered`, `${p} made`]).flat(),
+      labels: products.map((p) => [`${p} o`, `${p}`]).flat(),
       datasets: [
         {
           data: products

src/modules/heijkunka/heijunka-store.ts

@@ -142,8 +142,8 @@ export const useHeijunkaStore = defineStore('heijunka', {
       Math.ceil(state.meta.currentHour / NUMBER_OF_HOURS_PER_DAY),
     cashFlow: (state) =>
       INITIAL_CASH_FLOW -
-      state.meta.currentHour * 3 +
+      state.meta.currentHour * 1 +
-      state.orders.filter((o) => o.status === 'received').length * 4,
+      state.orders.filter((o) => o.status === 'received').length * 2,
     remainingInventory: (state): Inventory => ({
       shirt: Math.max(
         state.inventory.shirt -