From 8392e2fa2982e305be87ac097bd498378c3ca4f3 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 28 Mar 2026 14:40:15 +0100
Subject: [PATCH 01/17] refactor(app): refreshed app's look&feel, improved
 responsiveness, viewport width and elements' alignment

---
 src/components/app/Footer.vue                 |  20 +-
 src/components/app/MainContainer.vue          |  14 +-
 src/components/sections/TabsSection.vue       |  42 ++--
 src/components/sections/TrainImageSection.vue |  35 +---
 src/components/tabs/NumberGeneratorTab.vue    |  11 +-
 src/components/tabs/StockGeneratorTab.vue     | 166 +++++++--------
 src/components/tabs/StockListTab.vue          |  31 +--
 src/components/tabs/StorageTab.vue            |  17 +-
 src/components/tabs/WikiListTab.vue           | 189 +++++++++---------
 src/components/tabs/stock-list/StockList.vue  |  20 +-
 src/styles/_global.scss                       |   2 +-
 src/styles/_tab.scss                          |   2 -
 src/views/AppContainerView.vue                |  23 ++-
 13 files changed, 288 insertions(+), 284 deletions(-)

diff --git a/src/components/app/Footer.vue b/src/components/app/Footer.vue
index c3c5780..7d5d1ed 100644
--- a/src/components/app/Footer.vue
+++ b/src/components/app/Footer.vue
@@ -1,12 +1,10 @@
 <template>
   <footer>
-    <i18n-t keypath="footer.disclaimer" tag="div" class="text--grayed">
-      <template #tos>
-        <a style="color: #ccc" :href="$t('footer.tos-href')" target="_blank">
-          {{ $t('footer.tos') }}
-        </a>
-      </template>
-    </i18n-t>
+    <div>
+      &copy;
+      <a href="https://td2.info.pl/profile/?u=20777" target="_blank">Spythere</a>
+      {{ new Date().getUTCFullYear() }} | v{{ VERSION }}{{ !isOnProductionHost ? 'dev' : '' }}
+    </div>
 
     <div class="text--grayed" v-if="store.vehiclesData">
       {{
@@ -17,12 +15,6 @@
         })
       }}
     </div>
-
-    <div>
-      &copy;
-      <a href="https://td2.info.pl/profile/?u=20777" target="_blank">Spythere</a>
-      {{ new Date().getUTCFullYear() }} | v{{ VERSION }}{{ !isOnProductionHost ? 'dev' : '' }}
-    </div>
   </footer>
 </template>
 
@@ -66,6 +58,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 footer {
   text-align: center;
-  padding: 1em 1em 0 1em;
+  padding-bottom: 0.5em;
 }
 </style>
diff --git a/src/components/app/MainContainer.vue b/src/components/app/MainContainer.vue
index 3a924e1..5758bc7 100644
--- a/src/components/app/MainContainer.vue
+++ b/src/components/app/MainContainer.vue
@@ -26,17 +26,14 @@ main {
   display: grid;
   gap: 1em;
 
-  width: 100%;
-  max-width: 1350px;
+  width: 100vw;
+  max-width: 1600px;
 
-  grid-template-columns: 1fr 2fr;
-  grid-template-rows: auto 360px minmax(300px, 1fr);
+  grid-template-columns: minmax(380px, 1fr) 3fr;
+  grid-template-rows: auto 350px minmax(300px, 1fr);
 
-  background-color: var(--bgColorDarker);
   border-radius: 1em;
-
-  min-height: 950px;
-
+  overflow: hidden;
   padding: 1em;
 }
 
@@ -45,6 +42,7 @@ main {
     display: flex;
     flex-direction: column;
     gap: 1em;
+    height: auto;
   }
 }
 </style>
diff --git a/src/components/sections/TabsSection.vue b/src/components/sections/TabsSection.vue
index 7b8166e..bc1e84d 100644
--- a/src/components/sections/TabsSection.vue
+++ b/src/components/sections/TabsSection.vue
@@ -1,17 +1,9 @@
 <template>
   <section class="tabs-section">
     <div class="tabs-modes">
-      <router-link
-        v-for="(route, i) in routes"
-        :key="route.name"
-        class="link-btn"
-        :to="route.href"
-        :style="{ 'grid-area': route.name }"
-      >
+      <router-link v-for="(route, i) in routes" :key="route.name" class="link-btn" :to="route.href" :style="{ 'grid-area': route.name }">
         <span class="text--accent">{{ i + 1 }}.</span> {{ $t(`topbar.${route.name}`) }}
-        <span class="text--grayed" v-if="route.name == 'stock'"
-          >({{ store.stockList.length }})</span
-        >
+        <span class="text--grayed" v-if="route.name == 'stock'">({{ store.stockList.length }})</span>
       </router-link>
     </div>
 
@@ -68,7 +60,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @use '@/styles/responsive';
 
 // Tab change animation
