hide js static files in ProfilingFeature

mythz · mythz · commit d154fa83e42f · 2025-11-10T20:41:08.000+08:00
diff --git a/ServiceStack/src/ServiceStack.AI.Chat/modules/admin-ui/components/AdminChat.mjs b/ServiceStack/src/ServiceStack.AI.Chat/modules/admin-ui/components/AdminChat.mjs
@@ -4,6 +4,7 @@ import { leftPart } from '@servicestack/client'
 import { Chart, registerables } from "chart.js"
 import { QueryDb, QueryResponse } from "dtos"
 import { Marked } from "marked"
+import hljs from "highlight.js"
 
 Chart.register(...registerables)
 
@@ -318,7 +319,7 @@ const LogDetailDialog = {
                                         <!-- Code view (default) -->
                                         <div v-if="!preview" class="bg-gray-50 dark:bg-gray-900 rounded-md p-3 text-sm text-gray-900 dark:text-gray-100 whitespace-pre-wrap">{{ log.answer?.trim() }}</div>
                                         <!-- Preview view (rendered markdown) -->
-                                        <div v-else class="bg-gray-50 dark:bg-gray-900 rounded-md p-3 text-sm text-gray-900 dark:text-gray-100 prose dark:prose-invert max-w-none" v-html="renderMarkdown(log.answer?.trim())"></div>
+                                        <div v-else class="bg-gray-50 dark:bg-gray-900 rounded-md p-3 text-sm text-gray-900 dark:text-gray-100 prose prose-sm dark:prose-invert max-w-none" v-html="renderMarkdown(log.answer?.trim())"></div>
                                     </div>
 
                                     <!-- Error -->
@@ -333,13 +334,13 @@ const LogDetailDialog = {
                                     <!-- Request Body -->
                                     <div v-if="log.requestBody">
                                         <h3 class="text-sm font-medium text-gray-900 dark:text-gray-100 mb-2">Request Body</h3>
-                                        <pre class="bg-gray-50 dark:bg-gray-900 rounded-md p-3 text-xs text-gray-900 dark:text-gray-100 overflow-x-auto">{{ formatJson(log.requestBody) }}</pre>
+                                        <pre class="whitespace-pre-wrap"><code :key="log.id" lang="json" class="language-json text-sm" v-highlightjs="formatJson(log.requestBody)"></code></pre>
                                     </div>
 
                                     <!-- Response Body -->
                                     <div v-if="log.responseBody">
                                         <h3 class="text-sm font-medium text-gray-900 dark:text-gray-100 mb-2">Response Body</h3>
-                                        <pre class="bg-gray-50 dark:bg-gray-900 rounded-md p-3 text-xs text-gray-900 dark:text-gray-100 overflow-x-auto">{{ formatJson(log.responseBody) }}</pre>
+                                        <pre class="whitespace-pre-wrap"><code :key="log.id" lang="json" class="language-json text-sm" v-highlightjs="formatJson(log.responseBody)"></code></pre>
                                     </div>
                                 </div>
                             </div>
@@ -389,6 +390,7 @@ const LogDetailDialog = {
             if (nextLog) {
                 props.routes.to({ show: nextLog.id })
             }
+            hljs.highlightAll()
         }
 
         // Handle keyboard navigation
@@ -1673,7 +1675,6 @@ export const AdminChat = {
     }
 }
 
-const hljs = globalThis.hljs
 export const marked = (() => {
     const aliases = {
         vue: 'html',
diff --git a/ServiceStack/src/ServiceStack/ProfilingFeature.cs b/ServiceStack/src/ServiceStack/ProfilingFeature.cs
@@ -111,9 +111,24 @@ public class ProfilingFeature : IPlugin, IConfigureServices, Model.IHasStringId,
     public ProfilingFeature()
     {
         ExcludeRequestPathInfoStartingWith = [
+            "/js/components/",
+            "/js/chart.js",
+            "/js/color.js",
+            "/js/core.mjs",
+            "/js/highlight.js",
+            "/js/hot-fileloader.js",
+            "/js/hot-loader.js",
+            "/js/idb.mjs",
+            "/js/marked.mjs",
             "/js/petite-vue.js",
-            "/js/servicestack-client.js",
             "/js/require.js",
+            "/js/servicestack-blazor.js",
+            "/js/servicestack-client.js",
+            "/js/servicestack-client.mjs",
+            "/js/servicestack-vue.mjs",
+            "/js/ss-utils.js",
+            "/js/vue-router.mjs",
+            "/js/vue.mjs",
             "/js/highlight.js",
             "/admin-ui",
         ];
