diff --git a/app/Http/Controllers/ProductsCompareController.php b/app/Http/Controllers/ProductsCompareController.php
index acecf51..897ac17 100644
--- a/app/Http/Controllers/ProductsCompareController.php
+++ b/app/Http/Controllers/ProductsCompareController.php
@@ -27,7 +27,7 @@ class ProductsCompareController extends Controller
         $text = $request->input("text");
         $country = $request->input("country");
 
-        Log::channel('db')->info("{codes} {countries} {country} {online} {text} {ip} {referer}", ["codes" => $codes, "countries" => $countries, "country" => $country, "online" => $online, "text" => $text, "ip" => $request->ip(), $request->headers->get('referer')]);
+        Log::channel('db')->info("{codes} {countries} {country} {online} {text} {ip} {referer}", ["codes" => $codes, "countries" => $countries, "country" => $country, "online" => $online, "text" => $text, "ip" => $request->ip(), "referer" => $request->headers->get('referer')]);
 
         $codes = collect($codes);
         $countries = collect($countries);
diff --git a/lang/id.json b/lang/id.json
index 2b5896c..f99c5bc 100644
--- a/lang/id.json
+++ b/lang/id.json
@@ -138,5 +138,6 @@
     "error: network error": "Error: Network Error",
     "error: ziggy error: route 'products.count' is not in the route list.": "Error: Ziggy error: route 'products.count' is not in the route list.",
     "doc": "Doc",
-    "firefox 125": "Firefox 125"
+    "firefox 125": "Firefox 125",
+    "logs": "Logs"
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index 86579db..0ffbebe 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
         "vee-validate": "^4.12.4",
         "vue": "3.3.x",
         "vue-google-charts": "^1.1.0",
+        "vue-json-pretty": "^2.4.0",
         "vue-multiselect": "^3.0.0-beta.3",
         "vue3-easy-data-table": "^1.5.47",
         "vue3-multiselect-checkboxed": "^0.0.9",
diff --git a/resources/js/Pages/Superuser/Activity/Logging.vue b/resources/js/Pages/Superuser/Activity/Logging.vue
index ce8ba09..0a73fe6 100644
--- a/resources/js/Pages/Superuser/Activity/Logging.vue
+++ b/resources/js/Pages/Superuser/Activity/Logging.vue
@@ -4,6 +4,7 @@ import Card from '@/Components/Card.vue';
 import Icon from '@/Components/Icon.vue';
 import Builder from '@/Components/DataTable/Builder.vue';
 import Th from '@/Components/DataTable/Th.vue';
+import VueJsonPretty from "vue-json-pretty";
 </script>
 
 <template>
@@ -99,7 +100,7 @@ import Th from '@/Components/DataTable/Th.vue';
                 </td>
 
                 <td class="px-2 py-1 border border-inherit ">
-                  {{ rec.context }}
+                    <vue-json-pretty :data="JSON.parse(rec.context)" />
                 </td>
 
                 <td class="px-2 py-1 border border-inherit ">
@@ -113,3 +114,8 @@ import Th from '@/Components/DataTable/Th.vue';
     </Card>
   </DashboardLayout>
 </template>
+
+<style>
+@import 'vue-json-pretty/lib/styles.css';
+</style>
+
diff --git a/routes/web.php b/routes/web.php
index 06b979f..653fd14 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -100,7 +100,7 @@ Route::middleware(['auth:sanctum', config('jetstream.auth_session'), 'verified']
         Route::post('/role/paginate', [App\Http\Controllers\Superuser\RoleController::class, 'paginate'])->name('role.paginate');
         Route::post('/user/paginate', [App\Http\Controllers\Superuser\UserController::class, 'paginate'])->name('user.paginate');
         Route::post('/activity/login', [App\Http\Controllers\ActivityController::class, 'logins'])->name('activity.login.post');
-        Route::post('/activity/logging', [App\Http\Controllers\LoggingController::class, 'records '])->name('activity.logging.post');
+        Route::post('/activity/logging', [App\Http\Controllers\LoggingController::class, 'records'])->name('activity.logging.post');
         Route::get('/menu/get', [App\Http\Controllers\Superuser\MenuController::class, 'get'])->name('menu');
     });
 });