feat: localize demo ui content

apps/ui/js/logs.js

@@ -69,6 +69,20 @@ document.addEventListener('DOMContentLoaded', function () {
 
   function normalizeLog(record) {
     var log = record.log;
+    var agent = window.localizeDemoAgent
+      ? window.localizeDemoAgent({
+        slug: record.agent_slug,
+        display_name: record.agent_display_name,
+        description: '',
+      })
+      : null;
+    var operation = window.localizeDemoOperation
+      ? window.localizeDemoOperation({
+        name: record.operation_name,
+        operation_display_name: record.operation_display_name,
+      })
+      : null;
+
     return {
       id: log.id,
       createdAt: log.created_at,
@@ -80,9 +94,9 @@ document.addEventListener('DOMContentLoaded', function () {
       toolName: log.tool_name,
       message: log.message,
       operationName: record.operation_name,
-      operationDisplayName: record.operation_display_name,
+      operationDisplayName: operation ? operation.operation_display_name : record.operation_display_name,
       agentSlug: record.agent_slug,
-      agentDisplayName: record.agent_display_name,
+      agentDisplayName: agent ? agent.display_name : record.agent_display_name,
       requestPreview: log.request_preview,
       responsePreview: log.response_preview,
       errorKind: log.error_kind,
@@ -143,7 +157,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
       var opSpan = document.createElement('span');
       opSpan.className = 'log-op-name';
-      opSpan.textContent = item.operationName;
+      opSpan.textContent = item.operationDisplayName || item.operationName;
       msgDiv.appendChild(opSpan);
       msgDiv.appendChild(document.createTextNode('\u00a0\u00a0'));