wip: only include process name in api call details

webui/src/components/RuleMatchesTable.vue

@@ -55,7 +55,7 @@
 
         <!-- Address column body template -->
         <template v-if="col.field === 'address'" #body="slotProps">
-          <span style="font-family: monospace">
+          <span class="text-sm" style="font-family: monospace">
             {{ slotProps.node.data.type === 'match location' ? '' : slotProps.node.data.address }}
           </span>
         </template>
@@ -120,6 +120,8 @@
 </template>
 
 <script setup>
+import 'highlight.js/styles/stackoverflow-light.css'
+
 import { ref, onMounted, computed } from 'vue'
 import TreeTable from 'primevue/treetable'
 import InputText from 'primevue/inputtext'

webui/src/components/columns/RuleColumn.vue

@@ -4,7 +4,7 @@
       {{ node.data.name }}
     </template>
     <template v-else-if="node.data.type === 'match location'">
-      <span class="text-sm font-italic">{{ node.data.name }}</span>
+      <span class="text-sm font-italic">{{ node.data.name.processName || node.data.name }}</span>
     </template>
     <template v-else-if="node.data.type === 'statement'"
       >-
@@ -26,8 +26,7 @@
       - <span class="text-green-700" style="font-family: monospace">{{ node.data.name }}</span>
     </template>
     <template v-else-if="node.data.type === 'call-info'">
-      <!-- <code class="text-gray-700">{{ node.data.name }}</code> -->
-      <highlightjs lang="c" :code="node.data.name" />
+      <highlightjs lang="c" :code="node.data.name.callInfo" style="background-color: #f0f0f0" />
     </template>
     <span v-if="node.data.description" class="text-gray-500 text-sm" style="font-size: 90%">
       = {{ node.data.description }}

webui/src/utils/rdocParser.js

@@ -339,9 +339,9 @@ function getCallInfo(node, layout) {
   }
   s.push(`)${returnValueWithParen}`);
 
-  const callInfo = `${pname}{pid:${pid},tid:${tid},call:${callId}}\n${s.join('\n')}`;
+  //const callInfo = `${pname}{pid:${pid},tid:${tid},call:${callId}}\n${s.join('\n')}`;
 
-  return callInfo;
+  return {processName: pname, callInfo: s.join('\n')};
 }
 
 /**