From d475ed775b06e75796a44e5537e8ffa9d91adb84 Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Sun, 2 Aug 2026 21:19:21 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BF=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5,?=
 =?UTF-8?q?=20=D0=BF=D0=BE=D1=87=D0=B8=D1=81=D1=82=D0=B8=D0=BB=20=D1=80?=
 =?UTF-8?q?=D0=B5=D0=BF=D0=BE,=20=D0=BF=D0=B5=D1=80=D0=B5=D1=88=D1=91?=
 =?UTF-8?q?=D0=BB=20=D0=BD=D0=B0=20=D0=B2=D0=B5=D1=80=D1=81=D0=B8=D1=8E=20?=
 =?UTF-8?q?1.0.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                    |  57 ++++---------
 docker-compose.yml                           |   2 +-
 package.json                                 |   2 +-
 public/Безымянный.png                        | Bin 9249 -> 0 bytes
 src/components/GeneratorActions.vue          |  48 +++++++++++
 src/components/generators/CoinGenerator.vue  |  31 ++++++-
 src/components/generators/ListGenerator.vue  |  27 +++++-
 src/components/generators/RangeGenerator.vue |  31 ++++++-
 src/config/applyBrandingMeta.js              |  83 +++++++++++++++++++
 src/i18n/locales/en.js                       |   9 +-
 src/i18n/locales/ru.js                       |   9 +-
 src/main.js                                  |   3 +-
 src/utils/copyResult.js                      |  32 +++++++
 src/views/GeneratorView.vue                  |   6 +-
 vite.config.mjs                              |   1 +
 15 files changed, 277 insertions(+), 64 deletions(-)
 delete mode 100644 public/Безымянный.png
 create mode 100644 src/components/GeneratorActions.vue
 create mode 100644 src/config/applyBrandingMeta.js
 create mode 100644 src/utils/copyResult.js

diff --git a/README.md b/README.md
index 3b97ddf..8c8d90c 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,10 @@
 # irandom
 
+Сервис генерации случайных значений: числа из диапазона, выбор из списка, орёл/решка.
+Vue 3 + Vite + Element Plus. Тема и брендинг настраиваются через env / Docker.
+
+**Версия:** `1.0.0`
+
 ## Setup
 ```
 npm install
@@ -9,18 +14,10 @@ npm install
 ```
 npm run serve
 ```
-or
-```
-npm run dev
-```
 
 ### Production build
 ```
 npm run build
-```
-
-### Preview production build
-```
 npm run preview
 ```
 
@@ -29,43 +26,17 @@ npm run preview
 npm run lint
 ```
 
-### Customization
-Copy `.env.example` to `.env` and set branding / theme variables.
-`npm run serve` / `npm run build` regenerates `public/config.js` automatically.
-
-### Docker
-Build and run (config via environment, same keys as `.env.example`):
+## Customization
+Copy `.env.example` to `.env` and set `IRANDOM_*` variables
+(name, title, logo URL, colors, default locale).
+`npm run serve` / `npm run build` regenerates `public/config.js`.
 
+## Docker
 ```
 docker compose up --build
 ```
+→ http://localhost:8080
 
-Open http://localhost:8080
-
-Change branding without rebuilding the image — only restart with new env:
-
-```
-docker compose up -d
-```
-
-Or:
-
-```
-docker build -t irandom .
-docker run --rm -p 8080:80 ^
-  -e IRANDOM_NAME=LuckyPenguin ^
-  -e IRANDOM_COLOR_PRIMARY=#3DDC97 ^
-  irandom
-```
-
-### Offline (PWA)
-Production build registers a service worker and caches the app shell.
-After opening the site once online:
-
-```
-npm run build
-npm run preview
-```
-
-you can reload without network — generators keep working.
-`config.js` uses NetworkFirst (fresh when online, cached when offline).
+## Offline (PWA)
+After one online visit to a production build (`build` + `preview` or Docker),
+the app shell works offline. Runtime branding updates title, theme-color, icons and manifest.
diff --git a/docker-compose.yml b/docker-compose.yml
index 08182f3..5a0cfb4 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,7 +1,7 @@
 services:
   irandom:
     build: .
-    image: irandom:latest
+    image: irandom:1.0.0
     ports:
       - "8080:80"
     environment:
