Release Candidate v6.1.2 (#456)

Author: milosmns

.env.example

@@ -4,6 +4,10 @@
 VITE_APP_BASE_URL=https://webapp.agent.com
 # VITE_APP_BASE_URL=http://localhost:5173
 
+# Google Analytics 4 (leave measurement ID empty to disable analytics)
+VITE_ANALYTICS_MEASUREMENT_ID=
+VITE_ANALYTICS_DEBUG_MODE=false
+
 # Base URL for the backend API
 VITE_API_BASE_URL=https://api.agent.com
 # VITE_API_BASE_URL=http://192.168.x.x

.github/workflows/release-push.yml

@@ -35,6 +35,8 @@ jobs:
           VITE_LANDING_PAGE_URL: ${{ vars.VITE_LANDING_PAGE_URL }}
           VITE_APP_NAME: ${{ vars.VITE_APP_NAME }}
           VITE_APP_NAME_SHORT: ${{ vars.VITE_APP_NAME_SHORT }}
+          VITE_ANALYTICS_MEASUREMENT_ID: ${{ vars.VITE_ANALYTICS_MEASUREMENT_ID }}
+          VITE_ANALYTICS_DEBUG_MODE: ${{ vars.VITE_ANALYTICS_DEBUG_MODE }}
         run: bun run build
 
       - name: Upload artifact

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "agent-web",
   "private": true,
-  "version": "6.0.0",
+  "version": "6.1.2",
   "type": "module",
   "scripts": {
     "clean": "rm -rf dist .vite node_modules/.vite",

package.json

@@ -1,6 +1,7 @@
+import { useEffect } from "react";
 import { Toaster } from "@/components/ui/sonner";
 import { Button } from "@/components/ui/button";
-import { Routes, Route, Navigate } from "react-router-dom";
+import { Route, Routes, useLocation } from "react-router-dom";
 import ChatSettingsPage from "@/pages/ChatSettingsPage";
 import UserSettingsPage from "@/pages/UserSettingsPage";
 import AccessSettingsPage from "@/pages/AccessSettingsPage";
@@ -14,8 +15,38 @@ import OnboardingPage from "@/pages/OnboardingPage";
 import logoVector from "@/assets/logo-vector.svg";
 import { DEFAULT_LANGUAGE } from "@/lib/languages";
 import { t } from "@/lib/translations";
+import {
+  trackFeatureAction,
+  trackPageError,
+  trackPageView,
+} from "@/lib/analytics";
+
+function RootRedirect() {
+  useEffect(() => {
+    window.location.replace(import.meta.env.VITE_LANDING_PAGE_URL);
+  }, []);
+
+  return null;
+}
 
 function NotFoundPage() {
+  const location = useLocation();
+
+  useEffect(() => {
+    trackPageView({
+      pageId: "not_found",
+      pageState: "not_found",
+      occurrenceId: location.key,
+      interfaceLanguage: DEFAULT_LANGUAGE.isoCode,
+    });
+    trackPageError({
+      pageId: "not_found",
+      occurrenceId: location.key,
+      errorCategory: "not_found",
+      errorCode: "route_not_found",
+    });
+  }, [location.key]);
+
   return (
     <main className="settings-pane-atmosphere flex min-h-dvh items-center justify-center px-[1rem] py-[3rem]">
       <section className="relative w-full max-w-xl overflow-hidden rounded-3xl border border-border/80 bg-surface-raised/78 shadow-[0_24px_90px_oklch(0.04_0.01_292/0.32)]">
@@ -28,14 +59,23 @@ function NotFoundPage() {
           <p className="mt-[1.5rem] font-mono text-sm font-semibold tracking-[0.18em] text-blue-300">
             404
           </p>
-          <h1 className="mt-[0.75rem] text-[clamp(2rem,8vw,3.5rem)] font-semibold leading-[1.05] tracking-[-0.045em] text-foreground">
+          <h1 className="mt-[0.75rem] text-[clamp(1.875rem,7vw,3rem)] font-semibold leading-[1.05] tracking-[-0.045em] text-foreground">
             {t("not_found_page.title")}
           </h1>
           <p className="mt-[1rem] max-w-md text-base leading-7 text-muted-foreground">
             {t("not_found_page.description")}
           </p>
           <Button asChild size="lg" className="mt-[2rem] rounded-xl">
-            <a href={import.meta.env.VITE_LANDING_PAGE_URL}>
+            <a
+              href={import.meta.env.VITE_LANDING_PAGE_URL}
+              onClick={() =>
+                trackFeatureAction({
+                  featureId: "not_found_recovery",
+                  action: "return",
+                  sourceArea: "not_found",
+                })
+              }
+            >
               {t("not_found_page.action")}
             </a>
           </Button>
@@ -88,16 +128,8 @@ function App() {
           element={<OnboardingPage />}
         />
         {/* Edge-cases */}
-        <Route
-          path="*"
-          element={<NotFoundPage />}
-        />
-        <Route
-          path="/"
-          element={
-            <Navigate to={`/${DEFAULT_LANGUAGE.isoCode}/help`} replace />
-          }
-        />
+        <Route path="/" element={<RootRedirect />} />
+        <Route path="*" element={<NotFoundPage />} />
       </Routes>
       <Toaster />
     </>

src/App.tsx

@@ -534,6 +534,11 @@
     "invalid_social_card_video_configuration": "تكوين فيديو بطاقة التواصل الاجتماعي غير صالح",
     "invalid_social_card_mode": "وضع بطاقة التواصل الاجتماعي غير صالح"
   },
+  "auth_required_page": {
+    "title": "لم تسجّل الدخول",
+    "description": "اطلب من وكيلك فتح إعداداتك.",
+    "action": "العودة إلى الصفحة الرئيسية"
+  },
   "not_found_page": {
     "title": "الصفحة غير موجودة",
     "description": "هذا العنوان لا يؤدي إلى مساحة وكيلك.",

src/assets/i18n/ar.json

@@ -534,6 +534,11 @@
     "invalid_social_card_video_configuration": "Ungültige Social-Card-Video-Konfiguration",
     "invalid_social_card_mode": "Ungültiger Social-Card-Modus"
   },
+  "auth_required_page": {
+    "title": "Du bist nicht angemeldet",
+    "description": "Bitte deinen Agenten, deine Einstellungen zu öffnen.",
+    "action": "Zur Startseite"
+  },
   "not_found_page": {
     "title": "Seite nicht gefunden",
     "description": "Diese Adresse führt nicht zum Bereich deines Agenten.",

src/assets/i18n/de.json

@@ -534,6 +534,11 @@
     "invalid_social_card_video_configuration": "Invalid social card video configuration",
     "invalid_social_card_mode": "Invalid social card mode"
   },
+  "auth_required_page": {
+    "title": "You’re not signed in",
+    "description": "Ask your agent to open your settings.",
+    "action": "Go home"
+  },
   "not_found_page": {
     "title": "Page not found",
     "description": "This address does not lead to your agent's space.",

src/assets/i18n/en.json

@@ -534,6 +534,11 @@
     "invalid_social_card_video_configuration": "Configuración de video de tarjeta social no válida",
     "invalid_social_card_mode": "Modo de tarjeta social no válido"
   },
+  "auth_required_page": {
+    "title": "No has iniciado sesión",
+    "description": "Pídele a tu agente que abra tus ajustes.",
+    "action": "Ir al inicio"
+  },
   "not_found_page": {
     "title": "Página no encontrada",
     "description": "Esta dirección no lleva al espacio de tu agente.",

src/assets/i18n/es.json

@@ -534,6 +534,11 @@
     "invalid_social_card_video_configuration": "Configuration vidéo de carte sociale invalide",
     "invalid_social_card_mode": "Mode de carte sociale invalide"
   },
+  "auth_required_page": {
+    "title": "Vous n’êtes pas connecté",
+    "description": "Demandez à votre agent d’ouvrir vos paramètres.",
+    "action": "Retour à l’accueil"
+  },
   "not_found_page": {
     "title": "Page introuvable",
     "description": "Cette adresse ne mène pas à l’espace de votre agent.",