@@ -86,6 +78,10 @@ onMounted(() => {
 
 // Section styles
 .tabs-section {
+  display: grid;
+  grid-template-rows: auto 1fr;
+  gap: 1em;
+
   grid-row: 1 / 4;
   grid-column: 2;
 
@@ -95,16 +91,18 @@ onMounted(() => {
 
 .tabs-modes {
   display: grid;
-  grid-template-areas:
-    'stock stock wiki wiki storage storage'
-    'numgen numgen numgen stockgen stockgen stockgen';
-  grid-template-columns: repeat(6, 1fr);
-  // grid-template-rows: 1fr 1fr;
-  padding: 1px;
-
   gap: 0.5em;
+  grid-template-areas: 'stock wiki storage numgen stockgen';
 
-  margin-bottom: 1em;
+  padding: 1px;
+}
+
+@media only screen and (max-width: 1200px) {
+  .tabs-modes {
+    grid-template-areas:
+      'stock stock wiki wiki storage storage'
+      'numgen numgen numgen stockgen stockgen stockgen';
+  }
 }
 
 @include responsive.smallScreen {
@@ -116,4 +114,10 @@ onMounted(() => {
     grid-template-columns: repeat(2, 1fr);
   }
 }
+
+@include responsive.midScreen {
+  .tabs-section {
+    min-height: 100vh;
+  }
+}
 </style>
diff --git a/src/components/sections/TrainImageSection.vue b/src/components/sections/TrainImageSection.vue
index fab5856..879f156 100644
--- a/src/components/sections/TrainImageSection.vue
+++ b/src/components/sections/TrainImageSection.vue
@@ -5,10 +5,7 @@
         <img
           :src="getThumbnailURL(store.chosenVehicle.type, 'small')"
           :data-preview-available="isDataPreviewAvailable"
-          :data-sponsor-only="
-            store.chosenVehicle.sponsorOnlyTimestamp &&
-            store.chosenVehicle.sponsorOnlyTimestamp > Date.now()
-          "
+          :data-sponsor-only="store.chosenVehicle.sponsorOnlyTimestamp && store.chosenVehicle.sponsorOnlyTimestamp > Date.now()"
           :data-team-only="store.chosenVehicle.teamOnly"
           @click="onImageClick"
           @keydown.enter="onImageClick"
@@ -21,23 +18,15 @@
       <div class="image-info">
         <b class="text--accent">{{ store.chosenVehicle.type }}</b> &bull;
         <b style="color: #ccc">
-          {{
-            $t(
-              `preview.${isTractionUnit(store.chosenVehicle) ? store.chosenVehicle.group : store.chosenVehicle.group}`
-            )
-          }}
+          {{ $t(`preview.${isTractionUnit(store.chosenVehicle) ? store.chosenVehicle.group : store.chosenVehicle.group}`) }}
         </b>
 
         <div style="color: #ccc">
           <div>
-            {{ store.chosenVehicle.length }}m |
-            {{ (store.chosenVehicle.weight / 1000).toFixed(1) }}t |
-            {{ store.chosenVehicle.maxSpeed }} km/h
+            {{ store.chosenVehicle.length }}m | {{ (store.chosenVehicle.weight / 1000).toFixed(1) }}t | {{ store.chosenVehicle.maxSpeed }} km/h
           </div>
 
-          <div v-if="isTractionUnit(store.chosenVehicle)">
-            {{ $t('preview.cabin') }} {{ store.chosenVehicle.cabinType }}
-          </div>
+          <div v-if="isTractionUnit(store.chosenVehicle)">{{ $t('preview.cabin') }} {{ store.chosenVehicle.cabinType }}</div>
 
           <div v-else>
             {{
@@ -47,18 +36,10 @@
             }}
           </div>
 
-          <b
-            v-if="
-              store.chosenVehicle.sponsorOnlyTimestamp &&
-              store.chosenVehicle.sponsorOnlyTimestamp > Date.now()
-            "
-            class="sponsor-only"
-          >
+          <b v-if="store.chosenVehicle.sponsorOnlyTimestamp && store.chosenVehicle.sponsorOnlyTimestamp > Date.now()" class="sponsor-only">
             {{
               $t('preview.sponsor-only', [
-                new Date(store.chosenVehicle.sponsorOnlyTimestamp).toLocaleDateString(
-                  $i18n.locale == 'pl' ? 'pl-PL' : 'en-GB'
-                ),
+                new Date(store.chosenVehicle.sponsorOnlyTimestamp).toLocaleDateString($i18n.locale == 'pl' ? 'pl-PL' : 'en-GB'),
               ])
             }}
           </b>
@@ -164,8 +145,8 @@ export default defineComponent({
 
   & > div {
     position: relative;
-    max-width: 100%;
-    width: 380px;
+    width: 100%;
+    max-width: 380px;
   }
 }
 
diff --git a/src/components/tabs/NumberGeneratorTab.vue b/src/components/tabs/NumberGeneratorTab.vue
index 1ff3b21..3def7e3 100644
--- a/src/components/tabs/NumberGeneratorTab.vue
+++ b/src/components/tabs/NumberGeneratorTab.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="number-generator tab">
+  <div class="number-generator-tab">
     <div class="tab_header">
       <h2>{{ $t('numgen.title') }}</h2>
       <h3>{{ $t('numgen.subtitle') }}</h3>
@@ -227,6 +227,13 @@ const randomizeTrainNumber = (randomizeRegions = false) => {
 @use '@/styles/tab';
 @use '@/styles/responsive';
 
+.number-generator-tab {
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+  overflow: auto;
+}
+
 .category-select {
   select {
     width: auto;
@@ -283,7 +290,7 @@ const randomizeTrainNumber = (randomizeRegions = false) => {
 }
 
 @include responsive.midScreen {
-  .number-generator {
+  .number-generator-tab {
     min-height: 100vh;
   }
 }
diff --git a/src/components/tabs/StockGeneratorTab.vue b/src/components/tabs/StockGeneratorTab.vue
index 93cadb7..0754490 100644
--- a/src/components/tabs/StockGeneratorTab.vue
+++ b/src/components/tabs/StockGeneratorTab.vue
@@ -1,98 +1,96 @@
 <template>
-  <div class="stock-generator tab">
-    <div class="tab_content">
-      <div>
-        <h2>{{ $t('stockgen.properties-title') }}</h2>
+  <div class="stock-generator-tab">
+    <div>
+      <h2>{{ $t('stockgen.properties-title') }}</h2>
 
-        <b class="text--accent">
-          {{ $t('stockgen.properties-desc') }}
-        </b>
+      <b class="text--accent">
+        {{ $t('stockgen.properties-desc') }}
+      </b>
 
-        <div class="inputs">
-          <label>
-            <span>{{ $t('stockgen.input-mass') }}</span>
-            <input type="number" v-model="maxTons" step="100" max="4000" min="0" />
-          </label>
+      <div class="inputs">
+        <label>
+          <span>{{ $t('stockgen.input-mass') }}</span>
+          <input type="number" v-model="maxTons" step="100" max="4000" min="0" />
+        </label>
 
-          <label>
-            <span>{{ $t('stockgen.input-length') }}</span>
-            <input type="number" v-model="maxLength" step="25" max="650" min="0" />
-          </label>
+        <label>
+          <span>{{ $t('stockgen.input-length') }}</span>
+          <input type="number" v-model="maxLength" step="25" max="650" min="0" />
+        </label>
 
-          <label>
-            <span>{{ $t('stockgen.input-carcount') }}</span>
-            <input type="number" v-model="maxCarCount" step="1" max="60" min="1" />
-          </label>
-        </div>
+        <label>
+          <span>{{ $t('stockgen.input-carcount') }}</span>
+          <input type="number" v-model="maxCarCount" step="1" max="60" min="1" />
+        </label>
+      </div>
 
-        <!-- <hr style="margin: 1em 0" /> -->
+      <!-- <hr style="margin: 1em 0" /> -->
 
-        <!-- <div class="generator_options">
+      <!-- <div class="generator_options">
           <Checkbox v-model="isCarGroupingEnabled">Grupuj wylosowane wagony (ustawia podobne wagony obok siebie w składzie)</Checkbox>
         </div>  -->
+    </div>
+
+    <div>
+      <h2>{{ $t('stockgen.cargo-title') }}</h2>
+      <b>{{ $t('stockgen.cargo-desc') }}</b>
+    </div>
+
+    <div class="generator_cargo">
+      <button
+        v-for="cargo in computedCargoData"
+        :key="cargo.name"
+        class="btn"
+        :data-chosen="chosenCargoTypes.includes(cargo.name)"
+        @click="toggleCargoChosen(cargo.name, cargo.cargoList)"
+      >
+        {{ $t(`cargo.${cargo.name}`) }}
+      </button>
+    </div>
+
+    <div>
+      <h2>{{ $t('stockgen.chosen-title') }}</h2>
+
+      <div class="generator_warning">
+        <span v-if="computedChosenCarTypes.size == 0">
+          {{ $t('stockgen.chosen-empty-warning') }}
+        </span>
+
+        <span v-else>
+          {{ $t('stockgen.chosen-warning') }}
+        </span>
       </div>
+    </div>
 
-      <div>
-        <h2>{{ $t('stockgen.cargo-title') }}</h2>
-        <b>{{ $t('stockgen.cargo-desc') }}</b>
-      </div>
+    <div class="generator_vehicles" v-if="computedChosenCarTypes.size != 0">
+      <button
+        :data-chosen="true"
+        :data-excluded="excludedCarTypes.includes(carType)"
+        class="btn"
+        v-for="carType in computedChosenCarTypes"
+        :key="carType"
+        @mouseover="onMouseHover(carType)"
+        @mouseleave="onMouseLeave"
+        @click="toggleCarExclusion(carType)"
+      >
+        {{ carType }}
+      </button>
+    </div>
 
-      <div class="generator_cargo">
-        <button
-          v-for="cargo in computedCargoData"
-          :key="cargo.name"
-          class="btn"
-          :data-chosen="chosenCargoTypes.includes(cargo.name)"
-          @click="toggleCargoChosen(cargo.name, cargo.cargoList)"
-        >
-          {{ $t(`cargo.${cargo.name}`) }}
-        </button>
-      </div>
+    <hr />
 
-      <div>
-        <h2>{{ $t('stockgen.chosen-title') }}</h2>
+    <div class="tab_actions">
+      <button class="btn" :data-disabled="computedChosenCarTypes.size == 0" @click="generateStock()">
+        {{ $t('stockgen.action-generate') }}
+      </button>
 
-        <div class="generator_warning">
-          <span v-if="computedChosenCarTypes.size == 0">
-            {{ $t('stockgen.chosen-empty-warning') }}
-          </span>
+      <button class="btn" :data-disabled="computedChosenCarTypes.size == 0" @click="generateStock(true)">
+        {{ $t('stockgen.action-generate-empty') }}
+      </button>
 
-          <span v-else>
-            {{ $t('stockgen.chosen-warning') }}
-          </span>
-        </div>
-      </div>
-
-      <div class="generator_vehicles" v-if="computedChosenCarTypes.size != 0">
-        <button
-          :data-chosen="true"
-          :data-excluded="excludedCarTypes.includes(carType)"
-          class="btn"
-          v-for="carType in computedChosenCarTypes"
-          :key="carType"
-          @mouseover="onMouseHover(carType)"
-          @mouseleave="onMouseLeave"
-          @click="toggleCarExclusion(carType)"
-        >
-          {{ carType }}
-        </button>
-      </div>
-
-      <hr />
-
-      <div class="tab_actions">
-        <button class="btn" :data-disabled="computedChosenCarTypes.size == 0" @click="generateStock()">
-          {{ $t('stockgen.action-generate') }}
-        </button>
-
-        <button class="btn" :data-disabled="computedChosenCarTypes.size == 0" @click="generateStock(true)">
-          {{ $t('stockgen.action-generate-empty') }}
-        </button>
-
-        <button class="btn" :data-disabled="computedChosenCarTypes.size == 0" @click="resetChosenCargo">
-          {{ $t('stockgen.action-reset') }}
-        </button>
-      </div>
+      <button class="btn" :data-disabled="computedChosenCarTypes.size == 0" @click="resetChosenCargo">
+        {{ $t('stockgen.action-reset') }}
+      </button>
     </div>
   </div>
 </template>
@@ -290,6 +288,14 @@ export default defineComponent({
 <style lang="scss" scoped>
 @use '@/styles/tab';
 
+.stock-generator-tab {
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+  overflow: auto;
+  padding: 0.5em;
+}
+
 h2 {
   margin-top: 0;
   margin-bottom: 0.5em;
diff --git a/src/components/tabs/StockListTab.vue b/src/components/tabs/StockListTab.vue
index 0a05915..a183ca7 100644
--- a/src/components/tabs/StockListTab.vue
+++ b/src/components/tabs/StockListTab.vue
@@ -1,21 +1,19 @@
 <template>
   <section class="stock-list-tab">
-    <div class="tab_content">
-      <!-- Stock Actions -->
-      <StockActions />
+    <!-- Stock Actions -->
+    <StockActions />
 
-      <!-- Stock Specs -->
-      <StockSpecs />
+    <!-- Stock Specs -->
+    <StockSpecs />
 
-      <!-- Stock Spawn Settings -->
-      <StockSpawnSettings />
+    <!-- Stock Spawn Settings -->
+    <StockSpawnSettings />
 
-      <!-- Stock Warnings -->
-      <StockWarnings />
+    <!-- Stock Warnings -->
+    <StockWarnings />
 
-      <!-- Stock List -->
-      <StockList />
-    </div>
+    <!-- Stock List -->
+    <StockList />
   </section>
 </template>
 
@@ -42,7 +40,14 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-@use '@/styles/tab';
+@use '../../styles/tab';
+
+.stock-list-tab {
+  display: grid;
+  grid-template-rows: auto auto auto auto 1fr;
+  gap: 0.5em;
+  overflow: hidden;
+}
 
 .tab_content {
   display: flex;
diff --git a/src/components/tabs/StorageTab.vue b/src/components/tabs/StorageTab.vue
index f433f69..6e9fba9 100644
--- a/src/components/tabs/StorageTab.vue
+++ b/src/components/tabs/StorageTab.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="tab storage-tab">
+  <section class="storage-tab">
     <div class="tab_header">
       <h2>{{ $t('storage.title') }}</h2>
       <h3>{{ $t('storage.subtitle') }}</h3>
@@ -36,8 +36,7 @@
                 {{ new Date(storageEntry.createdAt).toLocaleString($i18n.locale) }}</i
               >
               <i v-if="storageEntry.updatedAt">
-                &bull; {{ $t('storage.updated-at') }}
-                {{ new Date(storageEntry.updatedAt).toLocaleString($i18n.locale) }}</i
+                &bull; {{ $t('storage.updated-at') }} {{ new Date(storageEntry.updatedAt).toLocaleString($i18n.locale) }}</i
               >
 
               <div style="margin-top: 0.5em">
@@ -146,14 +145,22 @@ export default defineComponent({
 <style lang="scss" scoped>
 @use '@/styles/tab';
 
+.storage-tab {
+  display: grid;
+  grid-template-rows: auto 1fr;
+  overflow: hidden;
+}
+
 .tab_actions {
   grid-template-columns: repeat(2, 1fr);
 }
 
+.tab_content {
+  overflow: auto;
+}
+
 .storage-list-wrapper {
   position: relative;
-  height: 730px;
-  overflow: auto;
 }
 
 ul.storage-list {
diff --git a/src/components/tabs/WikiListTab.vue b/src/components/tabs/WikiListTab.vue
index ab08af8..cc84851 100644
--- a/src/components/tabs/WikiListTab.vue
+++ b/src/components/tabs/WikiListTab.vue
@@ -1,97 +1,86 @@
 <template>
-  <section class="wiki-list tab">
-    <div class="tab_content">
-      <div class="actions">
-        <div class="action action-input">
-          <label for="search-vehicle">
-            {{ $t('wiki.labels.search-vehicle') }}
-            <button class="reset-btn" @click="resetSearchInput">
-              <img src="/images/icon-exit.svg" alt="reset vehicle input icon" />
-            </button>
-          </label>
-          <input
-            type="text"
-            id="search-vehicle"
-            name="search-vehicle"
-            :placeholder="$t('wiki.labels.search-vehicle-placeholder')"
-            v-model="searchedVehicleTypeName"
-          />
-        </div>
-
-        <div class="action action-select">
-          <label for="filter-type">{{ $t('wiki.labels.vehicles') }}</label>
-          <select name="filter-type" id="filter-type" v-model="filterType">
-            <option v-for="filter in filters" :key="filter" :value="filter">
-              {{ $t(`wiki.filters.${filter}`) }}
-            </option>
-          </select>
-        </div>
-
-        <div class="action action-select">
-          <label for="sorter-type">{{ $t('wiki.labels.sort-by') }}</label>
-          <select name="sorter-type" id="sorter-type" v-model="sorterType">
-            <option v-for="sorter in sorters" :key="sorter" :value="sorter">
-              {{ $t(`wiki.sort-by.${sorter}`) }}
-            </option>
-          </select>
-        </div>
-
-        <div class="action action-select">
-          <label for="sorter-direction">{{ $t('wiki.labels.sort-direction') }}</label>
-
-          <select name="sorter-direction" id="sorter-direction" v-model="sorterDirection">
-            <option value="asc">{{ $t('wiki.sort-direction.asc') }}</option>
-            <option value="desc">{{ $t('wiki.sort-direction.desc') }}</option>
-          </select>
-        </div>
+  <section class="wiki-list-tab">
+    <div class="actions">
+      <div class="action action-input">
+        <label for="search-vehicle">
+          {{ $t('wiki.labels.search-vehicle') }}
+          <button class="reset-btn" @click="resetSearchInput">
+            <img src="/images/icon-exit.svg" alt="reset vehicle input icon" />
+          </button>
+        </label>
+        <input
+          type="text"
+          id="search-vehicle"
+          name="search-vehicle"
+          :placeholder="$t('wiki.labels.search-vehicle-placeholder')"
+          v-model="searchedVehicleTypeName"
+        />
       </div>
 
-      <ul class="vehicles" ref="vehicles">
-        <li
-          v-for="vehicle in computedVehicles"
-          :key="vehicle.type"
-          :data-preview="vehicle.type === store.chosenVehicle?.type"
-          @click="previewVehicle(vehicle)"
-          @dblclick="addVehicle(vehicle)"
-          @keydown.enter="onVehicleSelect(vehicle)"
-          tabindex="0"
-        >
-          <img
-            loading="lazy"
-            width="120"
-            :src="getThumbnailURL(vehicle.type, 'small')"
-            @error="onThumbnailImageError"
-          />
+      <div class="action action-select">
+        <label for="filter-type">{{ $t('wiki.labels.vehicles') }}</label>
+        <select name="filter-type" id="filter-type" v-model="filterType">
+          <option v-for="filter in filters" :key="filter" :value="filter">
+            {{ $t(`wiki.filters.${filter}`) }}
+          </option>
+        </select>
+      </div>
 
-          <span>
-            <span
-              class="vehicle-name"
-              :class="{
-                'sponsor-only':
-                  vehicle.sponsorOnlyTimestamp && vehicle.sponsorOnlyTimestamp > Date.now(),
-                'team-only': vehicle.teamOnly,
-              }"
-            >
-              <b>{{ vehicle.type.replace(/_/g, ' ') }}</b>
-            </span>
+      <div class="action action-select">
+        <label for="sorter-type">{{ $t('wiki.labels.sort-by') }}</label>
+        <select name="sorter-type" id="sorter-type" v-model="sorterType">
+          <option v-for="sorter in sorters" :key="sorter" :value="sorter">
+            {{ $t(`wiki.sort-by.${sorter}`) }}
+          </option>
+        </select>
+      </div>
 
-            <div class="vehicle-group">
-              {{ $t(`wiki.${vehicle.group}`) }} |
-              {{ isTractionUnit(vehicle) ? vehicle.cabinType : vehicle.constructionType }}
-            </div>
+      <div class="action action-select">
+        <label for="sorter-direction">{{ $t('wiki.labels.sort-direction') }}</label>
 
-            <div class="vehicle-props">
-              {{ vehicle.length }}m | {{ (vehicle.weight / 1000).toFixed(1) }}t |
-              {{ vehicle.maxSpeed }}km/h
-            </div>
-          </span>
-        </li>
-      </ul>
-
-      <div class="no-vehicles-warning" v-if="computedVehicles.length == 0">
-        {{ $t('wiki.no-vehicles') }}
+        <select name="sorter-direction" id="sorter-direction" v-model="sorterDirection">
+          <option value="asc">{{ $t('wiki.sort-direction.asc') }}</option>
+          <option value="desc">{{ $t('wiki.sort-direction.desc') }}</option>
+        </select>
       </div>
     </div>
+
+    <ul class="vehicles" ref="vehicles">
+      <li class="no-vehicles-warning" v-if="computedVehicles.length == 0">
+        {{ $t('wiki.no-vehicles') }}
+      </li>
+
+      <li
+        v-for="vehicle in computedVehicles"
+        :key="vehicle.type"
+        :data-preview="vehicle.type === store.chosenVehicle?.type"
+        @click="previewVehicle(vehicle)"
+        @dblclick="addVehicle(vehicle)"
+        @keydown.enter="onVehicleSelect(vehicle)"
+        tabindex="0"
+      >
+        <img loading="lazy" width="120" :src="getThumbnailURL(vehicle.type, 'small')" @error="onThumbnailImageError" />
+
+        <span>
+          <span
+            class="vehicle-name"
+            :class="{
+              'sponsor-only': vehicle.sponsorOnlyTimestamp && vehicle.sponsorOnlyTimestamp > Date.now(),
+              'team-only': vehicle.teamOnly,
+            }"
+          >
+            <b>{{ vehicle.type.replace(/_/g, ' ') }}</b>
+          </span>
+
+          <div class="vehicle-group">
+            {{ $t(`wiki.${vehicle.group}`) }} |
+            {{ isTractionUnit(vehicle) ? vehicle.cabinType : vehicle.constructionType }}
+          </div>
+
+          <div class="vehicle-props">{{ vehicle.length }}m | {{ (vehicle.weight / 1000).toFixed(1) }}t | {{ vehicle.maxSpeed }}km/h</div>
+        </span>
+      </li>
+    </ul>
   </section>
 </template>
 
@@ -166,7 +155,7 @@ export default defineComponent({
 
     onThumbnailImageError(e: Event) {
       const el = e.target as HTMLImageElement;
-      
+
       if (el.src == '/images/no-vehicle-image.png') return;
       el.src = '/images/no-vehicle-image.png';
     },
@@ -181,11 +170,7 @@ export default defineComponent({
     },
 
     filterVehicles(v: IVehicle) {
-      if (
-        this.searchedVehicleTypeName != '' &&
-        !v.type.toLocaleLowerCase().includes(this.searchedVehicleTypeName.toLocaleLowerCase())
-      )
-        return false;
+      if (this.searchedVehicleTypeName != '' && !v.type.toLocaleLowerCase().includes(this.searchedVehicleTypeName.toLocaleLowerCase())) return false;
 
       switch (this.filterType) {
         case VehicleFilter.AllTractions:
@@ -247,6 +232,13 @@ export default defineComponent({
 @use '@/styles/tab';
 @use '@/styles/responsive';
 
+.wiki-list-tab {
+  display: grid;
+  grid-template-rows: auto auto 1fr;
+  gap: 0.5em;
+  overflow: hidden;
+}
+
 .actions {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
@@ -284,10 +276,7 @@ export default defineComponent({
   gap: 0.5em;
   overflow: auto;
 
-  max-height: 730px;
-
-  margin-top: 0.75em;
-  padding: 0.25em;
+  margin-top: 1em;
 }
 
 .vehicles > li {
@@ -297,7 +286,6 @@ export default defineComponent({
   background-color: #161c2e;
   padding: 0.5em;
 
-  min-height: 75px;
   cursor: pointer;
 
   &[data-preview='true'] {
@@ -344,7 +332,12 @@ export default defineComponent({
   background-color: #161c2e;
 }
 
-@include responsive.smallScreen {
+@include responsive.midScreen {
+  .vehicles {
+    height: 100vh;
+    min-height: 400px;
+  }
+
   .actions-panel {
     align-items: stretch;
     flex-direction: column;
diff --git a/src/components/tabs/stock-list/StockList.vue b/src/components/tabs/stock-list/StockList.vue
index ef99807..e011179 100644
--- a/src/components/tabs/stock-list/StockList.vue
+++ b/src/components/tabs/stock-list/StockList.vue
@@ -2,12 +2,12 @@
   <div class="list-wrapper">
     <StockThumbnails :onListItemClick="onListItemClick" />
 
-    <div v-if="stockIsEmpty" class="list-empty">
-      <div class="stock-info">{{ $t('stocklist.list-empty') }}</div>
-    </div>
-
-    <ul v-else>
+    <ul>
       <transition-group name="stock-list-anim">
+        <li v-if="stockIsEmpty" class="list-empty">
+          {{ $t('stocklist.list-empty') }}
+        </li>
+
         <li
           v-for="(stock, i) in store.stockList"
           :key="stock.id"
@@ -139,7 +139,10 @@ export default defineComponent({
 @use '@/styles/responsive';
 
 .list-wrapper {
+  display: grid;
+  grid-template-rows: auto 1fr;
   position: relative;
+  overflow: hidden;
 }
 
 .list-empty {
@@ -150,8 +153,7 @@ export default defineComponent({
 }
 
 ul {
-  overflow-y: scroll;
-  height: 500px;
+  overflow-y: auto;
 }
 
 ul > li {
@@ -159,6 +161,7 @@ ul > li {
   align-items: center;
   justify-content: space-between;
   min-width: 500px;
+  white-space: nowrap;
 
   margin: 0.25em 0;
 
@@ -239,7 +242,8 @@ li > .stock-info {
 
 @include responsive.midScreen {
   ul {
-    min-height: auto;
+    height: 100vh;
+    min-height: 400px;
   }
 }
 </style>
diff --git a/src/styles/_global.scss b/src/styles/_global.scss
index 5f9f543..723ee42 100644
--- a/src/styles/_global.scss
+++ b/src/styles/_global.scss
@@ -38,7 +38,7 @@ html {
 
   font-family: Lato, sans-serif;
 
-  background-color: var(--bgColor);
+  background-color: var(--bgColorDarker);
   overflow-x: hidden;
 }
 
diff --git a/src/styles/_tab.scss b/src/styles/_tab.scss
index c6b41a7..df1c3a3 100644
--- a/src/styles/_tab.scss
+++ b/src/styles/_tab.scss
@@ -1,6 +1,5 @@
 .tab {
   height: 100%;
-  margin-top: 1px;
 
   &_header {
     padding: 0.5em 1em;
@@ -26,7 +25,6 @@
   }
 
   &_content {
-    margin-top: 1em;
     height: 100%;
   }
 
diff --git a/src/views/AppContainerView.vue b/src/views/AppContainerView.vue
index c4bb958..32fa591 100644
--- a/src/views/AppContainerView.vue
+++ b/src/views/AppContainerView.vue
@@ -25,13 +25,22 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-.app-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
+@use '../styles/responsive';
 
-  min-height: 100vh;
-  padding: 0.5em;
+.app-container {
+  display: grid;
+  justify-content: center;
+  
+  grid-template-rows: minmax(900px, 1fr) auto;
+  gap: 0.5em;
+  
+  height: 100vh;
+}
+
+@include responsive.midScreen {
+  .app-container {
+    height: auto;
+    min-height: 100vh;
+  }
 }
 </style>

From 3f6afa5d4c4c296c283492085774a200b3dd514b Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 28 Mar 2026 14:41:28 +0100
Subject: [PATCH 02/17] fix(footer): incorrect padding

---
 src/components/app/Footer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/app/Footer.vue b/src/components/app/Footer.vue
index 7d5d1ed..6da1a79 100644
--- a/src/components/app/Footer.vue
+++ b/src/components/app/Footer.vue
@@ -58,6 +58,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 footer {
   text-align: center;
-  padding-bottom: 0.5em;
+  padding: 0 0.5em 0.5em 0.5em;
 }
 </style>

From 53d53738f42128e9605abfc0f28677e66bb61084 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 28 Mar 2026 14:41:54 +0100
Subject: [PATCH 03/17] bump(version): v1.10.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 19b46e6..287e967 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pojazdownik",
-  "version": "1.9.3",
+  "version": "1.10.0",
   "private": true,
   "type": "module",
   "scripts": {

From 52eacbf827410e15bd718ac7a29017eea88c868a Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 28 Mar 2026 17:56:32 +0100
Subject: [PATCH 04/17] chore(app): responsiveness adjustments

---
 src/components/tabs/StorageTab.vue           | 83 ++++++++++----------
 src/components/tabs/stock-list/StockList.vue |  3 +-
 2 files changed, 42 insertions(+), 44 deletions(-)

diff --git a/src/components/tabs/StorageTab.vue b/src/components/tabs/StorageTab.vue
index 6e9fba9..3ec0e40 100644
--- a/src/components/tabs/StorageTab.vue
+++ b/src/components/tabs/StorageTab.vue
@@ -6,51 +6,49 @@
     </div>
 
     <div class="tab_content">
-      <div class="storage-list-wrapper">
-        <transition-group name="storage-list-anim" tag="ul" class="storage-list">
-          <li v-for="storageEntry in storageStockDataList" :key="storageEntry.id">
-            <div class="storage-item-top">
-              <h3>
-                {{ storageEntry.id }}
-              </h3>
+      <transition-group name="storage-list-anim" tag="ul" class="storage-list">
+        <li v-for="storageEntry in storageStockDataList" :key="storageEntry.id">
+          <div class="storage-item-top">
+            <h3>
+              {{ storageEntry.id }}
+            </h3>
 
-              <div class="storage-item-top-actions">
-                <button class="btn btn--icon" @click="chooseStorageStock(storageEntry.id)">
-                  <LogIn />
-                </button>
+            <div class="storage-item-top-actions">
+              <button class="btn btn--icon" @click="chooseStorageStock(storageEntry.id)">
+                <LogIn />
+              </button>
 
-                <button class="btn btn--icon" @click="toggleStorageEntryExpand(storageEntry.id)">
-                  <ChevronDown v-if="!expandedEntries.includes(storageEntry.id)" />
-                  <ChevronUp v-else />
-                </button>
+              <button class="btn btn--icon" @click="toggleStorageEntryExpand(storageEntry.id)">
+                <ChevronDown v-if="!expandedEntries.includes(storageEntry.id)" />
+                <ChevronUp v-else />
+              </button>
 
-                <button class="btn btn--icon" @click="removeStockIndexFromStorage(storageEntry.id)">
-                  <Trash2 />
-                </button>
-              </div>
+              <button class="btn btn--icon" @click="removeStockIndexFromStorage(storageEntry.id)">
+                <Trash2 />
+              </button>
             </div>
+          </div>
 
-            <div class="storage-item-expandable" v-if="expandedEntries.includes(storageEntry.id)">
-              <i>
-                {{ $t('storage.created-at') }}
-                {{ new Date(storageEntry.createdAt).toLocaleString($i18n.locale) }}</i
-              >
-              <i v-if="storageEntry.updatedAt">
-                &bull; {{ $t('storage.updated-at') }} {{ new Date(storageEntry.updatedAt).toLocaleString($i18n.locale) }}</i
-              >
+          <div class="storage-item-expandable" v-if="expandedEntries.includes(storageEntry.id)">
+            <i>
+              {{ $t('storage.created-at') }}
+              {{ new Date(storageEntry.createdAt).toLocaleString($i18n.locale) }}</i
+            >
+            <i v-if="storageEntry.updatedAt">
+              &bull; {{ $t('storage.updated-at') }} {{ new Date(storageEntry.updatedAt).toLocaleString($i18n.locale) }}</i
+            >
 
-              <div style="margin-top: 0.5em">
-                <i>{{ $t('storage.stock-title') }} </i>
-                {{ shortenStockString(storageEntry.stockString) }}
-              </div>
+            <div style="margin-top: 0.5em">
+              <i>{{ $t('storage.stock-title') }} </i>
+              {{ shortenStockString(storageEntry.stockString) }}
             </div>
-          </li>
+          </div>
+        </li>
 
-          <li v-if="Object.keys(storageStockDataList).length == 0" class="storage-no-entries">
-            {{ $t('storage.no-entires') }}
-          </li>
-        </transition-group>
-      </div>
+        <li v-if="Object.keys(storageStockDataList).length == 0" class="storage-no-entries">
+          {{ $t('storage.no-entires') }}
+        </li>
+      </transition-group>
     </div>
   </section>
 </template>
@@ -157,9 +155,7 @@ export default defineComponent({
 
 .tab_content {
   overflow: auto;
-}
-
-.storage-list-wrapper {
+  margin-top: 1em;
   position: relative;
 }
 
@@ -167,7 +163,6 @@ ul.storage-list {
   display: flex;
   flex-direction: column;
   gap: 0.5em;
-  margin-top: 0.5em;
 }
 
 ul.storage-list > li {
@@ -181,12 +176,14 @@ ul.storage-list > li {
 
 .storage-item-top {
   display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
   align-items: center;
   gap: 0.5em;
 }
 
 .storage-item-top > h3 {
-  width: 100%;
+  min-width: 350px;
   text-align: left;
   margin: 0;
 }
@@ -215,7 +212,7 @@ ul.storage-list > li {
   &-move,
   &-enter-active,
   &-leave-active {
-    transition: all 120ms ease-in-out;
+    transition: all 100ms ease-in-out;
   }
 
   &-enter-from {
diff --git a/src/components/tabs/stock-list/StockList.vue b/src/components/tabs/stock-list/StockList.vue
index e011179..1f97f91 100644
--- a/src/components/tabs/stock-list/StockList.vue
+++ b/src/components/tabs/stock-list/StockList.vue
@@ -11,6 +11,7 @@
         <li
           v-for="(stock, i) in store.stockList"
           :key="stock.id"
+          class="stock-item"
           :class="{ loco: isTractionUnit(stock.vehicleRef) }"
           tabindex="0"
           @click="onListItemClick(i)"
@@ -150,6 +151,7 @@ export default defineComponent({
   border-radius: 0.5em;
   padding: 0.75em;
   font-weight: bold;
+  width: 100%;
 }
 
 ul {
@@ -160,7 +162,6 @@ ul > li {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  min-width: 500px;
   white-space: nowrap;
 
   margin: 0.25em 0;

From f328f5028b7134689a52275d68bb157d7252c92e Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 29 Mar 2026 14:29:19 +0200
Subject: [PATCH 05/17] chore(generator): added new stock generator options;
 improved locales

---
 src/data/generatorData.json | 293 +++++-------------------------------
 src/locales/en.json         |  64 ++++----
 src/locales/pl.json         |  64 ++++----
 3 files changed, 101 insertions(+), 320 deletions(-)

diff --git a/src/data/generatorData.json b/src/data/generatorData.json
index cff5807..7afe899 100644
--- a/src/data/generatorData.json
+++ b/src/data/generatorData.json
@@ -1,136 +1,10 @@
 {
   "cargo": {
-    "kontenery": [
-      "412Z:sc_20_red",
-      "412Z:sc_20_blue",
-      "412Z:sc_20_green",
-      "412Z:sc_20_APL",
-      "412Z:sc_20_CMA",
-      "412Z:sc_20_Cosco",
-      "412Z:sc_20_Evr1",
-      "412Z:sc_20_Evr2",
-      "412Z:sc_20_Finnlines",
-      "412Z:sc_20_Hamburg",
-      "412Z:sc_20_Hanjin",
-      "412Z:sc_20_HapagLloyd",
-      "412Z:sc_20_HMM",
-      "412Z:sc_20_KLine",
-      "412Z:sc_20_Maersk",
-      "412Z:sc_20_ONE",
-      "412Z:sc_20_OOCL",
-      "412Z:sc_20_Schavemaker",
-      "412Z:sc_20_TD2",
-      "412Z:sc_20_Titan",
-      "412Z:sc_20_Toll",
-      "412Z:sc_40_red",
-      "412Z:sc_40_blue",
-      "412Z:sc_40_green",
-      "412Z:sc_40_APL",
-      "412Z:sc_40_CMA",
-      "412Z:sc_40_Cosco",
-      "412Z:sc_40_Evr1",
-      "412Z:sc_40_Evr2",
-      "412Z:sc_40_Finnlines",
-      "412Z:sc_40_Hamburg",
-      "412Z:sc_40_Hanjin",
-      "412Z:sc_40_HapagLloyd",
-      "412Z:sc_40_HMM",
-      "412Z:sc_40_KLine",
-      "412Z:sc_40_Maersk",
-      "412Z:sc_40_ONE",
-      "412Z:sc_40_OOCL",
-      "412Z:sc_40_Schavemaker",
-      "412Z:sc_40_TD2",
-      "412Z:sc_40_Titan",
-      "412Z:sc_40_Toll",
-      "627Z:sc_20",
-      "627Z:sc_20_red",
-      "627Z:sc_20_blue",
-      "627Z:sc_20_green",
-      "627Z:sc_20_APL",
-      "627Z:sc_20_CMA",
-      "627Z:sc_20_Cosco",
-      "627Z:sc_20_Evr1",
-      "627Z:sc_20_Evr2",
-      "627Z:sc_20_Finnlines",
-      "627Z:sc_20_Hamburg",
-      "627Z:sc_20_Hanjin",
-      "627Z:sc_20_HapagLloyd",
-      "627Z:sc_20_HMM",
-      "627Z:sc_20_KLine",
-      "627Z:sc_20_Maersk",
-      "627Z:sc_20_ONE",
-      "627Z:sc_20_OOCL",
-      "627Z:sc_20_Schavemaker",
-      "627Z:sc_20_TD2",
-      "627Z:sc_20_Titan",
-      "627Z:sc_20_Toll",
-      "627Z:sc_40_red",
-      "627Z:sc_40",
-      "627Z:sc_40_blue",
-      "627Z:sc_40_green",
-      "627Z:sc_40_APL",
-      "627Z:sc_40_CMA",
-      "627Z:sc_40_Cosco",
-      "627Z:sc_40_Evr1",
-      "627Z:sc_40_Evr2",
-      "627Z:sc_40_Finnlines",
-      "627Z:sc_40_Hamburg",
-      "627Z:sc_40_Hanjin",
-      "627Z:sc_40_HapagLloyd",
-      "627Z:sc_40_HMM",
-      "627Z:sc_40_KLine",
-      "627Z:sc_40_Maersk",
-      "627Z:sc_40_ONE",
-      "627Z:sc_40_OOCL",
-      "627Z:sc_40_Schavemaker",
-      "627Z:sc_40_TD2",
-      "627Z:sc_40_Titan",
-      "627Z:sc_40_Toll"
-    ],
-    "biomasa": [
-      "412Z:wt_20_biomass",
-      "412Z:wt_20_mix_black_green_biomass",
-      "412Z:wt_20_mix_blue_biomass",
-      "412Z:wt_20_mix_blue_CDC_white_biomass",
-      "412Z:wt_20_mix_blue_white_biomass",
-      "412Z:wt_20_mix_EPC_biomass",
-      "412Z:wt_20_mix_green_biomass",
-      "412Z:wt_20_black_biomass",
-      "412Z:wt_20_blue_biomass",
-      "412Z:wt_20_blue_gr_biomass",
-      "412Z:wt_20_blue_gr_r_biomass",
-      "412Z:wt_20_CDC_biomass",
-      "412Z:wt_20_EPC_black_biomass",
-      "412Z:wt_20_EPC_red_biomass",
-      "412Z:wt_20_green_new_biomass",
-      "412Z:wt_20_green_old_biomass",
-      "412Z:wt_20_white_new_biomass",
-      "412Z:wt_20_white_old_biomass",
-      "412Z:wt_20_white_old_gr_biomass",
-      "412Z:wt_20_white_old_gr_r_biomass",
-      "627Z:wt_20_biomass",
-      "627Z:wt_20_mix_black_green_biomass",
-      "627Z:wt_20_mix_blue_biomass",
-      "627Z:wt_20_mix_blue_CDC_white_biomass",
-      "627Z:wt_20_mix_blue_white_biomass",
-      "627Z:wt_20_mix_EPC_biomass",
-      "627Z:wt_20_mix_green_biomass",
-      "627Z:wt_20_black_biomass",
-      "627Z:wt_20_blue_biomass",
-      "627Z:wt_20_blue_gr_biomass",
-      "627Z:wt_20_blue_gr_r_biomass",
-      "627Z:wt_20_CDC_biomass",
-      "627Z:wt_20_EPC_black_biomass",
-      "627Z:wt_20_EPC_red_biomass",
-      "627Z:wt_20_green_new_biomass",
-      "627Z:wt_20_green_old_biomass",
-      "627Z:wt_20_white_new_biomass",
-      "627Z:wt_20_white_old_biomass",
-      "627Z:wt_20_white_old_gr_biomass",
-      "627Z:wt_20_white_old_gr_r_biomass"
-    ],
-    "biomasa-puste": [
+    "containers": ["412Z:sc_20", "412Z:sc_40", "627Z:sc_20", "627Z:sc_40"],
+    "food": ["412Z:tc_20_loaded", "627Z:tc_20_loaded"],
+    "food-empty": ["412Z:tc_20_empty", "627Z:tc_20_empty"],
+    "biomass": ["412Z:wt_20_biomass", "627Z:wt_20_biomass"],
+    "biomass-empty": [
       "412Z:wt_20_empty",
       "412Z:wt_20_mix_black_green_empty",
       "412Z:wt_20_mix_blue_empty",
@@ -172,27 +46,11 @@
       "627Z:wt_20_white_old_gr_empty",
       "627Z:wt_20_white_old_gr_r_empty"
     ],
-    "chłodnia": [
-      "202Lc:all"
-    ],
-    "drobnica": [
-      "426S:all",
-      "208Kf:all",
-      "401Ka_PKP_Gags:all",
-      "401Ka_PKPC_Gags:all"
-    ],
-    "węgiel": [
-      "412W:coal_01",
-      "413S:coal_413S",
-      "429W:coal_01",
-      "401Zb:coal_02"
-    ],
-    "ruda": [
-      "412W:ore_01",
-      "401Zl:ore_35",
-      "429W:ore_01"
-    ],
-    "piasek": [
+    "cold-storage": ["202Lc:all"],
+    "loose-cargo": ["426S:all", "208Kf:all", "401Ka_PKP_Gags:all", "401Ka_PKPC_Gags:all"],
+    "coal": ["412W:coal_01", "413S:coal_413S", "429W:coal_01", "401Zb:coal_02"],
+    "ore": ["412W:ore_01", "401Zl:ore_35", "429W:ore_01"],
+    "sand": [
       "412W:sand_01",
       "412W:sand_02",
       "413S:sand_413S",
@@ -204,110 +62,29 @@
       "418Va:sand_418V",
       "418Vb:sand_418V"
     ],
-    "kreda": [
-      "413S:chalk_413S"
-    ],
-    "kamień": [
-      "412W:stone_01",
-      "412W:stone_50",
-      "401Zl:stone_25",
-      "429W:stone_01",
-      "401Zb:stone_02",
-      "418Va:stone_418V",
-      "418Vb:stone_418V"
-    ],
-    "złom": [
-      "412W:scrap_01",
-      "412W:scrap_02",
-      "429W:scrap_01",
-      "429W:scrap_02"
-    ],
-    "paliwo": [
-      "29R_CTLL:all",
-      "29R_PKP:all",
-      "445Rb:all"
-    ],
-    "melasa": [
-      "29R_PLPOL:all"
-    ],
-    "żwir": [
-      "441V"
-    ],
-    "koła": [
-      "424Z:wheels_01"
-    ],
-    "drewno": [
-      "424Z:woods_01",
-      "424Z:woods_02"
-    ],
-    "szyny": [
-      "424Z:rails_01"
-    ],
-    "kable": [
-      "424Z:cables_01",
-      "24Z:cables_Ks",
-      "401Ze:cables_02"
-    ],
-    "kruszywo": [
-      "59WS:all"
-    ],
-    "techniczne": [
-      "209c",
-      "304Ca",
-      "102a_PKPE",
-      "401Ka_PKP_XGa:all"
-    ],
-    "poczta": [
-      "211K:all"
-    ],
-    "cement": [
-      "408S:cement_4",
-      "206S_CEMET:cement_3",
-      "206S_SPEED:cement_3",
-      "220S_CEMET:cement_3"
-    ],
-    "wapno": [
-      "408S:lime_4",
-      "206S_CEMET:lime_3",
-      "206S_SPEED:lime_3",
-      "220S_CEMET:lime_3"
-    ],
-    "soda": [
-      "408S:soda_4",
-      "206S_CEMET:soda_3",
-      "206S_SPEED:soda_3",
-      "220S_CEMET:soda_3"
-    ],
-    "pszenica": [
-      "206Sh_PKP_Ugpps:wheat_3",
-      "206Sh_PKPC_Ugpps:wheat_3"
-    ],
-    "kukurydza": [
-      "206Sh_PKP_Ugpps:corn_3",
-      "206Sh_PKPC_Ugpps:corn_3"
-    ],
-    "pasza": [
-      "206Sh_PKP_Ugpps:forage_3",
-      "206Sh_PKPC_Ugpps:forage_3"
-    ],
-    "pojazdy": [
-      "426Z:tank_01",
-      "426Z:truck_01",
-      "426Z:vehicles_01"
-    ],
-    "karbid": [
-      "421S:carbide_01"
-    ],
-    "wrażliwe": [
-      "425S:all",
-      "421S:carbide_01"
-    ],
-    "stal": [
-      "401Ze:steel_01",
-      "401Ze:steel_02"
-    ],
-    "gaz": [
-      "WB117:all"
-    ]
+    "chalk": ["413S:chalk_413S"],
+    "stone": ["412W:stone_01", "412W:stone_50", "401Zl:stone_25", "429W:stone_01", "401Zb:stone_02", "418Va:stone_418V", "418Vb:stone_418V"],
+    "scrap": ["412W:scrap_01", "412W:scrap_02", "429W:scrap_01", "429W:scrap_02"],
+    "fuel": ["29R_CTLL:all", "29R_PKP:all", "445Rb:all"],
+    "molasses": ["29R_PLPOL:all"],
+    "gravel": ["441V"],
+    "wheels": ["424Z:wheels_01"],
+    "wood": ["424Z:woods_01", "424Z:woods_02"],
+    "rails": ["424Z:rails_01"],
+    "cables": ["424Z:cables_01", "24Z:cables_Ks", "401Ze:cables_02"],
+    "aggregate": ["59WS:all"],
+    "technical": ["209c", "304Ca", "102a_PKPE", "401Ka_PKP_XGa:all"],
+    "mail": ["211K:all"],
+    "concrete": ["408S:cement_4", "206S_CEMET:cement_3", "206S_SPEED:cement_3", "220S_CEMET:cement_3"],
+    "lime": ["408S:lime_4", "206S_CEMET:lime_3", "206S_SPEED:lime_3", "220S_CEMET:lime_3"],
+    "soda": ["408S:soda_4", "206S_CEMET:soda_3", "206S_SPEED:soda_3", "220S_CEMET:soda_3"],
+    "wheat": ["206Sh_PKP_Ugpps:wheat_3", "206Sh_PKPC_Ugpps:wheat_3"],
+    "corn": ["206Sh_PKP_Ugpps:corn_3", "206Sh_PKPC_Ugpps:corn_3"],
+    "fodder": ["206Sh_PKP_Ugpps:forage_3", "206Sh_PKPC_Ugpps:forage_3"],
+    "vehicles": ["426Z:tank_01", "426Z:truck_01", "426Z:vehicles_01"],
+    "carbide": ["421S:carbide_01"],
+    "sensitive": ["425S:all", "421S:carbide_01"],
+    "steel": ["401Ze:steel_01", "401Ze:steel_02"],
+    "gas": ["WB117:all"]
   }
-}
\ No newline at end of file
+}
diff --git a/src/locales/en.json b/src/locales/en.json
index 7c23ae8..24e5180 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -221,38 +221,40 @@
     "stock-title": "Rolling stock:"
   },
   "cargo": {
-    "kontenery": "containers",
-    "biomasa": "biomass",
-    "biomasa-puste": "biomass (empty)",
-    "chłodnia": "refrigerator",
-    "drobnica": "loose cargo",
-    "węgiel": "coal",
-    "ruda": "ore",
-    "piasek": "sand",
-    "kreda": "chalk",
-    "kamień": "stone",
-    "złom": "scrap",
-    "paliwo": "fuel",
-    "melasa": "molasses",
-    "żwir": "gravel",
-    "koła": "wheels",
-    "drewno": "wood",
-    "szyny": "rails",
-    "kable": "cables",
-    "kruszywo": "aggregate",
-    "techniczne": "technical",
-    "poczta": "mail",
-    "cement": "concrete",
-    "wapno": "lime",
+    "containers": "containers",
+    "food": "food tanks",
+    "food-empty": "food tanks (empty)",
+    "biomass": "biomass",
+    "biomass-empty": "biomass (empty)",
+    "cold-storage": "cold storage",
+    "loose-cargo": "loose cargo",
+    "coal": "coal",
+    "ore": "ore",
+    "sand": "sand",
+    "chalk": "chalk",
+    "stone": "stone",
+    "scrap": "scrap",
+    "fuel": "fuel",
+    "molasses": "molasses",
+    "gravel": "gravel",
+    "wheels": "wheels",
+    "wood": "wood",
+    "rails": "rails",
+    "cables": "cables",
+    "aggregate": "aggregate",
+    "technical": "technical",
+    "mail": "mail",
+    "concrete": "concrete",
+    "lime": "lime",
     "soda": "soda",
-    "pszenica": "wheat",
-    "kukurydza": "corn",
-    "pasza": "fodder",
-    "karbid": "carbide",
-    "pojazdy": "vehicles",
-    "wrażliwe": "sensitive",
-    "stal": "steel",
-    "gaz": "gas"
+    "wheat": "wheat",
+    "corn": "corn",
+    "fodder": "fodder",
+    "carbide": "carbide",
+    "vehicles": "vehicles",
+    "sensitive": "sensitive",
+    "steel": "steel",
+    "gas": "gas"
   },
   "usage": {
     "Gor89": "passenger carriage",
diff --git a/src/locales/pl.json b/src/locales/pl.json
index a05e40f..7817238 100644
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@@ -221,38 +221,40 @@
     "stock-title": "Skład:"
   },
   "cargo": {
-    "kontenery": "kontenery",
-    "biomasa": "biomasa",
-    "biomasa-puste": "biomasa (puste)",
-    "chłodnia": "chłodnia",
-    "drobnica": "drobnica",
-    "węgiel": "węgiel",
-    "ruda": "ruda",
-    "piasek": "piasek",
-    "kreda": "kreda",
-    "kamień": "kamień",
-    "złom": "złom",
-    "paliwo": "paliwo",
-    "melasa": "melasa",
-    "żwir": "żwir",
-    "koła": "koła",
-    "drewno": "drewno",
-    "szyny": "szyny",
-    "kable": "kable",
-    "kruszywo": "kruszywo",
-    "techniczne": "techniczne",
-    "poczta": "poczta",
-    "cement": "cement",
-    "wapno": "wapno",
+    "containers": "kontenery",
+    "food": "żywność",
+    "food-empty": "żywność (puste)",
+    "biomass": "biomasa",
+    "biomass-empty": "biomasa (puste)",
+    "cold-storage": "chłodnia",
+    "loose-cargo": "drobnica",
+    "coal": "węgiel",
+    "ore": "ruda",
+    "sand": "piasek",
+    "chalk": "kreda",
+    "stone": "kamień",
+    "scrap": "złom",
+    "fuel": "paliwo",
+    "molasses": "melasa",
+    "gravel": "żwir",
+    "wheels": "koła",
+    "wood": "drewno",
+    "rails": "szyny",
+    "cables": "kable",
+    "aggregate": "kruszywo",
+    "technical": "techniczne",
+    "mail": "poczta",
+    "concrete": "cement",
+    "lime": "wapno",
     "soda": "soda",
-    "pszenica": "pszenica",
-    "kukurydza": "kukurydza",
-    "pasza": "pasza",
-    "karbid": "karbid",
-    "pojazdy": "pojazdy",
-    "wrażliwe": "wrażliwe",
-    "stal": "stal",
-    "gaz": "gaz"
+    "wheat": "pszenica",
+    "corn": "kukurydza",
+    "fodder": "pasza",
+    "carbide": "karbid",
+    "vehicles": "pojazdy",
+    "sensitive": "wrażliwe",
+    "steel": "stal",
+    "gas": "gaz"
   },
   "usage": {
     "Gor89": "wagon pasażerski",

From be4d99d1c7bb218aa74e5a641af17d27334f7fd7 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 29 Mar 2026 14:42:37 +0200
Subject: [PATCH 06/17] chore(vehicles): added new cargo warning for EDK80
 wagon

---
 src/locales/en.json       |  5 +++--
 src/locales/pl.json       |  5 +++--
 src/utils/vehicleUtils.ts | 13 +++++++------
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 24e5180..2ecdeda 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -334,7 +334,7 @@
     "Luban_XH_short": "short residential car",
     "Luban_XH_long": "long residential car",
     "Luban_XH_workshop": "workshop car",
-    "EDK80": "crane car"
+    "EDK80": "railway crane car"
   },
   "cargo-warnings": {
     "title": "Rolling stock containing extra cargo warnings:",
@@ -342,7 +342,8 @@
     "warning_un1965_twr": "TWR: LPG (UN 1965)",
     "warning_un1965_tn": "TN: LPG - empty tank (UN 1965)",
     "warning_un1202_tn": "TN: diesel fuel (UN 1202)",
-    "warning_military_pn": "PN: military transport"
+    "warning_military_pn": "PN: military transport",
+    "warning_edk80_pn": "PN: railway crane EDK80"
   },
   "migrate-info": {
     "line-1": "Pojazdownik is being moved to a new domain - {0}! You can still use the current website, but it will no longer be updated and will be shut down in the nearest future!",
diff --git a/src/locales/pl.json b/src/locales/pl.json
index 7817238..1d3f26e 100644
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@@ -333,7 +333,7 @@
     "Luban_XH_short": "krótki wagon mieszkalny",
     "Luban_XH_long": "długi wagon mieszkalny",
     "Luban_XH_workshop": "wagon warsztatowy",
-    "EDK80": "dźwig kolejowy"
+    "EDK80": "żuraw kolejowy"
   },
   "cargo-warnings": {
     "title": "Skład z dodatkowymi uwagami przewozowymi:",
@@ -341,7 +341,8 @@
     "warning_un1965_twr": "TWR: gazy węglowodorowe skroplone (UN 1965)",
     "warning_un1965_tn": "TN: gazy węglowodorowe skroplone - puste cysterny (UN 1965)",
     "warning_un1202_tn": "TN: olej napędowy (UN 1202)",
-    "warning_military_pn": "PN: transport wojskowy"
+    "warning_military_pn": "PN: transport wojskowy",
+    "warning_edk80_pn": "PN: żuraw kolejowy EDK80"
   },
   "migrate-info": {
     "line-1": "Pojazdownik zostaje przeniesiony na nową domenę - {0}! Możesz korzystać z obecnej strony, jednak nie będzie ona otrzymywać już aktualizacji i w przyszłości zostanie wyłączona!",
diff --git a/src/utils/vehicleUtils.ts b/src/utils/vehicleUtils.ts
index 5d4a73e..305bc2c 100644
--- a/src/utils/vehicleUtils.ts
+++ b/src/utils/vehicleUtils.ts
@@ -106,12 +106,13 @@ export function getCargoWarnings(stockList: IStock[]) {
   let warnings: Set<string> = new Set();
 
   stockList.forEach((stockVehicle) => {
-    if (stockVehicle.vehicleRef.group == 'wagon-freight') {
-      if (stockVehicle.cargo && stockVehicle.cargo.id.startsWith('wt_20')) warnings.add('warning_wt_20_pn');
-      else if (stockVehicle.cargo && /^(tank|vehicles|truck)/.test(stockVehicle.cargo.id)) warnings.add('warning_military_pn');
-      else if (stockVehicle.vehicleRef.type.startsWith('WB117')) warnings.add(stockVehicle.cargo ? 'warning_un1965_twr' : 'warning_un1965_tn');
-      else if (stockVehicle.vehicleRef.type.startsWith('445Rb')) warnings.add('warning_un1202_tn');
-    }
+    if (stockVehicle.vehicleRef.group != 'wagon-freight') return;
+
+    if (stockVehicle.cargo && stockVehicle.cargo.id.startsWith('wt_20')) warnings.add('warning_wt_20_pn');
+    else if (stockVehicle.vehicleRef.type.startsWith('WB117')) warnings.add(stockVehicle.cargo ? 'warning_un1965_twr' : 'warning_un1965_tn');
+    else if (stockVehicle.vehicleRef.type.startsWith('445Rb')) warnings.add('warning_un1202_tn');
+    else if (stockVehicle.vehicleRef.type.startsWith('EDK80')) warnings.add('warning_edk80_pn');
+    else if (stockVehicle.cargo && /^(tank|vehicles|truck)/.test(stockVehicle.cargo.id)) warnings.add('warning_military_pn');
   });
 
   return warnings;

From 03f496ab08ca28f4b68df739d8260289645abc5c Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 29 Mar 2026 14:55:23 +0200
Subject: [PATCH 07/17] chore(file): selecting chosen storage stock name as
 file name when it's available

---
 src/utils/fileUtils.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/utils/fileUtils.ts b/src/utils/fileUtils.ts
index 122b37a..ff149bd 100644
--- a/src/utils/fileUtils.ts
+++ b/src/utils/fileUtils.ts
@@ -6,11 +6,13 @@ export const useFileUtils = () => {
   function getCurrentStockFileName() {
     let fileName = '';
 
+    if (store.chosenStorageStockName.trim() != '') {
+      return store.chosenStorageStockName;
+    }
+
     const currentStockString = store.stockList.map((s) => s.vehicleRef.type).join(';');
 
-    const currentRealComp = store.realCompositionList.find(
-      (rc) => rc.stockString == currentStockString
-    );
+    const currentRealComp = store.realCompositionList.find((rc) => rc.stockString == currentStockString);
 
     // Append real composition to the name if chosen
     if (currentRealComp != undefined) {

From 72290b60981b0076d364736c91bb2353c186f042 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 1 Apr 2026 18:07:58 +0200
Subject: [PATCH 08/17] refactor: replaced axios with native fetch API

---
 package.json               |  1 -
 src/http.ts                | 29 +++++++++++++++++++++--------
 src/managers/apiManager.ts | 16 ----------------
 src/store.ts               | 12 +++++++++---
 4 files changed, 30 insertions(+), 28 deletions(-)
 delete mode 100644 src/managers/apiManager.ts

diff --git a/package.json b/package.json
index 287e967..09d2d6b 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,6 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "axios": "^1.4.0",
     "lucide-vue-next": "^0.576.0",
     "pinia": "^3.0.3",
     "prettier": "^3.0.3",
diff --git a/src/http.ts b/src/http.ts
index 9b1d8be..ca54329 100644
--- a/src/http.ts
+++ b/src/http.ts
@@ -1,10 +1,23 @@
-import axios from 'axios';
+export class HttpClient {
+  constructor(private readonly baseURL: string) {}
 
-const http = axios.create({
-  baseURL:
-    import.meta.env.VITE_API_DEV === '1' && import.meta.env.DEV
-      ? 'http://localhost:3001'
-      : 'https://stacjownik.spythere.eu',
-});
+  async get<T>(url: string, params?: Record<string, any>): Promise<T> {
+    const absoluteURL = new URL(this.baseURL + '/' + url);
 
-export default http;
+    if (params) {
+      Object.keys(params).forEach((key) => {
+        if (params[key] === undefined) return;
+
+        absoluteURL.searchParams.append(key, params[key]);
+      });
+    }
+
+    const data = await fetch(absoluteURL);
+
+    if (!data.ok) {
+      throw new Error(`Cannot fetch: ${absoluteURL}`);
+    }
+
+    return data.json();
+  }
+}
diff --git a/src/managers/apiManager.ts b/src/managers/apiManager.ts
deleted file mode 100644
index 9cdf477..0000000
--- a/src/managers/apiManager.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import http from '../http';
-import { API } from '../types/api.types';
-
-export class ApiManager {
-  static async fetchActiveData() {
-    try {
-      const responseData = (await http.get<API.ActiveData>('/api/getActiveData')).data;
-
-      return responseData;
-    } catch (error) {
-      console.error('Nie udało się pobrać zdalnej zawartości', error);
-    }
-
-    return null;
-  }
-}
diff --git a/src/store.ts b/src/store.ts
index 995980c..2cd98a9 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -14,6 +14,7 @@ import {
 import { defineStore } from 'pinia';
 import {
   acceptableWeight,
+  additionalCargoTypes,
   carDataList,
   getCargoWarnings,
   isTractionUnit,
@@ -26,9 +27,10 @@ import {
   totalWeight,
 } from './utils/vehicleUtils';
 
-import http from './http';
-
 import realCompositionsJSON from './data/realCompositions.json';
+import { HttpClient } from './http';
+
+const baseURL = import.meta.env.VITE_API_DEV === '1' && import.meta.env.DEV ? 'http://localhost:3001' : 'https://stacjownik.spythere.eu';
 
 export const useStore = defineStore('store', {
   state: () => ({
@@ -65,6 +67,8 @@ export const useStore = defineStore('store', {
     chosenStorageStockString: '',
 
     compatibleSimulatorVersion: '2025.1.1',
+
+    httpClient: new HttpClient(baseURL),
   }),
 
   getters: {
@@ -89,6 +93,8 @@ export const useStore = defineStore('store', {
 
       return state.stockList
         .map((stock, i) => {
+          // let cargoString = '';
+
           let stockTypeStr = isTractionUnit(stock.vehicleRef) || !stock.cargo ? stock.vehicleRef.type : `${stock.vehicleRef.type}:${stock.cargo.id}`;
 
           if (i == 0 && (coldStartActive || doubleManningActive))
@@ -125,7 +131,7 @@ export const useStore = defineStore('store', {
   actions: {
     async fetchVehiclesAPI() {
       try {
-        const vehiclesData = (await http.get<IVehiclesAPIResponse>('/api/getVehicles')).data;
+        const vehiclesData = await this.httpClient.get<IVehiclesAPIResponse>('api/getVehicles');
         this.vehiclesData = vehiclesData;
       } catch (error) {
         console.error(error);

From 80a694dd23f24f5f518e98118e625acc4bf3e645 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 1 Apr 2026 18:20:03 +0200
Subject: [PATCH 09/17] refactor: moved file utils to composable mixin

---
 .../tabs/stock-list/StockActions.vue          | 31 +++++++------------
 src/composables/file.ts                       | 25 +++++++++++++++
 src/utils/fileUtils.ts                        | 29 -----------------
 3 files changed, 36 insertions(+), 49 deletions(-)
 create mode 100644 src/composables/file.ts
 delete mode 100644 src/utils/fileUtils.ts

diff --git a/src/components/tabs/stock-list/StockActions.vue b/src/components/tabs/stock-list/StockActions.vue
index f08fb03..c21375d 100644
--- a/src/components/tabs/stock-list/StockActions.vue
+++ b/src/components/tabs/stock-list/StockActions.vue
@@ -1,20 +1,12 @@
 <template>
   <div class="stock_actions">
     <div class="actions-top">
-      <button
-        class="btn btn--image"
-        @click="clickFileInput"
-        :data-button-tooltip="$t('stocklist.action-upload-file')"
-      >
+      <button class="btn btn--image" @click="clickFileInput" :data-button-tooltip="$t('stocklist.action-upload-file')">
         <input type="file" @change="uploadStockFromFile" ref="conFile" accept=".con,.txt" />
         <FolderUp :stroke-width="2.5" />
       </button>
 
-      <button
-        class="btn btn--image"
-        @click="uploadStockFromClipboard"
-        :data-button-tooltip="$t('stocklist.action-upload-clipboard')"
-      >
+      <button class="btn btn--image" @click="uploadStockFromClipboard" :data-button-tooltip="$t('stocklist.action-upload-clipboard')">
         <ClipboardPaste :stroke-width="2.5" />
       </button>
 
@@ -115,10 +107,11 @@ import { defineComponent } from 'vue';
 import { useStore } from '../../../store';
 
 import { isTractionUnit } from '../../../utils/vehicleUtils';
-import { useFileUtils } from '../../../utils/fileUtils';
 import stockMixin from '../../../mixins/stockMixin';
 import { useStockListUtils } from '../../../utils/stockListUtils';
 
+import { getCurrentStockFileName } from '../../../composables/file';
+
 import {
   Bookmark,
   ChevronDown,
@@ -157,12 +150,11 @@ export default defineComponent({
   }),
 
   setup() {
-    const fileUtils = useFileUtils();
     const stockListUtils = useStockListUtils();
 
     return {
-      fileUtils,
       stockListUtils,
+      getCurrentStockFileName,
     };
   },
 
@@ -202,8 +194,7 @@ export default defineComponent({
 
         availableIndexes.splice(i, -1);
 
-        const randAvailableIndex =
-          availableIndexes[Math.floor(Math.random() * availableIndexes.length)];
+        const randAvailableIndex = availableIndexes[Math.floor(Math.random() * availableIndexes.length)];
         const tempSwap = this.store.stockList[randAvailableIndex];
 
         this.store.stockList[randAvailableIndex] = this.store.stockList[i];
@@ -216,9 +207,7 @@ export default defineComponent({
 
       const isFirstTractionUnit = isTractionUnit(this.store.stockList[0].vehicleRef);
 
-      const sliceToSwap = isFirstTractionUnit
-        ? this.store.stockList.slice(1)
-        : this.store.stockList.slice();
+      const sliceToSwap = isFirstTractionUnit ? this.store.stockList.slice(1) : this.store.stockList.slice();
 
       sliceToSwap.reverse();
 
@@ -230,7 +219,7 @@ export default defineComponent({
     downloadStock() {
       if (this.store.stockList.length == 0) return alert(this.$t('stocklist.alert-empty'));
 
-      const defaultName = this.fileUtils.getCurrentStockFileName();
+      const defaultName = this.getCurrentStockFileName();
       const fileName = prompt(this.$t('stocklist.prompt-file'), defaultName);
 
       if (!fileName) return;
@@ -273,7 +262,7 @@ export default defineComponent({
     saveStockDataToStorage() {
       if (this.store.stockList.length == 0) return;
 
-      const defaultName = this.fileUtils.getCurrentStockFileName();
+      const defaultName = this.getCurrentStockFileName();
       const entryName = prompt(this.$t('stocklist.prompt-bookmark'), defaultName);
 
       if (!entryName) return;
@@ -307,6 +296,8 @@ export default defineComponent({
         const content = await navigator.clipboard.readText();
         this.loadStockFromString(content);
       } catch (error) {
+        console.error(error);
+
         switch (error) {
           case 'stock-loading-error':
             alert(this.$t('stocklist.stock-loading-error'));
diff --git a/src/composables/file.ts b/src/composables/file.ts
new file mode 100644
index 0000000..75a5e09
--- /dev/null
+++ b/src/composables/file.ts
@@ -0,0 +1,25 @@
+import { useStore } from '../store';
+
+export function getCurrentStockFileName() {
+  const store = useStore();
+
+  let fileName = '';
+
+  if (store.chosenStorageStockName.trim() != '') {
+    return store.chosenStorageStockName;
+  }
+
+  const currentStockString = store.stockList.map((s) => s.vehicleRef.type).join(';');
+
+  const currentRealComp = store.realCompositionList.find((rc) => rc.stockString == currentStockString);
+
+  // Append real composition to the name if chosen
+  if (currentRealComp != undefined) {
+    fileName += `${currentRealComp.stockId} `;
+  }
+
+  // Append default props
+  fileName += `${store.stockList[0].vehicleRef.type} ${(store.totalWeight / 1000).toFixed(1)}t; ${store.totalLength}m; vmax ${store.maxStockSpeed}`;
+
+  return fileName;
+}
diff --git a/src/utils/fileUtils.ts b/src/utils/fileUtils.ts
deleted file mode 100644
index ff149bd..0000000
--- a/src/utils/fileUtils.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { useStore } from '../store';
-
-export const useFileUtils = () => {
-  const store = useStore();
-
-  function getCurrentStockFileName() {
-    let fileName = '';
-
-    if (store.chosenStorageStockName.trim() != '') {
-      return store.chosenStorageStockName;
-    }
-
-    const currentStockString = store.stockList.map((s) => s.vehicleRef.type).join(';');
-
-    const currentRealComp = store.realCompositionList.find((rc) => rc.stockString == currentStockString);
-
-    // Append real composition to the name if chosen
-    if (currentRealComp != undefined) {
-      fileName += `${currentRealComp.stockId} `;
-    }
-
-    // Append default props
-    fileName += `${store.stockList[0].vehicleRef.type} ${(store.totalWeight / 1000).toFixed(1)}t; ${store.totalLength}m; vmax ${store.maxStockSpeed}`;
-
-    return fileName;
-  }
-
-  return { getCurrentStockFileName };
-};

From 5220eeb23654f48a3c2a7d2ef8271e727ab5ea2e Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 1 Apr 2026 23:04:15 +0200
Subject: [PATCH 10/17] chore(stock): added supporting internal cargo for
 generating 627Z & 412Z mixed containers

---
 .../tabs/stock-list/StockActions.vue          |  6 +-
 src/composables/file.ts                       | 25 +++++++
 src/mixins/stockMixin.ts                      | 27 +++++---
 src/store.ts                                  |  2 -
 src/utils/vehicleUtils.ts                     | 65 ++++++++++++++++++-
 5 files changed, 109 insertions(+), 16 deletions(-)

diff --git a/src/components/tabs/stock-list/StockActions.vue b/src/components/tabs/stock-list/StockActions.vue
index c21375d..c04123b 100644
--- a/src/components/tabs/stock-list/StockActions.vue
+++ b/src/components/tabs/stock-list/StockActions.vue
@@ -110,7 +110,7 @@ import { isTractionUnit } from '../../../utils/vehicleUtils';
 import stockMixin from '../../../mixins/stockMixin';
 import { useStockListUtils } from '../../../utils/stockListUtils';
 
-import { getCurrentStockFileName } from '../../../composables/file';
+import { getCurrentStockFileName, getStockStringOutput } from '../../../composables/file';
 
 import {
   Bookmark,
@@ -166,7 +166,7 @@ export default defineComponent({
 
   methods: {
     copyToClipboard() {
-      navigator.clipboard.writeText(this.store.stockString);
+      navigator.clipboard.writeText(getStockStringOutput());
 
       setTimeout(() => {
         alert(this.$t('stocklist.alert-copied'));
@@ -224,7 +224,7 @@ export default defineComponent({
 
       if (!fileName) return;
 
-      const blob = new Blob([this.store.stockString]);
+      const blob = new Blob([getStockStringOutput()]);
       const file = fileName + '.con';
 
       var e = document.createEvent('MouseEvents'),
diff --git a/src/composables/file.ts b/src/composables/file.ts
index 75a5e09..f5fd35c 100644
--- a/src/composables/file.ts
+++ b/src/composables/file.ts
@@ -1,4 +1,5 @@
 import { useStore } from '../store';
+import { additionalCargoTypes } from '../utils/vehicleUtils';
 
 export function getCurrentStockFileName() {
   const store = useStore();
@@ -23,3 +24,27 @@ export function getCurrentStockFileName() {
 
   return fileName;
 }
+
+export function getStockStringOutput() {
+  const store = useStore();
+
+  const stockEntries = store.stockString.split(';');
+
+  const parsedEntries = store.stockList.map((stockVehicle, i) => {
+    if (stockVehicle.cargo && /412Z|627Z/.test(stockVehicle.vehicleRef.constructionType)) {
+      const additionalCargo = additionalCargoTypes.find(
+        (c) => c.groupType == stockVehicle.vehicleRef.constructionType && c.id == stockVehicle.cargo!.id
+      );
+
+      if (additionalCargo) {
+        let cargoString = additionalCargo.cargoStringVariations[Math.floor(Math.random() * additionalCargo.cargoStringVariations.length)];
+
+        return stockEntries[i].replace(stockVehicle.cargo.id, cargoString);
+      }
+    }
+
+    return stockEntries[i];
+  });
+
+  return parsedEntries.join(';');
+}
diff --git a/src/mixins/stockMixin.ts b/src/mixins/stockMixin.ts
index 01dad46..b8c061e 100644
--- a/src/mixins/stockMixin.ts
+++ b/src/mixins/stockMixin.ts
@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import { useStore } from '../store';
 import { ICarWagon, ILocomotive, IStock, ICargo, IVehicle } from '../types/common.types';
-import { isTractionUnit } from '../utils/vehicleUtils';
+import { additionalCargoTypes, isTractionUnit } from '../utils/vehicleUtils';
 
 export default defineComponent({
   setup() {
@@ -28,11 +28,7 @@ export default defineComponent({
 
       const stock = this.getStockObject(vehicle, cargo);
 
-      if (
-        isTractionUnit(stock.vehicleRef) &&
-        this.store.stockList.length > 0 &&
-        !isTractionUnit(this.store.stockList[0].vehicleRef)
-      )
+      if (isTractionUnit(stock.vehicleRef) && this.store.stockList.length > 0 && !isTractionUnit(this.store.stockList[0].vehicleRef))
         this.store.stockList.unshift(stock);
       else this.store.stockList.push(stock);
     },
@@ -40,8 +36,7 @@ export default defineComponent({
     addLocomotive(loco: ILocomotive) {
       const stockObj = this.getStockObject(loco);
 
-      if (this.store.stockList.length > 0 && !isTractionUnit(this.store.stockList[0].vehicleRef))
-        this.store.stockList.unshift(stockObj);
+      if (this.store.stockList.length > 0 && !isTractionUnit(this.store.stockList[0].vehicleRef)) this.store.stockList.unshift(stockObj);
       else this.store.stockList.push(stockObj);
     },
 
@@ -80,10 +75,22 @@ export default defineComponent({
             this.store.isDoubleManned = spawnProps.includes('d');
           }
         } else {
-          const [carType, cargo] = type.split(':');
+          const [carType, ...cargo] = type.split(':');
           vehicle = this.store.carDataList.find((car) => car.type == carType) || null;
 
-          if (cargo) vehicleCargo = vehicle?.cargoTypes.find((c) => c.id == cargo) || null;
+          if (vehicle && cargo.length > 0) {
+            if (/412Z|627Z/.test(vehicle.constructionType)) {
+              const additionalCargo = additionalCargoTypes.find(
+                (c) => c.groupType == vehicle!.constructionType && c.cargoStringVariations.includes(cargo.join(':'))
+              );
+
+              if (additionalCargo) {
+                cargo[0] = additionalCargo.id;
+              }
+            }
+
+            vehicleCargo = vehicle?.cargoTypes.find((c) => c.id == cargo[0]) || null;
+          }
         }
 
         if (!vehicle && type) {
diff --git a/src/store.ts b/src/store.ts
index 2cd98a9..95b81ce 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -93,8 +93,6 @@ export const useStore = defineStore('store', {
 
       return state.stockList
         .map((stock, i) => {
-          // let cargoString = '';
-
           let stockTypeStr = isTractionUnit(stock.vehicleRef) || !stock.cargo ? stock.vehicleRef.type : `${stock.vehicleRef.type}:${stock.cargo.id}`;
 
           if (i == 0 && (coldStartActive || doubleManningActive))
diff --git a/src/utils/vehicleUtils.ts b/src/utils/vehicleUtils.ts
index 305bc2c..23f9098 100644
--- a/src/utils/vehicleUtils.ts
+++ b/src/utils/vehicleUtils.ts
@@ -1,6 +1,56 @@
 import { ICarWagon, ILocomotive, IStock, IVehicleData, LocoGroupType, WagonGroupType } from '../types/common.types';
 import { MassLimitLocoType, calculateMassLimit, calculateSpeedLimit } from './vehicleLimitsUtils';
 
+export const additionalCargoTypes = [
+  {
+    groupType: '627Z',
+    id: '627Z_mix1_sctc_loaded',
+    weight: 96500,
+    cargoStringVariations: [
+      'sc_20:tc_20_loaded:tc_20_loaded:tc_20_loaded',
+      'tc_20_loaded:sc_20:tc_20_loaded:tc_20_loaded',
+      'tc_20_loaded:tc_20_loaded:sc_20:tc_20_loaded',
+      'tc_20_loaded:tc_20_loaded:tc_20_loaded:sc_20',
+    ],
+  },
+  {
+    groupType: '627Z',
+    id: '627Z_mix2_sctc_loaded',
+    weight: 87000,
+    cargoStringVariations: [
+      'sc_20:tc_20_loaded:tc_20_loaded:sc_20',
+      'sc_20:tc_20_loaded:sc_20:tc_20_loaded',
+      'sc_20:sc_20:tc_20_loaded:tc_20_loaded',
+      'tc_20_loaded:tc_20_loaded:sc_20:sc_20',
+      'tc_20_loaded:sc_20:tc_20_loaded:sc_20',
+      'tc_20_loaded:sc_20:sc_20:tc_20_loaded',
+    ],
+  },
+  {
+    groupType: '627Z',
+    id: '627Z_mix3_sctc_loaded',
+    weight: 77500,
+    cargoStringVariations: [
+      'sc_20:sc_20:sc_20:tc_20_loaded',
+      'sc_20:sc_20:tc_20_loaded:sc_20',
+      'sc_20:tc_20_loaded:sc_20:sc_20',
+      'tc_20_loaded:sc_20:sc_20:sc_20',
+    ],
+  },
+  {
+    groupType: '412Z',
+    id: '412Z_mix1_sctc_loaded',
+    weight: 43500,
+    cargoStringVariations: ['sc_20:tc_20_loaded', 'tc_20_loaded:sc_20'],
+  },
+  {
+    groupType: '412Z',
+    id: '412Z_mix1_sctc_empty',
+    weight: 33970,
+    cargoStringVariations: ['sc_20:tc_20_empty:sc_20'],
+  },
+];
+
 export function isTractionUnit(vehicle: ILocomotive | ICarWagon): vehicle is ILocomotive {
   return (vehicle as ILocomotive).cabinType !== undefined;
 }
@@ -42,12 +92,25 @@ export function carDataList(vehiclesData: IVehicleData[] | undefined) {
   return vehiclesData.reduce<ICarWagon[]>((acc, data) => {
     if (data.cabinName !== null) return acc;
 
+    const cargoTypes = data.group.cargoTypes || [];
+
+    if (/412Z|627Z/.test(data.group.name)) {
+      cargoTypes.push(
+        ...additionalCargoTypes
+          .filter((c) => c.groupType == data.group.name)
+          .map((c) => ({
+            id: c.id,
+            weight: c.weight,
+          }))
+      );
+    }
+
     acc.push({
       group: data.type as WagonGroupType,
       type: data.name,
       constructionType: data.group.name,
       loadable: data.group.cargoTypes !== null && data.group.cargoTypes.length > 0,
-      cargoTypes: data.group?.cargoTypes ?? [],
+      cargoTypes,
 
       sponsorOnlyTimestamp: data.restrictions?.sponsorOnly ?? 0,
       teamOnly: data.restrictions?.teamOnly ?? false,

From 97ce0febec577c2a1e6f91cd9cdc7f4db58ad283 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 1 Apr 2026 23:37:24 +0200
Subject: [PATCH 11/17] chore(generator): added new stock generator options
 (intermodal)

---
 src/data/generatorData.json | 7 +++++++
 src/locales/en.json         | 3 ++-
 src/locales/pl.json         | 3 ++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/data/generatorData.json b/src/data/generatorData.json
index 7afe899..edc4d6a 100644
--- a/src/data/generatorData.json
+++ b/src/data/generatorData.json
@@ -3,6 +3,13 @@
     "containers": ["412Z:sc_20", "412Z:sc_40", "627Z:sc_20", "627Z:sc_40"],
     "food": ["412Z:tc_20_loaded", "627Z:tc_20_loaded"],
     "food-empty": ["412Z:tc_20_empty", "627Z:tc_20_empty"],
+    "intermodal": [
+      "627Z:627Z_mix1_sctc_loaded",
+      "627Z:627Z_mix2_sctc_loaded",
+      "627Z:627Z_mix3_sctc_loaded",
+      "412Z:412Z_mix1_sctc_loaded",
+      "412Z:412Z_mix1_sctc_empty"
+    ],
     "biomass": ["412Z:wt_20_biomass", "627Z:wt_20_biomass"],
     "biomass-empty": [
       "412Z:wt_20_empty",
diff --git a/src/locales/en.json b/src/locales/en.json
index 2ecdeda..c815722 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -254,7 +254,8 @@
     "vehicles": "vehicles",
     "sensitive": "sensitive",
     "steel": "steel",
-    "gas": "gas"
+    "gas": "gas",
+    "intermodal": "intermodalne"
   },
   "usage": {
     "Gor89": "passenger carriage",
diff --git a/src/locales/pl.json b/src/locales/pl.json
index 1d3f26e..af12cac 100644
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@@ -254,7 +254,8 @@
     "vehicles": "pojazdy",
     "sensitive": "wrażliwe",
     "steel": "stal",
-    "gas": "gaz"
+    "gas": "gaz",
+    "intermodal": "intermodalne"
   },
   "usage": {
     "Gor89": "wagon pasażerski",

From a37c9916b5a7ba728d01374005d73639069a25a1 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 4 Apr 2026 21:03:33 +0200
Subject: [PATCH 12/17] chore(generator): removed additional cargo for
 intermodals; added new vehicle api types

---
 .../tabs/stock-list/StockActions.vue          |   6 +-
 src/composables/file.ts                       |   1 +
 src/data/generatorData.json                   |  13 +-
 src/mixins/stockMixin.ts                      |  25 ++--
 src/store.ts                                  |   8 +-
 src/types/api.types.ts                        | 128 ++++++------------
 src/utils/vehicleUtils.ts                     |   5 +-
 7 files changed, 78 insertions(+), 108 deletions(-)

diff --git a/src/components/tabs/stock-list/StockActions.vue b/src/components/tabs/stock-list/StockActions.vue
index c04123b..c21375d 100644
--- a/src/components/tabs/stock-list/StockActions.vue
+++ b/src/components/tabs/stock-list/StockActions.vue
@@ -110,7 +110,7 @@ import { isTractionUnit } from '../../../utils/vehicleUtils';
 import stockMixin from '../../../mixins/stockMixin';
 import { useStockListUtils } from '../../../utils/stockListUtils';
 
-import { getCurrentStockFileName, getStockStringOutput } from '../../../composables/file';
+import { getCurrentStockFileName } from '../../../composables/file';
 
 import {
   Bookmark,
@@ -166,7 +166,7 @@ export default defineComponent({
 
   methods: {
     copyToClipboard() {
-      navigator.clipboard.writeText(getStockStringOutput());
+      navigator.clipboard.writeText(this.store.stockString);
 
       setTimeout(() => {
         alert(this.$t('stocklist.alert-copied'));
@@ -224,7 +224,7 @@ export default defineComponent({
 
       if (!fileName) return;
 
-      const blob = new Blob([getStockStringOutput()]);
+      const blob = new Blob([this.store.stockString]);
       const file = fileName + '.con';
 
       var e = document.createEvent('MouseEvents'),
diff --git a/src/composables/file.ts b/src/composables/file.ts
index f5fd35c..01201de 100644
--- a/src/composables/file.ts
+++ b/src/composables/file.ts
@@ -25,6 +25,7 @@ export function getCurrentStockFileName() {
   return fileName;
 }
 
+// UNUSED - PARSES ADDITIONAL CARGO FOR INTERMODALS
 export function getStockStringOutput() {
   const store = useStore();
 
diff --git a/src/data/generatorData.json b/src/data/generatorData.json
index edc4d6a..3682337 100644
--- a/src/data/generatorData.json
+++ b/src/data/generatorData.json
@@ -4,11 +4,14 @@
     "food": ["412Z:tc_20_loaded", "627Z:tc_20_loaded"],
     "food-empty": ["412Z:tc_20_empty", "627Z:tc_20_empty"],
     "intermodal": [
-      "627Z:627Z_mix1_sctc_loaded",
-      "627Z:627Z_mix2_sctc_loaded",
-      "627Z:627Z_mix3_sctc_loaded",
-      "412Z:412Z_mix1_sctc_loaded",
-      "412Z:412Z_mix1_sctc_empty"
+      "627Z:sc_20",
+      "627Z:sc_40",
+      "627Z:tc_20_empty",
+      "627Z:tc_20_loaded",
+      "412Z:sc_20",
+      "412Z:sc_40",
+      "412Z:tc_20_empty",
+      "412Z:tc_20_loaded"
     ],
     "biomass": ["412Z:wt_20_biomass", "627Z:wt_20_biomass"],
     "biomass-empty": [
diff --git a/src/mixins/stockMixin.ts b/src/mixins/stockMixin.ts
index b8c061e..53eed73 100644
--- a/src/mixins/stockMixin.ts
+++ b/src/mixins/stockMixin.ts
@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import { useStore } from '../store';
 import { ICarWagon, ILocomotive, IStock, ICargo, IVehicle } from '../types/common.types';
-import { additionalCargoTypes, isTractionUnit } from '../utils/vehicleUtils';
+import { isTractionUnit } from '../utils/vehicleUtils';
 
 export default defineComponent({
   setup() {
@@ -75,21 +75,22 @@ export default defineComponent({
             this.store.isDoubleManned = spawnProps.includes('d');
           }
         } else {
-          const [carType, ...cargo] = type.split(':');
+          const [carType, cargo] = type.split(':');
           vehicle = this.store.carDataList.find((car) => car.type == carType) || null;
 
-          if (vehicle && cargo.length > 0) {
-            if (/412Z|627Z/.test(vehicle.constructionType)) {
-              const additionalCargo = additionalCargoTypes.find(
-                (c) => c.groupType == vehicle!.constructionType && c.cargoStringVariations.includes(cargo.join(':'))
-              );
+          if (cargo) {
+            vehicleCargo = vehicle?.cargoTypes.find((c) => c.id == cargo) || null;
 
-              if (additionalCargo) {
-                cargo[0] = additionalCargo.id;
-              }
-            }
+            // UNUSED - ADDITIONAL INTERMODAL CARGO TEST
+            // if (/412Z|627Z/.test(vehicle.constructionType)) {
+            //   const additionalCargo = additionalCargoTypes.find(
+            //     (c) => c.groupType == vehicle!.constructionType && c.cargoStringVariations.includes(cargo.join(':'))
+            //   );
 
-            vehicleCargo = vehicle?.cargoTypes.find((c) => c.id == cargo[0]) || null;
+            //   if (additionalCargo) {
+            //     cargo[0] = additionalCargo.id;
+            //   }
+            // }
           }
         }
 
diff --git a/src/store.ts b/src/store.ts
index 95b81ce..b27798c 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -14,7 +14,6 @@ import {
 import { defineStore } from 'pinia';
 import {
   acceptableWeight,
-  additionalCargoTypes,
   carDataList,
   getCargoWarnings,
   isTractionUnit,
@@ -29,6 +28,7 @@ import {
 
 import realCompositionsJSON from './data/realCompositions.json';
 import { HttpClient } from './http';
+import { API } from './types/api.types';
 
 const baseURL = import.meta.env.VITE_API_DEV === '1' && import.meta.env.DEV ? 'http://localhost:3001' : 'https://stacjownik.spythere.eu';
 
@@ -129,8 +129,10 @@ export const useStore = defineStore('store', {
   actions: {
     async fetchVehiclesAPI() {
       try {
-        const vehiclesData = await this.httpClient.get<IVehiclesAPIResponse>('api/getVehicles');
-        this.vehiclesData = vehiclesData;
+        const response = await this.httpClient.get<API.VehiclesData.Response>('api/getVehiclesData');
+        // this.vehiclesData = response.;
+
+        console.log(response);
       } catch (error) {
         console.error(error);
       }
diff --git a/src/types/api.types.ts b/src/types/api.types.ts
index 8d474df..c2c1a7a 100644
--- a/src/types/api.types.ts
+++ b/src/types/api.types.ts
@@ -1,87 +1,49 @@
 // API namespace
 export namespace API {
-  export interface ActiveData {
-    trains: Train[];
-    activeSceneries: ActiveScenery[];
+  export namespace VehiclesData {
+    export interface VehicleObject {
+      id: number;
+      name: string;
+      type: string;
+      cabinName: string | null;
+      restrictions: Record<string, any> | null;
+      vehicleGroupsId: number;
+    }
+
+    export interface VehicleGroupObject {
+      id: number;
+      name: string;
+      speed: number;
+      speedLoaded?: number;
+      speedLoco?: number;
+      length: number;
+      weight: number;
+      cargoTypes: VehicleCargo[] | null;
+
+      locoProps: {
+        coldStart: boolean;
+        doubleManned: boolean;
+      } | null;
+
+      massSpeeds: VehicleGroupMassSpeeds | null;
+    }
+
+    export interface VehicleGroupMassSpeeds {
+      passenger: Record<string, number> | null;
+      cargo: Record<string, number> | null;
+      none: number | null;
+    }
+
+    export interface VehicleCargo {
+      id: string;
+      weight: number;
+    }
+
+    export interface Data {
+      vehicles: VehicleObject[];
+      vehicleGroups: VehicleGroupObject[];
+    }
+
+    export type Response = Data;
   }
 }
-
-export interface ActiveScenery {
-  dispatcherId: number;
-  dispatcherName: string;
-  dispatcherIsSupporter: boolean;
-  stationName: string;
-  stationHash: string;
-  region: string;
-  maxUsers: number;
-  currentUsers: number;
-  spawn: number;
-  lastSeen: number;
-  dispatcherExp: number;
-  nameFromHeader: string;
-  spawnString?: string;
-  networkConnectionString: string;
-  isOnline: number;
-  dispatcherRate: number;
-  dispatcherStatus: number;
-}
-
-export interface Train {
-  id: string;
-  trainNo: number;
-  mass: number;
-  speed: number;
-  length: number;
-  distance: number;
-  stockString: string;
-  driverName: string;
-  driverId: number;
-  driverIsSupporter: boolean;
-  driverLevel: number;
-  currentStationHash: string;
-  currentStationName: string;
-  signal: string;
-  connectedTrack: string;
-  online: number;
-  lastSeen: number;
-  region: string;
-  isTimeout: boolean;
-  timetable?: Timetable;
-}
-
-export interface Timetable {
-  SKR: boolean;
-  TWR: boolean;
-  hasDangerousCargo: boolean;
-  hasExtraDeliveries: boolean;
-  warningNotes: string;
-  category: string;
-  stopList: TimetableStop[];
-  route: string;
-  timetableId: number;
-  sceneries: string[];
-  path: string;
-}
-
-export interface TimetableStop {
-  stopName: string;
-  stopNameRAW: string;
-  stopType: string;
-  stopDistance: number;
-  pointId: string;
-  comments?: (null | string)[];
-  mainStop: boolean;
-  arrivalLine?: string;
-  arrivalTimestamp: number;
-  arrivalRealTimestamp: number;
-  arrivalDelay: number;
-  departureLine?: string;
-  departureTimestamp: number;
-  departureRealTimestamp: number;
-  departureDelay: number;
-  beginsHere: boolean;
-  terminatesHere: boolean;
-  confirmed: number;
-  stopped: number;
-  stopTime?: number;
-}
diff --git a/src/utils/vehicleUtils.ts b/src/utils/vehicleUtils.ts
index 23f9098..0d6e0e1 100644
--- a/src/utils/vehicleUtils.ts
+++ b/src/utils/vehicleUtils.ts
@@ -1,6 +1,7 @@
 import { ICarWagon, ILocomotive, IStock, IVehicleData, LocoGroupType, WagonGroupType } from '../types/common.types';
 import { MassLimitLocoType, calculateMassLimit, calculateSpeedLimit } from './vehicleLimitsUtils';
 
+// UNUSED - ADDITIONAL CARGO TYPES FOR INTERMODALS
 export const additionalCargoTypes = [
   {
     groupType: '627Z',
@@ -41,12 +42,12 @@ export const additionalCargoTypes = [
     groupType: '412Z',
     id: '412Z_mix1_sctc_loaded',
     weight: 43500,
-    cargoStringVariations: ['sc_20:tc_20_loaded', 'tc_20_loaded:sc_20'],
+    cargoStringVariations: ['sc_20:tc_20_loaded:tc_20_loaded'],
   },
   {
     groupType: '412Z',
     id: '412Z_mix1_sctc_empty',
-    weight: 33970,
+    weight: 37735,
     cargoStringVariations: ['sc_20:tc_20_empty:sc_20'],
   },
 ];

From a86ba561ea0c25389d2e3293e90602fad779c13d Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 4 Apr 2026 21:13:43 +0200
Subject: [PATCH 13/17] refactor(api): changed fetching data from the new api
 endpoint

---
 src/store.ts              |  5 ++++-
 src/types/api.types.ts    |  5 ++++-
 src/types/common.types.ts |  1 -
 src/utils/vehicleUtils.ts | 21 +++++++++++----------
 4 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/store.ts b/src/store.ts
index b27798c..0c80d9c 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -130,7 +130,10 @@ export const useStore = defineStore('store', {
     async fetchVehiclesAPI() {
       try {
         const response = await this.httpClient.get<API.VehiclesData.Response>('api/getVehiclesData');
-        // this.vehiclesData = response.;
+        this.vehiclesData = response.vehicles.map((v) => ({
+          ...v,
+          group: response.vehicleGroups.find((g) => g.id == v.vehicleGroupsId)!,
+        }));
 
         console.log(response);
       } catch (error) {
diff --git a/src/types/api.types.ts b/src/types/api.types.ts
index c2c1a7a..6f5650b 100644
--- a/src/types/api.types.ts
+++ b/src/types/api.types.ts
@@ -1,3 +1,5 @@
+import { IVehicleRestrictions } from './common.types';
+
 // API namespace
 export namespace API {
   export namespace VehiclesData {
@@ -6,7 +8,8 @@ export namespace API {
       name: string;
       type: string;
       cabinName: string | null;
-      restrictions: Record<string, any> | null;
+      restrictions: IVehicleRestrictions | null;
+
       vehicleGroupsId: number;
     }
 
diff --git a/src/types/common.types.ts b/src/types/common.types.ts
index 6e5bb8f..ac2bb5a 100644
--- a/src/types/common.types.ts
+++ b/src/types/common.types.ts
@@ -74,7 +74,6 @@ export interface IVehicleData {
   cabinName: string | null;
   restrictions: IVehicleRestrictions | null;
   vehicleGroupsId: number;
-  simulatorVersion: string;
   group: IVehicleGroup;
 }
 
diff --git a/src/utils/vehicleUtils.ts b/src/utils/vehicleUtils.ts
index 0d6e0e1..7f65656 100644
--- a/src/utils/vehicleUtils.ts
+++ b/src/utils/vehicleUtils.ts
@@ -95,16 +95,17 @@ export function carDataList(vehiclesData: IVehicleData[] | undefined) {
 
     const cargoTypes = data.group.cargoTypes || [];
 
-    if (/412Z|627Z/.test(data.group.name)) {
-      cargoTypes.push(
-        ...additionalCargoTypes
-          .filter((c) => c.groupType == data.group.name)
-          .map((c) => ({
-            id: c.id,
-            weight: c.weight,
-          }))
-      );
-    }
+    // UNUSED - ADDITIONAL CARGO TYPES FOR INTERMODALS
+    // if (/412Z|627Z/.test(data.group.name)) {
+    //   cargoTypes.push(
+    //     ...additionalCargoTypes
+    //       .filter((c) => c.groupType == data.group.name)
+    //       .map((c) => ({
+    //         id: c.id,
+    //         weight: c.weight,
+    //       }))
+    //   );
+    // }
 
     acc.push({
       group: data.type as WagonGroupType,

From c245747e2b5c8c54de5cc055f80d037fc0c033dd Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 4 Apr 2026 23:25:28 +0200
Subject: [PATCH 14/17] fix(wiki): moved warning about no vehicles above list

---
 src/components/tabs/WikiListTab.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/tabs/WikiListTab.vue b/src/components/tabs/WikiListTab.vue
index cc84851..f4b95bb 100644
--- a/src/components/tabs/WikiListTab.vue
+++ b/src/components/tabs/WikiListTab.vue
@@ -45,11 +45,11 @@
       </div>
     </div>
 
+    <div class="no-vehicles-warning" v-if="computedVehicles.length == 0">
+      {{ $t('wiki.no-vehicles') }}
+    </div>
+    
     <ul class="vehicles" ref="vehicles">
-      <li class="no-vehicles-warning" v-if="computedVehicles.length == 0">
-        {{ $t('wiki.no-vehicles') }}
-      </li>
-
       <li
         v-for="vehicle in computedVehicles"
         :key="vehicle.type"
@@ -328,6 +328,7 @@ export default defineComponent({
 
 .no-vehicles-warning {
   text-align: center;
+  width: 100%;
   padding: 1em;
   background-color: #161c2e;
 }

From 8b6e38d18ce53c7e46657c935e20941b8124fc50 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 5 Apr 2026 13:23:27 +0200
Subject: [PATCH 15/17] chore(generator): added new intermodal cargo to
 generator pool

---
 src/data/generatorData.json | 46 +++++--------------------------------
 1 file changed, 6 insertions(+), 40 deletions(-)

diff --git a/src/data/generatorData.json b/src/data/generatorData.json
index 3682337..e2693cc 100644
--- a/src/data/generatorData.json
+++ b/src/data/generatorData.json
@@ -8,53 +8,19 @@
       "627Z:sc_40",
       "627Z:tc_20_empty",
       "627Z:tc_20_loaded",
+      "627Z:wt_20_empty",
+      "627Z:wt_20_biomass",
       "412Z:sc_20",
       "412Z:sc_40",
       "412Z:tc_20_empty",
-      "412Z:tc_20_loaded"
+      "412Z:tc_20_loaded",
+      "412Z:wt_20_empty",
+      "412Z:wt_20_biomass"
     ],
     "biomass": ["412Z:wt_20_biomass", "627Z:wt_20_biomass"],
     "biomass-empty": [
       "412Z:wt_20_empty",
-      "412Z:wt_20_mix_black_green_empty",
-      "412Z:wt_20_mix_blue_empty",
-      "412Z:wt_20_mix_blue_CDC_white_empty",
-      "412Z:wt_20_mix_blue_white_empty",
-      "412Z:wt_20_mix_EPC_empty",
-      "412Z:wt_20_mix_green_empty",
-      "412Z:wt_20_black_empty",
-      "412Z:wt_20_blue_empty",
-      "412Z:wt_20_blue_gr_empty",
-      "412Z:wt_20_blue_gr_r_empty",
-      "412Z:wt_20_CDC_empty",
-      "412Z:wt_20_EPC_black_empty",
-      "412Z:wt_20_EPC_red_empty",
-      "412Z:wt_20_green_new_empty",
-      "412Z:wt_20_green_old_empty",
-      "412Z:wt_20_white_new_empty",
-      "412Z:wt_20_white_old_empty",
-      "412Z:wt_20_white_old_gr_empty",
-      "412Z:wt_20_white_old_gr_r_empty",
-      "627Z:wt_20_empty",
-      "627Z:wt_20_mix_black_green_empty",
-      "627Z:wt_20_mix_blue_empty",
-      "627Z:wt_20_mix_blue_CDC_white_empty",
-      "627Z:wt_20_mix_blue_white_empty",
-      "627Z:wt_20_mix_EPC_empty",
-      "627Z:wt_20_mix_green_empty",
-      "627Z:wt_20_black_empty",
-      "627Z:wt_20_blue_empty",
-      "627Z:wt_20_blue_gr_empty",
-      "627Z:wt_20_blue_gr_r_empty",
-      "627Z:wt_20_CDC_empty",
-      "627Z:wt_20_EPC_black_empty",
-      "627Z:wt_20_EPC_red_empty",
-      "627Z:wt_20_green_new_empty",
-      "627Z:wt_20_green_old_empty",
-      "627Z:wt_20_white_new_empty",
-      "627Z:wt_20_white_old_empty",
-      "627Z:wt_20_white_old_gr_empty",
-      "627Z:wt_20_white_old_gr_r_empty"
+      "627Z:wt_20_empty"
     ],
     "cold-storage": ["202Lc:all"],
     "loose-cargo": ["426S:all", "208Kf:all", "401Ka_PKP_Gags:all", "401Ka_PKPC_Gags:all"],

From 4afff41230b05676add2373862a7ac3dca4b3151 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Mon, 6 Apr 2026 00:44:08 +0200
Subject: [PATCH 16/17] chore(footer): added github release link to footer's
 app version

---
 src/components/app/Footer.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/app/Footer.vue b/src/components/app/Footer.vue
index 6da1a79..ecfdb4d 100644
--- a/src/components/app/Footer.vue
+++ b/src/components/app/Footer.vue
@@ -3,7 +3,8 @@
     <div>
       &copy;
       <a href="https://td2.info.pl/profile/?u=20777" target="_blank">Spythere</a>
-      {{ new Date().getUTCFullYear() }} | v{{ VERSION }}{{ !isOnProductionHost ? 'dev' : '' }}
+      {{ new Date().getUTCFullYear() }} |
+      <a class="release-link" :href="githubReleaseHref" target="_blank">v{{ VERSION }}{{ !isOnProductionHost ? 'dev' : '' }}</a>
     </div>
 
     <div class="text--grayed" v-if="store.vehiclesData">
@@ -33,6 +34,10 @@ export default defineComponent({
   },
 
   computed: {
+    githubReleaseHref() {
+      return `https://github.com/Spythere/pojazdownik/releases/tag/${this.VERSION}`;
+    },
+
     vehiclesCounters() {
       let counters = {
         all: 0,
@@ -60,4 +65,12 @@ footer {
   text-align: center;
   padding: 0 0.5em 0.5em 0.5em;
 }
+
+.release-link {
+  color: var(--accentColor);
+
+  &:hover {
+    color: white;
+  }
+}
 </style>

From 64236aa59ac61a31299c873a00c91917ea39d324 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Mon, 6 Apr 2026 00:44:51 +0200
Subject: [PATCH 17/17] chore(locales): minor usage improvements

---
 src/locales/pl.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/locales/pl.json b/src/locales/pl.json
index af12cac..1e85626 100644
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@@ -334,7 +334,7 @@
     "Luban_XH_short": "krótki wagon mieszkalny",
     "Luban_XH_long": "długi wagon mieszkalny",
     "Luban_XH_workshop": "wagon warsztatowy",
-    "EDK80": "żuraw kolejowy"
+    "EDK80": "dźwig kolejowy"
   },
   "cargo-warnings": {
     "title": "Skład z dodatkowymi uwagami przewozowymi:",
@@ -343,7 +343,7 @@
     "warning_un1965_tn": "TN: gazy węglowodorowe skroplone - puste cysterny (UN 1965)",
     "warning_un1202_tn": "TN: olej napędowy (UN 1202)",
     "warning_military_pn": "PN: transport wojskowy",
-    "warning_edk80_pn": "PN: żuraw kolejowy EDK80"
+    "warning_edk80_pn": "PN: dźwig kolejowy EDK80"
   },
   "migrate-info": {
     "line-1": "Pojazdownik zostaje przeniesiony na nową domenę - {0}! Możesz korzystać z obecnej strony, jednak nie będzie ona otrzymywać już aktualizacji i w przyszłości zostanie wyłączona!",