diff --git a/package.json b/package.json
index a980860..0b9ccde 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "irandom",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "generate-config": "node scripts/generate-config.js",
diff --git a/public/Безымянный.png b/public/Безымянный.png
deleted file mode 100644
index f055432c0f359287fd003c6077f02db7b83b1bfe..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 9249
zcmeAS@N?(olHy`uVBq!ia0y~yV7be{z<7p(2`G}+<mn2e7>k44ofy`glX(f`u%tWs
zIx;Y9?C1WI$O`0h7I;J!GcfQS24TkI`72Tw7?ihpx;TbZ#J#<<kym&3wwR0Z-7>0+
z=ZH)W3TE>6o4Wa%?Xh20F7Zvt32qk{0+(F=|5YAn(vQA!O&}HjNe^i51MhoFft;F?
zyG0ln8uTlt1KsmM^*zvi4EvtM0-bwc`W|mapr%Qqng%)`Hhhj}II!PSOlrr>$voCK
z9T*<mSLEisbH=l6ZjJ)OhxZd&+47#L9QHF4VE9pf!im|ucv7OeGzY^U>y(9!vn@|<
zn9RH8|DX5&f9CvT`8xl<w&$gfb*XTfk0I5oYMP|Jvw2SP`=SjqH=%d=t>CA^S9X|t
zOe$FvADQtW&Clpf3Ujv2)p=U;7aZH`IBALS-%~KlA|9{&7V?wD^d0XcmANm%VNN|D
z<-c|LDfJbF`4d!Ly6oR{;lSBBDK}2CU8`7S8*1m+TivYUss3v!%>5gV1;1VSi8Jet
zw2G(I#q~NS1;*-<Wt$pJ=Vkd%^$&P_Pr>t2=cv<1Lwz*CK(jxtZ2D9E@hf0viGL5z
ziVpu0?#QWl{@RVmv?t_yZUZx5{dPq5{@Gku4a}<VzrhOvh5sorvOs;W5&9w?i*Fsx
zk6QB?80^rCE`|reXhkKtieA<Kng3ta^U}*rR#Pk4^qw0W_De%49|Oad8=XJ!R3`1l
zNgkB)^wg`6XOcVS9Oki}c@U-ijhuVRhIxANj6`)~l=50*b@0se2St3wZ&KJ$%J<Y#
zt<O9$=MvlIo<U7$Yy48@HJ-LSvthF28sz$8%GH%;j0-H=CCiMOQ3~x*PmIQd@Mv<P
zTApx(mFB7W@GPoOZ>A?ON#*ZRBQto3F~MG1oWpa{za+`o@VtLwelK?mu-M<&;|tHl
zPxz0$1-9t+M}J#}C{%v9zC|<vN3%R~<8-v}9j!r17LDeKp_C{7OfD=1wr$r>KZ$6h
z{5iP8)??C_^3(U=Z6@qRt3e(=uxP!z$sAF%)*G$k1B!h$vV@CmIHsR9AKpD4t?#H-
z-;Fk8my9-_M!OWA>cg#b=UCSR9t1@4m*c;aJFI|(^7YeCkP2lY#W0OKD7Ak@EqsJ?
zw1+x6Rxo#Tz+-gO#%i<+H<Y??qxHmS18{Uq88};t)KD7j6piKydgKY<N&@Z_*nAHQ
z!#`H|5HS<Oe<t|U5o1GrBYgG;xM0BnG7I(R`_rHYQNRTy|Jk>Dj@acT&+Y&JtmjJT
VkbKrw5DN?i22WQ%mvv4FO#m)b*<=6!

diff --git a/src/components/GeneratorActions.vue b/src/components/GeneratorActions.vue
new file mode 100644
index 0000000..f3a352f
--- /dev/null
+++ b/src/components/GeneratorActions.vue
@@ -0,0 +1,48 @@
+<template>
+  <div class="generator-actions">
+    <el-button type="primary" native-type="submit" size="large">
+      <el-icon class="btn-icon"><RefreshRight /></el-icon>
+      {{ t('common.generate') }}
+    </el-button>
+    <el-button size="large" :disabled="!hasResult" @click.prevent="$emit('copy')">
+      <el-icon class="btn-icon"><DocumentCopy /></el-icon>
+      {{ t('common.copy') }}
+    </el-button>
+  </div>
+</template>
+
+<script>
+import { RefreshRight, DocumentCopy } from '@element-plus/icons-vue'
+import { useI18n } from 'vue-i18n'
+
+export default {
+  name: 'GeneratorActions',
+  components: {
+    RefreshRight,
+    DocumentCopy
+  },
+  props: {
+    hasResult: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['copy'],
+  setup() {
+    const { t } = useI18n()
+    return { t }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.generator-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+}
+
+.btn-icon {
+  margin-right: 0.35rem;
+}
+</style>
diff --git a/src/components/generators/CoinGenerator.vue b/src/components/generators/CoinGenerator.vue
index 6f90906..09189df 100644
--- a/src/components/generators/CoinGenerator.vue
+++ b/src/components/generators/CoinGenerator.vue
@@ -4,9 +4,7 @@
       <el-input-number v-model="count" :min="1" :max="100" :controls="true" />
     </el-form-item>
     <p class="hint">{{ t('coin.hint') }}</p>
-    <el-button type="primary" native-type="submit" size="large">
-      {{ t('coin.generate') }}
-    </el-button>
+    <GeneratorActions :has-result="hasResult" @copy="onCopy" />
   </el-form>
 </template>
 
@@ -15,6 +13,8 @@ import { ElMessage } from 'element-plus'
 import { useI18n } from 'vue-i18n'
 import { flipCoin } from '@/utils/random'
 import { loadFormState, saveFormState } from '@/utils/persistForm'
+import { copyText, formatResultForCopy } from '@/utils/copyResult'
+import GeneratorActions from '@/components/GeneratorActions.vue'
 
 const STORAGE_KEY = 'coin'
 const DEFAULTS = {
@@ -23,6 +23,13 @@ const DEFAULTS = {
 
 export default {
   name: 'CoinGenerator',
+  components: { GeneratorActions },
+  props: {
+    result: {
+      type: [Number, String, Array],
+      default: null
+    }
+  },
   emits: ['result'],
   setup() {
     const { t } = useI18n()
@@ -31,6 +38,14 @@ export default {
   data() {
     return loadFormState(STORAGE_KEY, DEFAULTS)
   },
+  computed: {
+    hasResult() {
+      if (this.result === null || this.result === undefined || this.result === '') {
+        return false
+      }
+      return Array.isArray(this.result) ? this.result.length > 0 : true
+    }
+  },
   watch: {
     count: 'persist'
   },
@@ -47,6 +62,14 @@ export default {
       }
       const flips = flipCoin(this.count).map((side) => this.t(`coin.${side}`))
       this.$emit('result', this.count === 1 ? flips[0] : flips)
+    },
+    async onCopy() {
+      try {
+        await copyText(formatResultForCopy(this.result))
+        ElMessage.success(this.t('common.copied'))
+      } catch {
+        ElMessage.error(this.t('common.copyFailed'))
+      }
     }
   }
 }
@@ -54,7 +77,7 @@ export default {
 
 <style scoped lang="scss">
 .generator-form {
-  max-width: 420px;
+  max-width: 480px;
 }
 
 .hint {
diff --git a/src/components/generators/ListGenerator.vue b/src/components/generators/ListGenerator.vue
index 9a4d7ec..25de3bf 100644
--- a/src/components/generators/ListGenerator.vue
+++ b/src/components/generators/ListGenerator.vue
@@ -14,9 +14,7 @@
     <el-form-item>
       <el-checkbox v-model="unique">{{ t('list.unique') }}</el-checkbox>
     </el-form-item>
-    <el-button type="primary" native-type="submit" size="large">
-      {{ t('list.generate') }}
-    </el-button>
+    <GeneratorActions :has-result="hasResult" @copy="onCopy" />
   </el-form>
 </template>
 
@@ -25,6 +23,8 @@ import { ElMessage } from 'element-plus'
 import { useI18n } from 'vue-i18n'
 import { generateFromList } from '@/utils/random'
 import { loadFormState, saveFormState } from '@/utils/persistForm'
+import { copyText, formatResultForCopy } from '@/utils/copyResult'
+import GeneratorActions from '@/components/GeneratorActions.vue'
 
 const STORAGE_KEY = 'list'
 const DEFAULTS = {
@@ -35,6 +35,13 @@ const DEFAULTS = {
 
 export default {
   name: 'ListGenerator',
+  components: { GeneratorActions },
+  props: {
+    result: {
+      type: [Number, String, Array],
+      default: null
+    }
+  },
   emits: ['result'],
   setup() {
     const { t } = useI18n()
@@ -49,6 +56,12 @@ export default {
         .split(/\r?\n/)
         .map((line) => line.trim())
         .filter(Boolean)
+    },
+    hasResult() {
+      if (this.result === null || this.result === undefined || this.result === '') {
+        return false
+      }
+      return Array.isArray(this.result) ? this.result.length > 0 : true
     }
   },
   watch: {
@@ -84,6 +97,14 @@ export default {
               : 'list.errCount'
         ElMessage.error(this.t(key))
       }
+    },
+    async onCopy() {
+      try {
+        await copyText(formatResultForCopy(this.result))
+        ElMessage.success(this.t('common.copied'))
+      } catch {
+        ElMessage.error(this.t('common.copyFailed'))
+      }
     }
   }
 }
diff --git a/src/components/generators/RangeGenerator.vue b/src/components/generators/RangeGenerator.vue
index 1453c19..e453f96 100644
--- a/src/components/generators/RangeGenerator.vue
+++ b/src/components/generators/RangeGenerator.vue
@@ -12,9 +12,7 @@
     <el-form-item>
       <el-checkbox v-model="unique">{{ t('range.unique') }}</el-checkbox>
     </el-form-item>
-    <el-button type="primary" native-type="submit" size="large">
-      {{ t('range.generate') }}
-    </el-button>
+    <GeneratorActions :has-result="hasResult" @copy="onCopy" />
   </el-form>
 </template>
 
@@ -23,6 +21,8 @@ import { ElMessage } from 'element-plus'
 import { useI18n } from 'vue-i18n'
 import { generateRange } from '@/utils/random'
 import { loadFormState, saveFormState } from '@/utils/persistForm'
+import { copyText, formatResultForCopy } from '@/utils/copyResult'
+import GeneratorActions from '@/components/GeneratorActions.vue'
 
 const STORAGE_KEY = 'range'
 const DEFAULTS = {
@@ -34,6 +34,13 @@ const DEFAULTS = {
 
 export default {
   name: 'RangeGenerator',
+  components: { GeneratorActions },
+  props: {
+    result: {
+      type: [Number, String, Array],
+      default: null
+    }
+  },
   emits: ['result'],
   setup() {
     const { t } = useI18n()
@@ -42,6 +49,14 @@ export default {
   data() {
     return loadFormState(STORAGE_KEY, DEFAULTS)
   },
+  computed: {
+    hasResult() {
+      if (this.result === null || this.result === undefined || this.result === '') {
+        return false
+      }
+      return Array.isArray(this.result) ? this.result.length > 0 : true
+    }
+  },
   watch: {
     min: 'persist',
     max: 'persist',
@@ -72,6 +87,14 @@ export default {
         const key = err.code === 'RANGE_UNIQUE_TOO_LARGE' ? 'range.errUniqueRange' : 'range.errCount'
         ElMessage.error(this.t(key))
       }
+    },
+    async onCopy() {
+      try {
+        await copyText(formatResultForCopy(this.result))
+        ElMessage.success(this.t('common.copied'))
+      } catch {
+        ElMessage.error(this.t('common.copyFailed'))
+      }
     }
   }
 }
@@ -79,7 +102,7 @@ export default {
 
 <style scoped lang="scss">
 .generator-form {
-  max-width: 420px;
+  max-width: 480px;
 }
 
 :deep(.el-input-number) {
diff --git a/src/config/applyBrandingMeta.js b/src/config/applyBrandingMeta.js
new file mode 100644
index 0000000..fc72669
--- /dev/null
+++ b/src/config/applyBrandingMeta.js
@@ -0,0 +1,83 @@
+import { getAppConfig } from './appConfig'
+
+function setMeta(name, content) {
+  if (!content) {
+    return
+  }
+  let el = document.querySelector(`meta[name="${name}"]`)
+  if (!el) {
+    el = document.createElement('meta')
+    el.setAttribute('name', name)
+    document.head.appendChild(el)
+  }
+  el.setAttribute('content', content)
+}
+
+function setLink(rel, href) {
+  if (!href) {
+    return
+  }
+  let el = document.querySelector(`link[rel="${rel}"]`)
+  if (!el) {
+    el = document.createElement('link')
+    el.setAttribute('rel', rel)
+    document.head.appendChild(el)
+  }
+  el.setAttribute('href', href)
+}
+
+function applyDynamicManifest(config) {
+  const manifest = {
+    name: config.name,
+    short_name: config.name,
+    description: config.title || config.name,
+    theme_color: config.colors.bg,
+    background_color: config.colors.bg,
+    display: 'standalone',
+    orientation: 'any',
+    start_url: '/',
+    scope: '/',
+    lang: config.defaultLocale || 'ru',
+    icons: [
+      {
+        src: config.logoUrl,
+        sizes: '192x192',
+        type: 'image/png',
+        purpose: 'any'
+      },
+      {
+        src: config.logoUrl,
+        sizes: '512x512',
+        type: 'image/png',
+        purpose: 'any maskable'
+      }
+    ]
+  }
+
+  const blob = new Blob([JSON.stringify(manifest)], {
+    type: 'application/manifest+json'
+  })
+  const url = URL.createObjectURL(blob)
+  let link = document.querySelector('link[rel="manifest"]')
+  if (!link) {
+    link = document.createElement('link')
+    link.rel = 'manifest'
+    document.head.appendChild(link)
+  } else if (link.dataset.irandomBlob) {
+    URL.revokeObjectURL(link.href)
+  }
+  link.href = url
+  link.dataset.irandomBlob = '1'
+}
+
+/**
+ * Sync document title, theme-color, icons and web manifest with runtime config.
+ */
+export function applyBrandingMeta(config = getAppConfig()) {
+  document.title = config.title || config.name
+  setMeta('theme-color', config.colors.bg)
+  setMeta('description', config.title || config.name)
+  setLink('icon', config.logoUrl)
+  setLink('apple-touch-icon', config.logoUrl)
+  applyDynamicManifest(config)
+}
diff --git a/src/i18n/locales/en.js b/src/i18n/locales/en.js
index cf84bcd..966da17 100644
--- a/src/i18n/locales/en.js
+++ b/src/i18n/locales/en.js
@@ -12,6 +12,12 @@ export default {
     ru: 'Русский',
     en: 'English'
   },
+  common: {
+    generate: 'Generate',
+    copy: 'Copy',
+    copied: 'Copied',
+    copyFailed: 'Failed to copy'
+  },
   range: {
     title: 'Numbers from a range',
     description: 'Generate several random integers within a chosen range.',
@@ -19,7 +25,6 @@ export default {
     max: 'Maximum',
     count: 'Count',
     unique: 'Unique values only',
-    generate: 'Generate',
     errMinMax: 'Minimum cannot be greater than maximum',
     errCount: 'Count must be at least 1',
     errUniqueRange: 'Unique count cannot exceed the size of the range'
@@ -31,7 +36,6 @@ export default {
     placeholder: 'apple\nbanana\ncherry',
     count: 'Count',
     unique: 'Unique values only',
-    generate: 'Generate',
     errEmpty: 'The list is empty — add at least one value',
     errCount: 'Count must be at least 1',
     errUniqueList: 'Unique count cannot exceed the list length'
@@ -41,7 +45,6 @@ export default {
     description: 'Flip a coin once or several times.',
     flips: 'Number of flips',
     hint: 'Each flip is either heads or tails.',
-    generate: 'Generate',
     errCount: 'Count must be at least 1',
     heads: 'heads',
     tails: 'tails'
diff --git a/src/i18n/locales/ru.js b/src/i18n/locales/ru.js
index 39b82b0..11192cb 100644
--- a/src/i18n/locales/ru.js
+++ b/src/i18n/locales/ru.js
@@ -12,6 +12,12 @@ export default {
     ru: 'Русский',
     en: 'English'
   },
+  common: {
+    generate: 'Сгенерировать',
+    copy: 'Копировать',
+    copied: 'Скопировано',
+    copyFailed: 'Не удалось скопировать'
+  },
   range: {
     title: 'Числа из диапазона',
     description: 'Сгенерируйте несколько случайных чисел в заданном диапазоне.',
@@ -19,7 +25,6 @@ export default {
     max: 'Максимум',
     count: 'Количество',
     unique: 'Только уникальные значения',
-    generate: 'Сгенерировать',
     errMinMax: 'Минимум не может быть больше максимума',
     errCount: 'Количество должно быть не меньше 1',
     errUniqueRange: 'Количество уникальных значений не может превышать размер диапазона'
@@ -31,7 +36,6 @@ export default {
     placeholder: 'яблоко\nбанан\nвишня',
     count: 'Количество',
     unique: 'Только уникальные значения',
-    generate: 'Сгенерировать',
     errEmpty: 'Список пуст — добавьте хотя бы одно значение',
     errCount: 'Количество должно быть не меньше 1',
     errUniqueList: 'Количество уникальных значений не может превышать длину списка'
@@ -41,7 +45,6 @@ export default {
     description: 'Подбросьте монетку один или несколько раз.',
     flips: 'Количество бросков',
     hint: 'Каждый бросок даёт «орёл» или «решку».',
-    generate: 'Сгенерировать',
     errCount: 'Количество должно быть не меньше 1',
     heads: 'орёл',
     tails: 'решка'
diff --git a/src/main.js b/src/main.js
index 67298b6..94d08e3 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,12 +7,13 @@ import router from './router'
 import i18n from './i18n'
 import { getAppConfig } from './config/appConfig'
 import { applyTheme } from './config/applyTheme'
+import { applyBrandingMeta } from './config/applyBrandingMeta'
 import { registerSW } from 'virtual:pwa-register'
 
 registerSW({ immediate: true })
 
 const appConfig = getAppConfig()
 applyTheme(appConfig)
-document.title = appConfig.title
+applyBrandingMeta(appConfig)
 
 createApp(App).use(router).use(i18n).use(ElementPlus).mount('#app')
diff --git a/src/utils/copyResult.js b/src/utils/copyResult.js
new file mode 100644
index 0000000..378e3fc
--- /dev/null
+++ b/src/utils/copyResult.js
@@ -0,0 +1,32 @@
+export function formatResultForCopy(result) {
+  if (result === null || result === undefined) {
+    return ''
+  }
+  if (Array.isArray(result)) {
+    return result.join(', ')
+  }
+  return String(result)
+}
+
+export async function copyText(text) {
+  if (!text) {
+    throw new Error('EMPTY')
+  }
+  if (navigator.clipboard?.writeText) {
+    await navigator.clipboard.writeText(text)
+    return
+  }
+
+  const area = document.createElement('textarea')
+  area.value = text
+  area.setAttribute('readonly', '')
+  area.style.position = 'fixed'
+  area.style.opacity = '0'
+  document.body.appendChild(area)
+  area.select()
+  const ok = document.execCommand('copy')
+  document.body.removeChild(area)
+  if (!ok) {
+    throw new Error('COPY_FAILED')
+  }
+}
diff --git a/src/views/GeneratorView.vue b/src/views/GeneratorView.vue
index c05170f..411caa2 100644
--- a/src/views/GeneratorView.vue
+++ b/src/views/GeneratorView.vue
@@ -3,7 +3,11 @@
     <h1 class="page-title">{{ title }}</h1>
     <p class="page-desc">{{ description }}</p>
 
-    <component :is="generatorComponent" @result="onResult" />
+    <component
+      :is="generatorComponent"
+      :result="result"
+      @result="onResult"
+    />
     <ResultDisplay :result="result" />
   </div>
 </template>
diff --git a/vite.config.mjs b/vite.config.mjs
index c824e52..8e8097e 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -38,6 +38,7 @@ export default defineConfig({
           }
         ]
       },
+      // Runtime branding (name / theme / logo) is applied in applyBrandingMeta.js
       workbox: {
         globPatterns: ['**/*.{js,css,html,ico,png,svg,woff2,webmanifest}'],
         navigateFallback: '/index.html',