From 54f4e395a76cefed8428ad933281b64e77997109 Mon Sep 17 00:00:00 2001
From: Norman Niati <norman.niati@icloud.com>
Date: Wed, 17 Jun 2026 16:06:29 +0200
Subject: [PATCH] feat(system): add a bug-report link to the Information build
 card

Per feedback on #33: the Information page Build card gets a 'report a bug' link opening the shared BugReportDialog (imported from @ligoj/host).
---
 ui/src/i18n/en.js               |  1 +
 ui/src/i18n/fr.js               |  1 +
 ui/src/views/SystemInfoView.vue | 13 ++++++++++++-
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/ui/src/i18n/en.js b/ui/src/i18n/en.js
index a4c86c7..26d55d2 100644
--- a/ui/src/i18n/en.js
+++ b/ui/src/i18n/en.js
@@ -76,6 +76,7 @@ export default {
   'system.info.buildTimestamp': 'Timestamp',
   'system.info.buildDate': 'Date',
   'system.info.buildVersion': 'Version',
+  'system.info.reportBug': 'Report a bug',
 
   // System → Configuration
   'system.config.title': 'Configuration',
diff --git a/ui/src/i18n/fr.js b/ui/src/i18n/fr.js
index b8a5b20..64563ea 100644
--- a/ui/src/i18n/fr.js
+++ b/ui/src/i18n/fr.js
@@ -75,6 +75,7 @@ export default {
   'system.info.buildTimestamp': 'Horodatage',
   'system.info.buildDate': 'Date',
   'system.info.buildVersion': 'Version',
+  'system.info.reportBug': 'Signaler un bug',
 
   // Système → Configuration
   'system.config.title': 'Configuration',
diff --git a/ui/src/views/SystemInfoView.vue b/ui/src/views/SystemInfoView.vue
index b255726..60d31df 100644
--- a/ui/src/views/SystemInfoView.vue
+++ b/ui/src/views/SystemInfoView.vue
@@ -81,16 +81,21 @@
           <div class="frow"><span class="fk"><v-icon size="15">mdi-clock-outline</v-icon>{{ t('system.info.buildTimestamp') }}</span><span class="fv mono">{{ build.timestamp || '—' }}</span></div>
           <div class="frow"><span class="fk"><v-icon size="15">mdi-clock-outline</v-icon>{{ t('system.info.buildDate') }}</span><span class="fv mono">{{ build.date || '—' }}</span></div>
           <div class="frow"><span class="fk"><v-icon size="15">mdi-tag-outline</v-icon>{{ t('system.info.buildVersion') }}</span><span class="fv mono">{{ build.version || '—' }}</span></div>
+          <button class="bug-link" type="button" @click="bugDialog = true">
+            <v-icon size="16">mdi-bug-outline</v-icon>{{ t('system.info.reportBug') }}
+          </button>
         </div>
       </section>
     </div>
+
+    <BugReportDialog v-model="bugDialog" />
   </div>
 </template>
 
 <script setup>
 import { ref, reactive, computed, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
-import { useApi, useAppStore, useAuthStore, useClipboard, useI18nStore, APP_BASE, LjPageHeader, LjButton } from '@ligoj/host'
+import { useApi, useAppStore, useAuthStore, useClipboard, useI18nStore, APP_BASE, LjPageHeader, LjButton, BugReportDialog } from '@ligoj/host'
 
 const router = useRouter()
 const api = useApi()
@@ -101,6 +106,7 @@ const t = i18n.t
 const { copy } = useClipboard()
 
 const error = ref(null)
+const bugDialog = ref(false)
 const updatingTz = ref(null)
 const cpu = ref('')
 const dateIso = ref('')
@@ -202,6 +208,11 @@ onMounted(() => {
 .used-badge.err { background: rgba(223, 77, 66, .14); } .used-badge.err b { color: #df4d42; }
 .card-body { padding: 4px 18px 18px; }
 
+/* "Report a bug" trigger at the bottom of the Build card. */
+.bug-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; padding: 8px 12px; border: var(--border-w) var(--lj-border-style, solid) var(--border-c); border-radius: var(--radius-sm); background: var(--surface); color: var(--ink-2); font-family: var(--font); font-weight: 600; font-size: 13px; cursor: pointer; transition: background .14s, color .14s, border-color .14s; }
+.bug-link:hover { background: var(--hover); color: var(--ink); border-color: var(--border-2); }
+.bug-link :deep(.v-icon) { color: #d9701a; }
+
 .mem { margin-bottom: 12px; }
 .mem.big { margin-bottom: 16px; }
 .mem-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }