Migrate BotTracking NoRecentRequests to client-rendered widget

Simple alert widget shown conditionally via middleware when no recent
AI bot requests exist. Vue component renders the translated warning message with link.

Changes:
- Create NoRecentRequestsWidget.vue
- Register client-side component in NoRecentRequests widget class
- Add BotTracking_NoRecentAIBotRequests translation key

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: sgiehl

plugins/BotTracking/BotTracking.php

@@ -155,6 +155,7 @@ public function getClientSideTranslationKeys(&$translationKeys)
         $translationKeys[] = 'General_ErrorRequest';
         $translationKeys[] = 'General_Refresh';
         $translationKeys[] = 'Mobile_NavigationBack';
+        $translationKeys[] = 'BotTracking_NoRecentAIBotRequests';
     }
 
     public function getStylesheetFiles(&$stylesheets)

plugins/BotTracking/Controller.php

@@ -153,35 +153,6 @@ public function getEvolutionGraph(): ?string
         return $this->renderView($view);
     }
 
-    public function noRecentRequestsMessage(): string
-    {
-        $this->checkSitePermission();
-
-        $request = Request::fromRequest();
-        $period  = $request->getStringParameter('period', '');
-        $date    = $request->getStringParameter('date', '');
-
-        $noDataParams = [
-            'module' => 'BotTracking',
-            'action' => 'siteWithoutData',
-            'idSite' => $this->idSite,
-        ];
-
-        if ($period !== '') {
-            $noDataParams['period'] = $period;
-        }
-
-        if ($date !== '') {
-            $noDataParams['date'] = $date;
-        }
-
-        $noDataUrl = 'index.php?' . Url::getQueryStringFromParameters($noDataParams);
-
-        return $this->renderTemplate('noRecentRequestsMessage', [
-            'noDataUrl' => $noDataUrl,
-        ]);
-    }
-
     public function showNoRecentRequestsMessage(): string
     {
         $this->checkSitePermission();

plugins/BotTracking/Widgets/NoRecentRequests.php

@@ -24,6 +24,7 @@ public static function configure(WidgetConfig $config)
             ->setSubcategoryId('BotTracking_AIChatbotsOverview')
             ->setModule('BotTracking')
             ->setAction('noRecentRequestsMessage')
+            ->setClientSideComponent('BotTracking', 'NoRecentRequestsWidget')
             ->setMiddlewareParameters(['module' => 'BotTracking', 'action' => 'showNoRecentRequestsMessage'])
             ->setIsWide()
             ->setOrder(0)

plugins/BotTracking/templates/noRecentRequestsMessage.twig

@@ -0,0 +1,45 @@
+<!--
+  Matomo - free/libre analytics platform
+
+  @link    https://matomo.org
+  @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+-->
+
+<template>
+  <div
+    class="alert alert-warning bot-tracking-no-recent-requests-message"
+    v-html="$sanitize(messageHtml)"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { Matomo, MatomoUrl, translate } from 'CoreHome';
+
+export default defineComponent({
+  computed: {
+    noDataUrl(): string {
+      const { period, date } = MatomoUrl.parsed.value;
+      const query = MatomoUrl.stringify({
+        module: 'BotTracking',
+        action: 'siteWithoutData',
+        idSite: Matomo.idSite ?? MatomoUrl.parsed.value.idSite,
+        period,
+        date,
+      });
+
+      return `index.php?${query}`;
+    },
+    messageHtml(): string {
+      const linkOpen = `<a href="${this.noDataUrl}">`;
+      return translate(
+        'BotTracking_NoRecentAIBotRequests',
+        '<strong>',
+        '</strong>',
+        linkOpen,
+        '</a>',
+      );
+    },
+  },
+});
+</script>

plugins/BotTracking/vue/dist/BotTracking.umd.js

@@ -6,3 +6,4 @@
  */
 
 export { default as SiteWithoutData } from './SiteWithoutData/SiteWithoutData.vue';
+export { default as NoRecentRequestsWidget } from './NoRecentRequests/NoRecentRequestsWidget.vue';