diff --git a/pkg/kubewarden/components/Dashboard/InstallView.vue b/pkg/kubewarden/components/Dashboard/InstallView.vue
index c456db17..58a55de0 100644
--- a/pkg/kubewarden/components/Dashboard/InstallView.vue
+++ b/pkg/kubewarden/components/Dashboard/InstallView.vue
@@ -43,14 +43,13 @@ export default {
     if ( !this.hasSchema ) {
       const inStore = this.currentProduct.inStore;
       const hash = [];
+      const listTypes = [SERVICE, CATALOG.CLUSTER_REPO];
 
-      if ( this.$store.getters[`${ inStore }/canList`](SERVICE) ) {
-        hash.push(this.$fetchType(SERVICE));
-      }
-
-      if ( this.$store.getters[`${ inStore }/canList`](CATALOG.CLUSTER_REPO) ) {
-        hash.push(this.$fetchType(CATALOG.CLUSTER_REPO));
-      }
+      listTypes.forEach((type) => {
+        if ( this.$store.getters[`${ inStore }/canList`](type) ) {
+          hash.push(this.$fetchType(type));
+        }
+      });
 
       await allHash(hash);
 
@@ -318,7 +317,7 @@ export default {
           </template>
 
           <template #install>
-            <template v-if="!kubewardenRepo">
+            <template v-if="!kubewardenRepo && !controllerChart">
               <h2 class="mt-20 mb-10" data-testid="kw-repo-title">
                 {{ t("kubewarden.dashboard.prerequisites.repository.title") }}
               </h2>
diff --git a/pkg/kubewarden/components/DefaultsBanner.vue b/pkg/kubewarden/components/DefaultsBanner.vue
index 8386ebad..884aa028 100644
--- a/pkg/kubewarden/components/DefaultsBanner.vue
+++ b/pkg/kubewarden/components/DefaultsBanner.vue
@@ -3,7 +3,7 @@ import { mapGetters } from 'vuex';
 
 import { CATALOG } from '@shell/config/types';
 import { REPO_TYPE, REPO, CHART, VERSION } from '@shell/config/query-params';
-import ResourceFetch from '@shell/mixins/resource-fetch';
+import ResourceManager from '@shell/mixins/resource-manager';
 
 import { Banner } from '@components/Banner';
 
@@ -14,7 +14,19 @@ import { handleGrowl } from '../utils/handle-growl';
 export default {
   components: { Banner },
 
-  mixins: [ResourceFetch],
+  mixins: [ResourceManager],
+
+  async fetch() {
+    this.secondaryResourceData = this.secondaryResourceDataConfig();
+    await this.resourceManagerFetchSecondaryResources(this.secondaryResourceData);
+  },
+
+  data() {
+    return {
+      apps:                  null,
+      secondaryResourceData: this.secondaryResourceDataConfig()
+    };
+  },
 
   computed: {
     ...mapGetters(['currentCluster']),
@@ -25,6 +37,10 @@ export default {
   },
 
   methods: {
+    secondaryResourceDataConfig() {
+      return { data: { [CATALOG.APP]: { applyTo: [{ var: 'apps' }] } } };
+    },
+
     async closeDefaultsBanner(retry = 0) {
       const res = await this.$store.dispatch('kubewarden/updateHideBannerDefaults', true);
 
@@ -98,6 +114,7 @@ export default {
   >
     <span v-clean-html="t('kubewarden.policyServer.noDefaultsInstalled.description', {}, true)" />
     <button
+      v-if="defaultsChart"
       data-testid="kw-defaults-banner-button"
       class="btn role-primary ml-10"
       @click.prevent="chartRoute"
diff --git a/pkg/kubewarden/components/Policies/PolicyDetail.vue b/pkg/kubewarden/components/Policies/PolicyDetail.vue
index 2306cfc9..76d4476d 100644
--- a/pkg/kubewarden/components/Policies/PolicyDetail.vue
+++ b/pkg/kubewarden/components/Policies/PolicyDetail.vue
@@ -7,7 +7,6 @@ import { monitoringStatus } from '@shell/utils/monitoring';
 import { dashboardExists } from '@shell/utils/grafana';
 import CreateEditView from '@shell/mixins/create-edit-view';
 
-import { Banner } from '@components/Banner';
 import DashboardMetrics from '@shell/components/DashboardMetrics';
 import Loading from '@shell/components/Loading';
 import ResourceTabs from '@shell/components/form/ResourceTabs';
@@ -23,7 +22,7 @@ export default {
   name: 'PolicyDetail',
 
   components: {
-    Banner, DashboardMetrics, Loading, MetricsBanner, ResourceTabs, RulesTable, Tab, TraceTable
+    DashboardMetrics, Loading, MetricsBanner, ResourceTabs, RulesTable, Tab, TraceTable
   },
 
   mixins: [CreateEditView],
@@ -58,21 +57,13 @@ export default {
         console.error(`Error fetching Grafana service: ${ e }`); // eslint-disable-line no-console
       }
     }
-
-    this.jaegerService = await this.value.jaegerQueryService();
-
-    if ( this.jaegerService ) {
-      this.filteredValidations = await this.value.jaegerSpecificValidations({ service: this.jaegerService });
-    }
   },
 
   data() {
     return {
-      jaegerService:       null,
-      metricsProxy:        null,
-      metricsService:      null,
-      reloadRequired:      false,
-      filteredValidations: null,
+      metricsProxy:         null,
+      metricsService:       null,
+      reloadRequired:       false,
 
       metricsType: METRICS_DASHBOARD.POLICY
     };
@@ -86,14 +77,6 @@ export default {
       return { policy_name: `clusterwide-${ this.value?.id }` };
     },
 
-    emptyTraces() {
-      if ( isEmpty(this.filteredValidations) ) {
-        return true;
-      }
-
-      return false;
-    },
-
     hasRelationships() {
       return !!this.value.metadata?.relationships;
     },
@@ -104,14 +87,6 @@ export default {
 
     rulesRows() {
       return this.value.spec?.rules;
-    },
-
-    tracesRows() {
-      if ( this.filteredValidations ) {
-        return this.value.traceTableRows(this.filteredValidations);
-      }
-
-      return [];
     }
   },
 
@@ -143,14 +118,7 @@ export default {
       </Tab>
 
       <Tab name="policy-tracing" label="Tracing" :weight="98">
-        <TraceTable data-testid="kw-policy-detail-trace-table" :rows="tracesRows">
-          <template #traceBanner>
-            <Banner v-if="emptyTraces" color="warning">
-              <span v-if="!jaegerService" v-clean-html="t('kubewarden.tracing.noJaeger', {}, true)" />
-              <span v-else>{{ t('kubewarden.tracing.noTraces') }}</span>
-            </Banner>
-          </template>
-        </TraceTable>
+        <TraceTable :resource="resource" :policy="value" data-testid="kw-policy-detail-trace-table" />
       </Tab>
 
       <Tab name="policy-metrics" label="Metrics" :weight="97">
diff --git a/pkg/kubewarden/components/TraceBanner.vue b/pkg/kubewarden/components/TraceBanner.vue
deleted file mode 100644
index 415d2c14..00000000
--- a/pkg/kubewarden/components/TraceBanner.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<script>
-import isEmpty from 'lodash/isEmpty';
-import { Banner } from '@components/Banner';
-
-export default {
-  props: {
-    openTelemetryService: {
-      type:    Array,
-      default: () => []
-    },
-    jaegerService: {
-      type:    Object,
-      default: null
-    }
-  },
-
-  components: { Banner },
-
-  methods: {
-    hasService(service) {
-      return !!isEmpty(service);
-    }
-  }
-};
-</script>
-
-<template>
-  <div>
-    <Banner color="warning">
-      <span v-if="!hasService(openTelemetryService) " v-clean-html="t('kubewarden.tracing.noOpenTelemetry', {}, true)" data-testid="kw-trace-banner-no-telemetry" />
-      <span v-else-if="!hasService(jaegerService)" v-clean-html="t('kubewarden.tracing.noJaeger', {}, true)" data-testid="kw-trace-banner-no-jaeger" />
-      <span v-else data-testid="kw-trace-banner-no-traces">{{ t('kubewarden.tracing.noRelatedTraces') }}</span>
-    </Banner>
-  </div>
-</template>
\ No newline at end of file
diff --git a/pkg/kubewarden/components/TraceChecklist.vue b/pkg/kubewarden/components/TraceChecklist.vue
new file mode 100644
index 00000000..510e012e
--- /dev/null
+++ b/pkg/kubewarden/components/TraceChecklist.vue
@@ -0,0 +1,135 @@
+<script>
+import { mapGetters } from 'vuex';
+
+import { CATALOG } from '@shell/config/labels-annotations';
+import {
+  REPO_TYPE, REPO, CHART, NAME, VERSION, NAMESPACE
+} from '@shell/config/query-params';
+
+import { Banner } from '@components/Banner';
+
+export default {
+  props: {
+    controllerChart: {
+      type:    Object,
+      default: null
+    },
+    tracingConfiguration: {
+      type:    Object,
+      default: null
+    },
+    jaegerQuerySvc: {
+      type:    Object,
+      default: null
+    },
+    openTelSvc: {
+      type:    Object,
+      default: null
+    }
+  },
+
+  components: { Banner },
+
+  computed: {
+    ...mapGetters(['currentCluster']),
+
+    disableChartInstall() {
+      return !this.openTelSvc || !this.jaegerQuerySvc;
+    },
+
+    tracingEnabled() {
+      if ( this.tracingConfiguration ) {
+        return this.tracingConfiguration.enabled;
+      }
+
+      return null;
+    }
+  },
+
+  methods: {
+    chartRoute() {
+      if ( this.controllerChart ) {
+        const metadata = this.controllerChart.spec?.chart?.metadata;
+
+        const query = {
+          [NAMESPACE]: metadata?.annotations?.[CATALOG.NAMESPACE],
+          [NAME]:      metadata?.annotations?.[CATALOG.RELEASE_NAME],
+          [VERSION]:   metadata?.annotations?.['catalog.cattle.io/upstream-version'],
+          [REPO]:      metadata?.annotations?.[CATALOG.SOURCE_REPO_NAME],
+          [REPO_TYPE]: metadata?.annotations?.[CATALOG.SOURCE_REPO_TYPE],
+          [CHART]:     metadata?.name
+        };
+
+        this.$router.push({
+          name:   'c-cluster-apps-charts-install',
+          params: { cluster: this.currentCluster?.id || '_' },
+          query,
+        });
+      }
+    }
+  }
+};
+</script>
+
+<template>
+  <div>
+    <p class="checklist__description mb-20" data-testid="kw-tracing-checklist-description">
+      {{ t('kubewarden.tracing.description') }}
+    </p>
+    <div class="checklist__prereq mb-20">
+      <h2>{{ t('kubewarden.tracing.prerequisites.label') }}</h2>
+      <p>{{ t('kubewarden.tracing.prerequisites.description') }}</p>
+    </div>
+    <Banner
+      color="warning"
+      :label="t('kubewarden.tracing.prerequisites.warning')"
+    />
+    <div class="checklist__container mt-20 mb-20">
+      <div class="checklist__step mt-20 mb-20" data-testid="kw-tracing-checklist-step-open-tel">
+        <i class="icon mr-10" :class="{ 'icon-dot-open': !openTelSvc,'icon-checkmark': openTelSvc }" />
+        <p v-clean-html="t('kubewarden.tracing.openTelemetry', {}, true)" />
+      </div>
+      <div class="checklist__step mb-20" data-testid="kw-tracing-checklist-step-jaeger">
+        <i class="icon mr-10" :class="{ 'icon-dot-open': !jaegerQuerySvc,'icon-checkmark': jaegerQuerySvc }" />
+        <p v-clean-html="t('kubewarden.tracing.jaeger', {}, true)" p />
+      </div>
+      <div class="checklist__step mb-20" data-testid="kw-tracing-checklist-step-config">
+        <i class="icon mr-10" :class="{ 'icon-dot-open': !tracingEnabled,'icon-checkmark': tracingEnabled }" />
+        <div class="checklist__config">
+          <p v-clean-html="t('kubewarden.tracing.config.label', {}, true)" />
+          <button
+            data-testid="kw-tracing-checklist-step-config-button"
+            class="btn role-primary ml-10"
+            :disabled="disableChartInstall"
+            @click.prevent="chartRoute"
+          >
+            {{ t("kubewarden.tracing.config.link") }}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.checklist {
+  &__container {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    border: 1px solid var(--border);
+    padding: 10px;
+  }
+
+  &__step, &__config {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+  }
+
+  &__step {
+    min-height: 40px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pkg/kubewarden/components/TraceTable.vue b/pkg/kubewarden/components/TraceTable.vue
index 7a10524c..9877dd4e 100644
--- a/pkg/kubewarden/components/TraceTable.vue
+++ b/pkg/kubewarden/components/TraceTable.vue
@@ -1,33 +1,94 @@
 <script>
-import { isEmpty } from '@shell/utils/object';
+import { mapGetters } from 'vuex';
+import isEmpty from 'lodash/isEmpty';
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+
+import { CATALOG, SERVICE } from '@shell/config/types';
+import { KUBERNETES } from '@shell/config/labels-annotations';
+import ResourceManager from '@shell/mixins/resource-manager';
 
 import { BadgeState } from '@components/BadgeState';
+import { Banner } from '@components/Banner';
+import Loading from '@shell/components/Loading';
 import SortableTable from '@shell/components/SortableTable';
 
 import { TRACE_HEADERS } from '../config/table-headers';
-import { KUBEWARDEN, MODE_MAP, OPERATION_MAP } from '../types';
+import { KUBEWARDEN, KUBEWARDEN_APPS, MODE_MAP, OPERATION_MAP } from '../types';
+import { jaegerTraces } from '../modules/jaegerTracing';
+import { formatDuration } from '../utils/duration-format';
+
+import TraceChecklist from './TraceChecklist';
+
+dayjs.extend(relativeTime);
 
 export default {
   props: {
-    rows: {
-      type:     Array,
-      default:  () => []
+    resource: {
+      type:     String,
+      required: true
+    },
+    relatedPolicies: {
+      type:    Array,
+      default: () => []
+    },
+    policy: {
+      type:    Object,
+      default: () => {}
     }
   },
 
-  components: { BadgeState, SortableTable },
+  components: {
+    BadgeState, Banner, Loading, SortableTable, TraceChecklist
+  },
+
+  mixins: [ResourceManager],
+
+  async fetch() {
+    if ( this.$store.getters['cluster/canList'](SERVICE) ) {
+      this.allServices = await this.$store.dispatch('cluster/findAll', { type: SERVICE });
+    }
+    this.secondaryResourceData = this.secondaryResourceDataConfig();
+    await this.resourceManagerFetchSecondaryResources(this.secondaryResourceData);
+
+    if ( this.jaegerQuerySvc ) {
+      const options = {
+        store:           this.$store,
+        queryService:    this.jaegerQuerySvc,
+        resource:        this.resource,
+        relatedPolicies: null,
+        policy:          null
+      };
+
+      if ( this.resource === KUBEWARDEN.POLICY_SERVER ) {
+        options.relatedPolicies = this.relatedPolicies;
+      } else {
+        options.policy = this.policy;
+      }
+
+      this.specificValidations = await jaegerTraces(options);
+    }
+  },
 
   data() {
     return {
       MODE_MAP,
       TRACE_HEADERS,
-      OPERATION_MAP
+      OPERATION_MAP,
+
+      apps:                  null,
+      controllerChart:       null,
+      allServices:           null,
+      specificValidations:   null,
+      secondaryResourceData: this.secondaryResourceDataConfig()
     };
   },
 
   computed: {
+    ...mapGetters(['currentCluster']),
+
     groupField() {
-      if ( !!this.isPolicyServer ) {
+      if ( this.isPolicyServer ) {
         return 'policy_id';
       }
 
@@ -35,21 +96,135 @@ export default {
     },
 
     isPolicyServer() {
-      return this.$route.params.resource === KUBEWARDEN.POLICY_SERVER;
+      return this.resource === KUBEWARDEN.POLICY_SERVER;
+    },
+
+    emptyPolicies() {
+      if ( this.resource === KUBEWARDEN.POLICY_SERVER ) {
+        return isEmpty(this.relatedPolicies);
+      }
+
+      return isEmpty(this.policy);
+    },
+
+    emptyTraces() {
+      return isEmpty(this.filteredValidations);
+    },
+
+    emptyTracesLabel() {
+      if ( this.resource === KUBEWARDEN.POLICY_SERVER ) {
+        return 'kubewarden.tracing.noRelatedTraces';
+      }
+
+      return 'kubewarden.tracing.noTraces';
     },
 
     rowsPerPage() {
-      if ( !!this.isPolicyServer ) {
+      if ( this.isPolicyServer ) {
         return 40;
       }
 
       return 20;
+    },
+
+    tracingConfiguration() {
+      if ( this.controllerChart ) {
+        return this.controllerChart?.spec?.values?.telemetry?.tracing;
+      }
+
+      return null;
+    },
+
+    tracingEnabled() {
+      if ( this.tracingConfiguration ) {
+        return this.tracingConfiguration.enabled;
+      }
+
+      return null;
+    },
+
+    jaegerServices() {
+      if ( this.allServices ) {
+        return this.allServices.filter(svc => svc?.metadata?.labels?.['app.kubernetes.io/part-of'] === 'jaeger');
+      }
+
+      return null;
+    },
+
+    jaegerQuerySvc() {
+      if ( !isEmpty(this.jaegerServices) ) {
+        return this.jaegerServices.find((svc) => {
+          const ports = svc?.spec?.ports;
+
+          if ( ports.length ) {
+            return ports.find(p => p.port === 16685 || p.port === 16686);
+          }
+        });
+      }
+
+      return null;
+    },
+
+    openTelemetryServices() {
+      if ( this.allServices ) {
+        return this.allServices.filter(svc => svc?.metadata?.labels?.[KUBERNETES.MANAGED_NAME] === 'opentelemetry-operator');
+      }
+
+      return null;
+    },
+
+    openTelSvc() {
+      if ( !isEmpty(this.openTelemetryServices) ) {
+        return this.openTelemetryServices.find((svc) => {
+          const ports = svc?.spec?.ports;
+
+          if ( ports.length ) {
+            return ports.find(p => p.port === 8080);
+          }
+        });
+      }
+
+      return null;
+    },
+
+    showChecklist() {
+      return (!this.openTelSvc || !this.jaegerQuerySvc || !this.tracingConfiguration?.enabled);
+    },
+
+    showTable() {
+      return (!this.emptyPolicies && !this.showChecklist && !this.emptyTraces);
+    },
+
+    filteredValidations() {
+      if ( !isEmpty(this.specificValidations) ) {
+        return this.specificValidations.flatMap((v) => {
+          if ( this.currentCluster?.id === v.cluster ) {
+            return v.traces;
+          } else {
+            return [];
+          }
+        });
+      }
+
+      return [];
     }
   },
 
   methods: {
-    capitalizeMessage(m) {
-      return m?.charAt(0).toUpperCase() + m?.slice(1);
+    secondaryResourceDataConfig() {
+      return {
+        data:      {
+          [CATALOG.APP]: {
+            applyTo: [
+              { var: 'apps' },
+              {
+                var:         'controllerChart',
+                parsingFunc: data => data.find(app => app?.metadata?.name === KUBEWARDEN_APPS.RANCHER_CONTROLLER)
+              }
+            ]
+          }
+        }
+      };
     },
 
     modeColor(mode) {
@@ -60,28 +235,41 @@ export default {
       return this.OPERATION_MAP[op];
     },
 
-    showLogs(logs) {
-      if ( isEmpty(logs) ) {
-        return false;
-      }
+    formatTime(time) {
+      return dayjs(time / 1000);
+    },
 
-      return true;
+    duration(duration) {
+      return formatDuration(duration);
     }
   }
 };
 </script>
 
 <template>
-  <div>
-    <slot name="traceBanner"></slot>
+  <Loading v-if="$fetchState.pending" />
+  <div v-else>
+    <TraceChecklist
+      v-if="showChecklist"
+      :controller-chart="controllerChart"
+      :tracing-configuration="tracingConfiguration"
+      :jaeger-query-svc="jaegerQuerySvc"
+      :open-tel-svc="openTelSvc"
+    />
+
+    <Banner
+      v-else-if="!showChecklist && emptyPolicies"
+      color="error"
+      :label="t('kubewarden.tracing.noRelatedPolicies')"
+    />
 
     <SortableTable
-      v-if="rows"
-      :rows="rows"
+      v-else-if="showTable"
+      :rows="filteredValidations"
       :headers="TRACE_HEADERS"
       :table-actions="false"
       :row-actions="false"
-      key-field="traceID"
+      key-field="id"
       default-sort-by="startTime"
       :sub-expandable="true"
       :sub-expand-column="true"
@@ -92,68 +280,74 @@ export default {
       <template #col:mode="{row}">
         <td>
           <BadgeState
-            :label="capitalizeMessage(row.mode)"
+            :label="row.mode"
             :color="modeColor(row.mode)"
+            class="text-capitalize"
           />
         </td>
       </template>
 
-      <template #col:operation="{row}">
+      <template #col:name="{row}">
+        <td class="text-bold">
+          {{ row.name }}
+        </td>
+      </template>
+
+      <template #col:namespace="{row}">
+        <td>
+          {{ row.namespace ? row.namespace : '-' }}
+        </td>
+      </template>
+
+      <template #col:startTime="{row}">
         <td>
-          {{ row.operation }}
+          {{ formatTime(row.startTime) }}
+        </td>
+      </template>
+
+      <template #col:duration="{row}">
+        <td>
+          {{ duration(row.duration) }}
         </td>
       </template>
 
       <template #sub-row="{row, fullColspan}">
         <td :colspan="fullColspan" class="sub-row">
           <div class="details">
-            <template v-if="showLogs(row.logs)">
-              <section class="col">
-                <div class="title">
-                  Response
-                </div>
-                <span v-if="row.logs.response" class="text-info">
-                  {{ capitalizeMessage(row.logs.response) }}
-                </span>
-                <span v-else>
-                  N/A
-                </span>
-              </section>
-            </template>
-
-            <template v-else>
-              <section class="col">
-                <div class="title">
-                  Response Message
-                </div>
-                <span v-if="row.response_message" class="text-warning">
-                  {{ capitalizeMessage(row.response_message) }}
-                </span>
-                <span v-else>
-                  N/A
-                </span>
-              </section>
-              <section class="col">
-                <div class="title">
-                  Response Code
-                </div>
-                <span class="text-info">
-                  {{ row.response_code ? row.response_code : 'N/A' }}
-                </span>
-              </section>
-              <section class="col">
-                <div class="title">
-                  Mutated
-                </div>
-                <span class="text-info">
-                  {{ row.mutated }}
-                </span>
-              </section>
-            </template>
+            <section class="col">
+              <div class="title">
+                Response Message
+              </div>
+              <span class="text-info text-capitalize">
+                {{ row.responseMessage ? row.responseMessage : '-' }}
+              </span>
+            </section>
+            <section class="col">
+              <div class="title">
+                Response Code
+              </div>
+              <span class="text-info">
+                {{ row.responseCode ? row.responseCode : '-' }}
+              </span>
+            </section>
+            <section class="col">
+              <div class="title">
+                Mutated
+              </div>
+              <span class="text-info">
+                {{ row.mutated }}
+              </span>
+            </section>
           </div>
         </td>
       </template>
     </SortableTable>
+
+    <Banner
+      v-else
+      color="warning"
+      :label="t(emptyTracesLabel)"
+    />
   </div>
 </template>
 
diff --git a/pkg/kubewarden/detail/policies.kubewarden.io.policyserver.vue b/pkg/kubewarden/detail/policies.kubewarden.io.policyserver.vue
index 5e7c1941..f2b13ac9 100644
--- a/pkg/kubewarden/detail/policies.kubewarden.io.policyserver.vue
+++ b/pkg/kubewarden/detail/policies.kubewarden.io.policyserver.vue
@@ -22,14 +22,13 @@ import { RELATED_HEADERS } from '../config/table-headers';
 import { handleGrowl } from '../utils/handle-growl';
 
 import MetricsBanner from '../components/MetricsBanner';
-import TraceBanner from '../components/TraceBanner';
 import TraceTable from '../components/TraceTable';
 
 export default {
   name: 'PolicyServer',
 
   components: {
-    CountGauge, DashboardMetrics, Loading, MetricsBanner, ResourceTabs, ResourceTable, Tab, TraceBanner, TraceTable
+    CountGauge, DashboardMetrics, Loading, MetricsBanner, ResourceTabs, ResourceTable, Tab, TraceTable
   },
 
   mixins: [CreateEditView],
@@ -40,6 +39,11 @@ export default {
       default: _CREATE,
     },
 
+    resource: {
+      type:    String,
+      default: null
+    },
+
     value: {
       type:     Object,
       required: true,
@@ -49,9 +53,7 @@ export default {
   async fetch() {
     const hash = await allHash({
       relatedPolicies:      this.value.allRelatedPolicies(),
-      policyGauges:         this.value.policyGauges(),
-      jaegerService:        this.value.jaegerQueryService(),
-      openTelemetryService: this.value.openTelemetryService()
+      policyGauges:         this.value.policyGauges()
     });
 
     const assignIfNotEmpty = (prop, value) => {
@@ -62,12 +64,6 @@ export default {
 
     assignIfNotEmpty('relatedPolicies', hash.relatedPolicies);
     assignIfNotEmpty('policyGauges', hash.policyGauges);
-    assignIfNotEmpty('jaegerService', hash.jaegerService);
-    assignIfNotEmpty('openTelemetryService', hash.openTelemetryService);
-
-    if ( !isEmpty(this.relatedPolicies) && this.jaegerService ) {
-      this.filteredValidations = await this.value.filteredValidations({ service: this.jaegerService });
-    }
 
     // If monitoring is installed look for the dashboard for PolicyServers
     if ( this.monitoringStatus.installed ) {
@@ -113,9 +109,6 @@ export default {
   data() {
     return {
       RELATED_HEADERS,
-      jaegerService:        null,
-      openTelemetryService: null,
-      filteredValidations:  null,
       metricsProxy:         null,
       metricsService:       null,
       monitoringRoute:      null,
@@ -129,11 +122,24 @@ export default {
 
   computed: {
     ...mapGetters(['currentCluster', 'currentProduct']),
+    ...mapGetters({ policyTraces: 'kubewarden/policyTraces' }),
     ...monitoringStatus(),
     _group: mapPref(GROUP_RESOURCES),
 
+    filteredTraces() {
+      if ( !isEmpty(this.policyTraces) ) {
+        return this.policyTraces.filter((policyTraceObj) => {
+          if ( this.currentCluster?.id === policyTraceObj.cluster ) {
+            return policyTraceObj;
+          }
+        });
+      }
+
+      return null;
+    },
+
     emptyTraces() {
-      return isEmpty(this.filteredValidations);
+      return isEmpty(this.filteredTraces);
     },
 
     groupPreference() {
@@ -152,10 +158,18 @@ export default {
 
     tracesGauges() {
       if ( !this.emptyTraces ) {
-        return this.value.tracesGauges(this.filteredValidations);
+        return this.value.tracesGauges(this.filteredTraces);
       }
 
       return null;
+    },
+
+    traceGaugeTotals() {
+      if ( !this.emptyTraces ) {
+        return this.filteredTraces?.flatMap(policyTraceObj => policyTraceObj.traces).length;
+      }
+
+      return 0;
     }
   },
 
@@ -212,8 +226,8 @@ export default {
               <CountGauge
                 v-for="(group, key) in tracesGauges"
                 :key="key"
-                :total="filteredValidations.length"
                 :useful="group.count || 0"
+                :total="traceGaugeTotals"
                 :graphical="false"
                 :primary-color-var="`--sizzle-${group.color}`"
                 :name="key"
@@ -270,13 +284,7 @@ export default {
       </Tab>
 
       <Tab name="policy-tracing" label="Tracing" :weight="97">
-        <template>
-          <TraceTable :rows="filteredValidations">
-            <template #traceBanner>
-              <TraceBanner v-if="emptyTraces" :jaeger-service="jaegerService" :open-telemetry-service="openTelemetryService" />
-            </template>
-          </TraceTable>
-        </template>
+        <TraceTable :resource="resource" :related-policies="relatedPolicies" />
       </Tab>
     </ResourceTabs>
   </div>
diff --git a/pkg/kubewarden/l10n/en-us.yaml b/pkg/kubewarden/l10n/en-us.yaml
index 61448b41..b47d8ac7 100644
--- a/pkg/kubewarden/l10n/en-us.yaml
+++ b/pkg/kubewarden/l10n/en-us.yaml
@@ -129,14 +129,24 @@ kubewarden:
     resource: Filter by Resource Type
     resetFilter: Reset Filter
   tracing:
+    description: Tracing allows to collect fine grained details about policy evaluations. It can be a useful tool for debugging issues inside of your Kubewarden deployment and policies.
+    prerequisites:
+      label: Prerequisites
+      description: There are a few resources which need to be installed for tracing to work correctly with the Kubewarden Controller.
+      warning: The deployments of these resources can take a few minutes to become active.
     installOpenTelemetry: |
       Click the button below  or run the <code>kubectl</code> command to install the latest version of OpenTelemetry.
-    noOpenTelemetry: |
-      An OpenTelemetry service can not be found, please follow the steps <a href="https://docs.kubewarden.io/operator-manual/telemetry/opentelemetry/quickstart#install-opentelemetry" target="_blank" rel="noopener noreferrer nofollow">listed here</a> to setup the OpenTelemetry Operator.
-    noJaeger: |
-      A Jaeger service can not be found, please follow the steps <a href="https://docs.kubewarden.io/operator-manual/telemetry/tracing/quickstart" target="_blank" rel="noopener noreferrer nofollow">listed here</a> to setup tracing for your policies.
+    openTelemetry: |
+      The <a href="https://github.com/open-telemetry/opentelemetry-operator" target="_blank" rel="noopener noreferrer nofollow">OpenTelemetry Operator</a> must be installed, follow the <a href="https://docs.kubewarden.io/operator-manual/telemetry/opentelemetry/quickstart#install-opentelemetry" target="_blank" rel="noopener noreferrer nofollow">documentation</a> to setup the OpenTelemetry Operator.
+    jaeger: |
+      The <a href="https://github.com/jaegertracing/jaeger-operator" target="_blank" rel="noopener noreferrer nofollow">Jaeger Operator and Instance</a> must be installed, follow the <a href="https://docs.kubewarden.io/operator-manual/telemetry/tracing/quickstart" target="_blank" rel="noopener noreferrer nofollow">documentation</a> to setup tracing for your policies.
+    noRelatedPolicies: No related policies found.
     noRelatedTraces: No tracing data exists for the related policies.
     noTraces: No tracing data exists for this policy.
+    config: 
+      label: |
+        Tracing must be <a href="https://docs.kubewarden.io/operator-manual/telemetry/tracing/quickstart#install-kubewarden" target="_blank" rel="noopener noreferrer nofollow">enabled and configured</a> with a Jaeger endpoint in the Kubewarden Controller chart.
+      link: Update Chart
   monitoring:
     notInstalled: |
       The Monitoring app is not installed, this will will need to be installed and configured to enable metrics. Follow <a href="https://docs.kubewarden.io/operator-manual/telemetry/metrics/quickstart#install-prometheus" target="_blank" rel="noopener noreferrer nofollow">these steps</a> to add the Kubewarden ServiceMonitor for Prometheus.
diff --git a/pkg/kubewarden/modules/jaegerTracing.ts b/pkg/kubewarden/modules/jaegerTracing.ts
new file mode 100644
index 00000000..fb2a2c4b
--- /dev/null
+++ b/pkg/kubewarden/modules/jaegerTracing.ts
@@ -0,0 +1,182 @@
+import isEmpty from 'lodash/isEmpty';
+
+import {
+  KUBEWARDEN, JaegerConfig, PolicyTrace, PolicyTraceConfig, Tag
+} from '../types';
+import { proxyUrl } from '../utils/service';
+
+/** TODO: Update the `any` types throughout this file */
+
+/**
+ * Fetches trace reports from Jaeger for each related policy or singular policy.
+ * @param config `JaegerConfig` | Contains the `store`, `jaegerQueryService`, `resource` (policy-server or policy type),
+ * `relatedPolicies?` needed for policy server, `policy?` for individual policies, `time?` for trace timeframe.
+ * @returns `PolicyTraceConfig | null` | A scaffold object which contains the policy name, cluster id, and traces for the policy.
+ */
+export async function jaegerTraces(config: JaegerConfig): Promise<PolicyTraceConfig | null> {
+  const {
+    store, queryService, resource, relatedPolicies, policy, time
+  } = config;
+
+  try {
+    const proxy = proxyUrl(queryService, 16686);
+
+    const promises = [];
+
+    if ( !isEmpty(relatedPolicies) ) {
+      relatedPolicies?.forEach((p: any) => {
+        const hash = jaegerTraceRequest(store, proxy, p, time);
+
+        if ( hash ) {
+          promises.push(hash);
+        }
+      });
+    } else if ( policy ) {
+      promises.push(jaegerTraceRequest(store, proxy, policy, time));
+    } else {
+      throw new Error('Policy is undefined');
+    }
+
+    let res = await Promise.all(promises);
+
+    res = res.flatMap(o => o?.data);
+
+    return scaffoldPolicyTrace(store, res, resource, relatedPolicies, policy);
+  } catch (e) {
+    console.warn(`Error fetching Jaeger traces: ${ e }`); // eslint-disable-line no-console
+  }
+
+  return null;
+}
+
+export function jaegerPolicyName(policy: any) {
+  let out = null;
+
+  switch (policy?.kind) {
+  case 'ClusterAdmissionPolicy':
+    out = `clusterwide-${ policy?.metadata?.name }`;
+    break;
+
+  case 'AdmissionPolicy':
+    out = `namespaced-${ policy?.metadata?.namespace }-${ policy?.metadata?.name }`;
+    break;
+
+  default:
+    break;
+  }
+
+  return out;
+}
+
+function jaegerTraceRequest(store: any, proxyUrl: any, policy: any, time?: any) {
+  let apiPath = null;
+
+  const name = jaegerPolicyName(policy);
+  const lookbackTime = time || '2d';
+
+  const options = `lookback=${ lookbackTime }&tags={"policy_id"%3A"${ name }"}`;
+  const operation = policy?.spec?.mode === 'monitor' ? 'policy_eval' : 'validation';
+
+  // The service `kubewarden-policy-server` is **not** a k8s Service
+  apiPath = `api/traces?service=kubewarden-policy-server&operation=${ operation }&${ options }`;
+  const JAEGER_PATH = `${ proxyUrl + apiPath }`;
+
+  return store.dispatch('cluster/request', { url: JAEGER_PATH });
+}
+
+function scaffoldPolicyTrace(store: any, traces: any, resource: any, relatedPolicies: any, policy: any): any {
+  const currentCluster = store.getters['currentCluster'];
+  const out = [];
+
+  function filterTraces(p: any) {
+    const policyName = jaegerPolicyName(p);
+
+    return traces.reduce((acc: any, trace: any): PolicyTrace[] => {
+      let out = {};
+
+      const validationSpan = trace.spans.find((span: any) => span.operationName === 'validation');
+      const matchedTag = validationSpan?.tags?.find((tag: any) => tag?.key === 'policy_id' && tag?.value === policyName);
+
+      if ( matchedTag ) {
+        const convertedTags = convertTagsToObject(validationSpan.tags);
+
+        out = {
+          id:              trace.traceID,
+          allowed:         convertedTags.allowed,
+          mode:            p.spec.mode,
+          name:            convertedTags.name,
+          operation:       convertedTags.operation,
+          kind:            convertedTags.kind,
+          namespace:       convertedTags.namespace || null,
+          startTime:       validationSpan.startTime,
+          duration:        validationSpan.duration,
+          responseMessage: convertedTags.response_message,
+          responseCode:    convertedTags.response_code,
+          mutated:         convertedTags.mutated
+        };
+      }
+
+      if ( !isEmpty(out) ) {
+        acc.push(out);
+        store.dispatch('kubewarden/updatePolicyTraces', {
+          policyName:   p.metadata.name,
+          cluster:      currentCluster?.id,
+          updatedTrace: out
+        });
+      }
+
+      return acc;
+    }, []);
+  }
+
+  if ( resource === KUBEWARDEN.POLICY_SERVER ) {
+    for ( const relatedPolicy of relatedPolicies ) {
+      const relatedTraces = filterTraces(relatedPolicy);
+
+      if ( !isEmpty(relatedTraces) ) {
+        out.push({
+          policyName: relatedPolicy.metadata.name,
+          cluster:    currentCluster?.id,
+          traces:     relatedTraces
+        });
+      }
+    }
+  } else {
+    const relatedTraces = filterTraces(policy);
+
+    if ( !isEmpty(relatedTraces) ) {
+      out.push({
+        policyName: policy.metadata.name,
+        cluster:    currentCluster?.id,
+        traces:     relatedTraces
+      });
+    }
+  }
+
+  return out;
+}
+
+export function convertTagsToObject(arr: Tag[]): Record<string, string | number | boolean> {
+  const result: Record<string, string | number | boolean> = {};
+
+  for (const item of arr) {
+    switch (item.type) {
+    case 'string':
+      result[item.key] = item.value as string;
+      break;
+    case 'int64':
+      result[item.key] = parseInt(item.value as string, 10);
+      break;
+    case 'float64':
+      result[item.key] = parseFloat(item.value as string);
+      break;
+    case 'bool':
+      result[item.key] = item.value === 'true';
+      break;
+    default:
+      result[item.key] = item.value;
+    }
+  }
+
+  return result;
+}
diff --git a/pkg/kubewarden/plugins/kubewarden-class.js b/pkg/kubewarden/plugins/kubewarden-class.js
index 7f5cb720..b5910b9f 100644
--- a/pkg/kubewarden/plugins/kubewarden-class.js
+++ b/pkg/kubewarden/plugins/kubewarden-class.js
@@ -1,6 +1,7 @@
 import filter from 'lodash/filter';
 import matches from 'lodash/matches';
 import isEmpty from 'lodash/isEmpty';
+import semver from 'semver';
 
 import SteveModel from '@shell/plugins/steve/steve-class';
 import {
@@ -264,6 +265,8 @@ export default class KubewardenModel extends SteveModel {
   get openTelemetryService() {
     return async() => {
       try {
+        await this.allServices();
+
         return await this.$dispatch('cluster/findMatching', {
           type:     SERVICE,
           selector: 'app.kubernetes.io/name=opentelemetry-operator'
@@ -532,8 +535,13 @@ export function colorForTraceStatus(status) {
 }
 
 export function getLatestStableVersion(versions) {
+  const allVersions = versions.map(v => v.version);
   const stableVersions = versions.filter(v => !v.version.includes('rc'));
 
+  if ( isEmpty(stableVersions) && !isEmpty(allVersions) ) {
+    return semver.rsort(allVersions)[0];
+  }
+
   return stableVersions?.sort((a, b) => {
     const versionA = a.version.split('.').map(Number);
     const versionB = b.version.split('.').map(Number);
diff --git a/pkg/kubewarden/plugins/policy-server-class.js b/pkg/kubewarden/plugins/policy-server-class.js
index 000ddae2..c26c666f 100644
--- a/pkg/kubewarden/plugins/policy-server-class.js
+++ b/pkg/kubewarden/plugins/policy-server-class.js
@@ -71,35 +71,37 @@ export default class PolicyServerModel extends KubewardenModel {
   }
 
   get tracesGauges() {
-    return (traces) => {
+    return (policyTraces) => {
       const out = {};
 
-      if ( isEmpty(traces) ) {
+      if ( isEmpty(policyTraces) ) {
         return out;
       }
 
-      traces?.map((trace) => {
-        const { allowed, mode, mutated } = trace;
-
-        if ( mode === 'monitor' ) {
-          return;
-        }
-
-        if ( out['Denied'] && !allowed ) {
-          out['Denied'].count++;
-        } else if ( !allowed ) {
-          out['Denied'] = {
-            color: colorForTraceStatus('denied'),
-            count: 1
-          };
-        } else if ( out['Mutated'] && mutated ) {
-          out['Mutated'].count++;
-        } else if ( mutated && allowed ) {
-          out['Mutated'] = {
-            color: colorForTraceStatus('mutated'),
-            count: 1
-          };
-        }
+      policyTraces?.flatMap((policyObj) => {
+        policyObj?.traces?.map((trace) => {
+          const { allowed, mode, mutated } = trace;
+
+          if ( mode === 'monitor' ) {
+            return;
+          }
+
+          if ( out['Denied'] && !allowed ) {
+            out['Denied'].count++;
+          } else if ( !allowed ) {
+            out['Denied'] = {
+              color: colorForTraceStatus('denied'),
+              count: 1
+            };
+          } else if ( out['Mutated'] && mutated ) {
+            out['Mutated'].count++;
+          } else if ( mutated && allowed ) {
+            out['Mutated'] = {
+              color: colorForTraceStatus('mutated'),
+              count: 1
+            };
+          }
+        });
       });
 
       return out;
diff --git a/pkg/kubewarden/store/kubewarden/actions.ts b/pkg/kubewarden/store/kubewarden/actions.ts
index 5f16d10e..ae21aa2c 100644
--- a/pkg/kubewarden/store/kubewarden/actions.ts
+++ b/pkg/kubewarden/store/kubewarden/actions.ts
@@ -1,22 +1,36 @@
-import { PolicyReport } from '../../types';
+import { PolicyReport, PolicyTraceConfig, PolicyTrace } from '../../types';
 
 export default {
   updateAirGapped({ commit }: any, val: Boolean) {
     commit('updateAirGapped', val);
   },
+
+  // Defaults banner
   updateHideBannerDefaults({ commit }: any, val: Boolean) {
     commit('updateHideBannerDefaults', val);
   },
+
+  // ArtifactHub banner
   updateHideBannerArtifactHub({ commit }: any, val: Boolean) {
     commit('updateHideBannerArtifactHub', val);
   },
   updateHideBannerAirgapPolicy({ commit }: any, val: Boolean) {
     commit('updateHideBannerAirgapPolicy', val);
   },
+
+  // Policy reports
   updatePolicyReports({ commit }: any, val: PolicyReport[]) {
     commit('updatePolicyReports', val);
   },
   removePolicyReportById({ commit }: any, val: PolicyReport) {
     commit('removePolicyReportById', val.id);
+  },
+
+  // Policy traces
+  updatePolicyTraces({ commit }: any, val: { policyName: string, updatedTrace: PolicyTrace }) {
+    commit('updatePolicyTraces', val);
+  },
+  removePolicyTraceById({ commit }: any, policy: PolicyTraceConfig, trace: PolicyTrace) {
+    commit('removePolicyTraceById', policy, trace);
   }
 };
diff --git a/pkg/kubewarden/store/kubewarden/getters.ts b/pkg/kubewarden/store/kubewarden/getters.ts
index ff2f8220..2b601cf6 100644
--- a/pkg/kubewarden/store/kubewarden/getters.ts
+++ b/pkg/kubewarden/store/kubewarden/getters.ts
@@ -1,4 +1,4 @@
-import { PolicyReport } from '../../types';
+import { PolicyReport, PolicyTraceConfig } from '../../types';
 import { StateConfig } from './index';
 
 export default {
@@ -6,5 +6,6 @@ export default {
   hideBannerDefaults:     (state: StateConfig): Boolean => state.hideBannerDefaults,
   hideBannerArtifactHub:  (state: StateConfig): Boolean => state.hideBannerArtifactHub,
   hideBannerAirgapPolicy: (state: StateConfig): Boolean => state.hideBannerAirgapPolicy,
-  policyReports:          (state: StateConfig): PolicyReport[] => state.policyReports
+  policyReports:          (state: StateConfig): PolicyReport[] => state.policyReports,
+  policyTraces:           (state: StateConfig): PolicyTraceConfig[] => state.policyTraces
 };
diff --git a/pkg/kubewarden/store/kubewarden/index.ts b/pkg/kubewarden/store/kubewarden/index.ts
index 1373a596..29b32a32 100644
--- a/pkg/kubewarden/store/kubewarden/index.ts
+++ b/pkg/kubewarden/store/kubewarden/index.ts
@@ -1,6 +1,6 @@
 import { CoreStoreSpecifics, CoreStoreConfig } from '@shell/core/types';
 
-import { KUBEWARDEN_PRODUCT_NAME, PolicyReport } from '../../types';
+import { KUBEWARDEN_PRODUCT_NAME, PolicyReport, PolicyTraceConfig } from '../../types';
 
 import getters from './getters';
 import mutations from './mutations';
@@ -12,6 +12,7 @@ export interface StateConfig {
   hideBannerArtifactHub: Boolean,
   hideBannerAirgapPolicy: Boolean,
   policyReports: PolicyReport[]
+  policyTraces: PolicyTraceConfig[]
 }
 
 const kubewardenFactory = (config: StateConfig): CoreStoreSpecifics => {
@@ -22,7 +23,8 @@ const kubewardenFactory = (config: StateConfig): CoreStoreSpecifics => {
         hideBannerDefaults:     config.hideBannerDefaults,
         hideBannerArtifactHub:  config.hideBannerArtifactHub,
         hideBannerAirgapPolicy: config.hideBannerAirgapPolicy,
-        policyReports:          config.policyReports
+        policyReports:          config.policyReports,
+        policyTraces:           config.policyTraces
       };
     },
 
@@ -40,7 +42,8 @@ export default {
     hideBannerDefaults:     false,
     hideBannerArtifactHub:  false,
     hideBannerAirgapPolicy: false,
-    policyReports:          []
+    policyReports:          [],
+    policyTraces:           []
   }),
   config
 };
diff --git a/pkg/kubewarden/store/kubewarden/mutations.ts b/pkg/kubewarden/store/kubewarden/mutations.ts
index 1eda4c83..24ba8d63 100644
--- a/pkg/kubewarden/store/kubewarden/mutations.ts
+++ b/pkg/kubewarden/store/kubewarden/mutations.ts
@@ -1,4 +1,4 @@
-import { PolicyReport } from '../../types';
+import { PolicyReport, PolicyTrace, PolicyTraceConfig } from '../../types';
 import { StateConfig } from './index';
 
 export default {
@@ -44,5 +44,44 @@ export default {
     if ( idx !== -1 ) {
       state.policyReports.splice(idx, 1);
     }
+  },
+
+  /**
+   * Finds the existing policy object and adds the related traces.
+   * @param state
+   * @param policy
+   * @param updatedTrace
+   */
+  updatePolicyTraces(state: StateConfig, val: { policyName: string, cluster: string, updatedTrace: PolicyTrace }) {
+    const { policyName, cluster, updatedTrace } = val;
+    const existingPolicyObj = state.policyTraces.find((traceObj: PolicyTraceConfig) => traceObj.policyName === policyName);
+    let existingTrace = existingPolicyObj?.traces.find((trace: PolicyTrace) => trace.id === updatedTrace.id);
+
+    if ( existingTrace ) {
+      existingTrace = updatedTrace;
+    } else if ( !existingPolicyObj ) {
+      state.policyTraces.push({
+        policyName,
+        cluster,
+        traces: [updatedTrace]
+      });
+    } else {
+      // If the trace doesn't exist, add it to the store
+      existingPolicyObj?.traces.push(updatedTrace);
+    }
+  },
+  /**
+   * Searches for the existing policy object and removes a trace by the traceID from the store
+   * @param state
+   * @param policy
+   * @param updatedTrace
+   */
+  removeTraceById(state: StateConfig, policy: PolicyTraceConfig, updatedTrace: PolicyTrace) {
+    const existingPolicyObj = state.policyTraces.find((traceObj: PolicyTraceConfig) => traceObj.policyName === policy.policyName);
+    const idx = existingPolicyObj?.traces.findIndex((trace: PolicyTrace) => trace.id === updatedTrace.id);
+
+    if ( idx && idx !== -1 ) {
+      existingPolicyObj?.traces.splice(idx, 1);
+    }
   }
 };
diff --git a/pkg/kubewarden/tsconfig.json b/pkg/kubewarden/tsconfig.json
index 2febe59b..89edd58a 100644
--- a/pkg/kubewarden/tsconfig.json
+++ b/pkg/kubewarden/tsconfig.json
@@ -48,6 +48,9 @@
       "@shell/initialize/*": [
         "../../node_modules/@rancher/shell/initialize/*"
       ],
+      "@shell/models/*": [
+        "../../node_modules/@rancher/shell/models/*"
+      ],
       "@components/*": [
         "./node_modules/@rancher/components/*"
       ],
diff --git a/pkg/kubewarden/types.ts b/pkg/kubewarden/types.ts
index 008adcf1..c49e6484 100644
--- a/pkg/kubewarden/types.ts
+++ b/pkg/kubewarden/types.ts
@@ -1,5 +1,6 @@
 export * from './types/core';
 export * from './types/kubewarden';
+export * from './types/jaeger';
 export * from './types/policy';
 export * from './types/grafana';
 export * from './types/policy-reporter';
\ No newline at end of file
diff --git a/pkg/kubewarden/types/jaeger.ts b/pkg/kubewarden/types/jaeger.ts
new file mode 100644
index 00000000..1c7e2657
--- /dev/null
+++ b/pkg/kubewarden/types/jaeger.ts
@@ -0,0 +1,35 @@
+export interface JaegerConfig {
+  store: any,
+  queryService: any,
+  resource?: any,
+  relatedPolicies?: any,
+  policy?: any,
+  time?: any
+}
+
+export interface PolicyTrace {
+  id: string,
+  allowed: boolean,
+  mode: string,
+  name: string,
+  operation: string,
+  kind: string,
+  namespace?: string,
+  startTime: number,
+  duration: number,
+  responseMessage?: string,
+  responseCode?: string | number,
+  mutated?: string
+}
+
+export interface PolicyTraceConfig {
+  policyName: string,
+  cluster: string,
+  traces: PolicyTrace[]
+}
+
+export interface Tag {
+  key: string;
+  type: string;
+  value: string | number | boolean;
+}
diff --git a/pkg/kubewarden/types/kubewarden.ts b/pkg/kubewarden/types/kubewarden.ts
index 8bf15b84..08d68e4f 100644
--- a/pkg/kubewarden/types/kubewarden.ts
+++ b/pkg/kubewarden/types/kubewarden.ts
@@ -16,6 +16,8 @@ export const KUBEWARDEN_APPS = {
   RANCHER_DEFAULTS:   'rancher-kubewarden-defaults'
 };
 
+export const KUBEWARDEN_LABELS = { POLICY_SERVER: 'kubewarden/policy-server' };
+
 export const KUBEWARDEN = {
   ADMISSION_POLICY:         'policies.kubewarden.io.admissionpolicy',
   CLUSTER_ADMISSION_POLICY: 'policies.kubewarden.io.clusteradmissionpolicy',
diff --git a/pkg/kubewarden/utils/duration-format.ts b/pkg/kubewarden/utils/duration-format.ts
new file mode 100644
index 00000000..af39eda1
--- /dev/null
+++ b/pkg/kubewarden/utils/duration-format.ts
@@ -0,0 +1,59 @@
+import dayjs from 'dayjs';
+import _dropWhile from 'lodash/dropWhile';
+import _round from 'lodash/round';
+import _duration from 'dayjs/plugin/duration';
+
+dayjs.extend(_duration);
+
+export const STANDARD_DATE_FORMAT = 'YYYY-MM-DD';
+export const STANDARD_TIME_FORMAT = 'HH:mm';
+export const STANDARD_DATETIME_FORMAT = 'MMMM D YYYY, HH:mm:ss.SSS';
+
+/** @constant 1ms as the number of microseconds, which is the precision of Jaeger timestamps */
+export const ONE_MILLISECOND = 1000 * 1;
+
+const ONE_SECOND = 1000 * ONE_MILLISECOND;
+const ONE_MINUTE = 60 * ONE_SECOND;
+const ONE_HOUR = 60 * ONE_MINUTE;
+const ONE_DAY = 24 * ONE_HOUR;
+
+const UNIT_STEPS: { unit: string; microseconds: number; ofPrevious: number }[] = [
+  {
+    unit: 'd', microseconds: ONE_DAY, ofPrevious: 24
+  },
+  {
+    unit: 'h', microseconds: ONE_HOUR, ofPrevious: 60
+  },
+  {
+    unit: 'm', microseconds: ONE_MINUTE, ofPrevious: 60
+  },
+  {
+    unit: 's', microseconds: ONE_SECOND, ofPrevious: 1000
+  },
+  {
+    unit: 'ms', microseconds: ONE_MILLISECOND, ofPrevious: 1000
+  },
+  {
+    unit: 'μs', microseconds: 1, ofPrevious: 1000
+  },
+];
+
+export function formatDuration(duration: number): string {
+  // Drop all units that are too large except the last one
+  const [primaryUnit, secondaryUnit] = _dropWhile(
+    UNIT_STEPS,
+    ({ microseconds }, index) => index < UNIT_STEPS.length - 1 && microseconds > duration
+  );
+
+  if (primaryUnit.ofPrevious === 1000) {
+    // If the unit is decimal based, display as a decimal
+    return `${ _round(duration / primaryUnit.microseconds, 2) }${ primaryUnit.unit }`;
+  }
+
+  const primaryValue = Math.floor(duration / primaryUnit.microseconds);
+  const primaryUnitString = `${ primaryValue }${ primaryUnit.unit }`;
+  const secondaryValue = Math.round((duration / secondaryUnit.microseconds) % primaryUnit.ofPrevious);
+  const secondaryUnitString = `${ secondaryValue }${ secondaryUnit.unit }`;
+
+  return secondaryValue === 0 ? primaryUnitString : `${ primaryUnitString } ${ secondaryUnitString }`;
+}
\ No newline at end of file
diff --git a/pkg/kubewarden/utils/service.ts b/pkg/kubewarden/utils/service.ts
new file mode 100644
index 00000000..539b8ded
--- /dev/null
+++ b/pkg/kubewarden/utils/service.ts
@@ -0,0 +1,17 @@
+export function proxyUrl(service: any, port: number): string {
+  const view: string = service?.links['view'];
+  const idx: number = view.lastIndexOf(`/`);
+
+  return proxyUrlFromBase(view.slice(0, idx), 'http', service?.metadata.name, port);
+}
+
+export function proxyUrlFromBase(base: string, scheme: string, name: string, port: number, path?: any): string {
+  const schemaNamePort = (scheme ? `${ encodeURIComponent(scheme) }:` : '') + encodeURIComponent(name) + (port ? `:${ encodeURIComponent(port) }` : '');
+
+  const cleanPath = `/${ (path || '').replace(/^\/+/g, '') }`;
+  const cleanBase = base.replace(/\/+$/g, '');
+
+  const out = `${ cleanBase }/${ schemaNamePort }/proxy${ cleanPath }`;
+
+  return out;
+}
diff --git a/pkg/kubewarden/utils/string.ts b/pkg/kubewarden/utils/string.ts
new file mode 100644
index 00000000..244aa819
--- /dev/null
+++ b/pkg/kubewarden/utils/string.ts
@@ -0,0 +1,15 @@
+/**
+ * Takes a k8s dns entry and returns the port
+ * @param inputString | dns entry e.g. 'my-open-telemetry-collector.jaeger.svc.cluster.local:4317'
+ * @returns `number | null | void` | Returns the port at the end of a string
+ */
+export function extractPortNumber(inputString: any): number | null | void {
+  const portPattern = /:(\d+)$/;
+  const match = inputString.match(portPattern);
+
+  if ( match && match[1] ) {
+    return parseInt(match[1], 10);
+  } else {
+    return null;
+  }
+}
diff --git a/tests/unit/detail/PolicyServer.spec.ts b/tests/unit/detail/PolicyServer.spec.ts
index 4dead6eb..ddfdf6f4 100644
--- a/tests/unit/detail/PolicyServer.spec.ts
+++ b/tests/unit/detail/PolicyServer.spec.ts
@@ -7,6 +7,8 @@ import PolicyServer from '@kubewarden/detail/policies.kubewarden.io.policyserver
 import MetricsBanner from '@kubewarden/components/MetricsBanner';
 import CountGauge from '@shell/components/CountGauge';
 
+import TraceTestData from '../templates/policyTraces';
+
 const policyGauges = {
   Active: {
     count: 42,
@@ -91,21 +93,14 @@ describe('component: PolicyServer', () => {
     const wrapper = shallowMount(PolicyServer as unknown as ExtendedVue<Vue, {}, {}, {}, DefaultProps>, {
       propsData: { value: {} },
       data() {
-        const filteredValidations:Number[] = [];
-
-        for ( const key of Object.keys(traceCounts) ) {
-          for ( let i = 0; i < traceCounts[key].count; i++ ) {
-            filteredValidations.push(i);
-          }
-        }
-
-        return { policyGauges, filteredValidations };
+        return { policyGauges };
       },
       computed:  {
         monitoringStatus: () => {
           return { installed: false };
         },
         relatedPoliciesTotal: () => relatedPolicies(),
+        policyTraces:         () => TraceTestData,
         tracesGauges:         () => traceCounts,
         emptyTraces:          () => false
       },
@@ -134,13 +129,11 @@ describe('component: PolicyServer', () => {
     const mutatedGauge = gauges.at(3).props();
 
     expect(deniedGauge.name).toStrictEqual('Denied' as String);
-    expect(deniedGauge.total).toStrictEqual(wrapper.vm.$data.filteredValidations.length as Number);
-    expect(deniedGauge.useful).toStrictEqual(traceCounts['Denied'].count as Number);
+    expect(deniedGauge.useful).toStrictEqual(42 as Number);
     expect(deniedGauge.primaryColorVar.replace('--sizzle-', '')).toStrictEqual(traceCounts['Denied'].color as String);
 
     expect(mutatedGauge.name).toStrictEqual('Mutated' as String);
-    expect(mutatedGauge.total).toStrictEqual(wrapper.vm.$data.filteredValidations.length as Number);
-    expect(mutatedGauge.useful).toStrictEqual(traceCounts['Mutated'].count as Number);
+    expect(mutatedGauge.useful).toStrictEqual(13 as Number);
     expect(mutatedGauge.primaryColorVar.replace('--sizzle-', '')).toStrictEqual(traceCounts['Mutated'].color as String);
   });
 
diff --git a/tests/unit/templates/policyTraces.js b/tests/unit/templates/policyTraces.js
new file mode 100644
index 00000000..cf2b183b
--- /dev/null
+++ b/tests/unit/templates/policyTraces.js
@@ -0,0 +1,207 @@
+export default [
+  {
+    policyName: 'disallow-np',
+    traces:     [
+      {
+        id:              '8bb0ad38f130c28f544491ea03a10b40',
+        allowed:         false,
+        mode:            'protect',
+        name:            'testnp',
+        operation:       'CREATE',
+        kind:            'Service',
+        namespace:       'test',
+        startTime:       1697570010372396,
+        duration:        5573,
+        responseMessage: 'Service of type NodePort are not allowed',
+        mutated:         false
+      },
+      {
+        id:              'cebfb79f93dfb265a2eeedde936f5ade',
+        allowed:         false,
+        mode:            'protect',
+        name:            'testnp',
+        operation:       'CREATE',
+        kind:            'Service',
+        namespace:       'test',
+        startTime:       1697570013239380,
+        duration:        9276,
+        responseMessage: 'Service of type NodePort are not allowed',
+        mutated:         true
+      }
+    ]
+  },
+  {
+    policyName: 'do-not-run-as-root',
+    traces:     [
+      {
+        id:        '0de3e0c42e65bee1589d712288c50ffc',
+        allowed:   false,
+        mode:      'monitor',
+        name:      'test-dep-55d796bc5c',
+        operation: 'CREATE',
+        kind:      'ReplicaSet',
+        namespace: 'test',
+        startTime: 1697570587920061,
+        duration:  16537,
+        mutated:   false
+      },
+      {
+        id:        'f88795b067495fb6d2853a42ca5608f7',
+        allowed:   false,
+        mode:      'monitor',
+        name:      'test-dep',
+        operation: 'CREATE',
+        kind:      'Deployment',
+        namespace: 'test',
+        startTime: 1697570587703025,
+        duration:  27631,
+        mutated:   false
+      },
+      {
+        id:        '462d09df0b32742afa205f484d86163b',
+        allowed:   false,
+        mode:      'monitor',
+        name:      '',
+        operation: 'CREATE',
+        kind:      'Pod',
+        namespace: 'test',
+        startTime: 1697570588020968,
+        duration:  48728,
+        mutated:   false
+      }
+    ]
+  },
+  {
+    policyName: 'do-not-share-host-paths',
+    traces:     [
+      {
+        id:        '6737aab871b84c88e0d72fe9ccd1c0ad',
+        allowed:   false,
+        mode:      'monitor',
+        name:      'test-dep-55d796bc5c-smc89',
+        operation: 'CREATE',
+        kind:      'Pod',
+        namespace: 'test',
+        startTime: 1697570588442452,
+        duration:  11675,
+        mutated:   false
+      }
+    ]
+  },
+  {
+    policyName: 'drop-capabilities',
+    traces:     [
+      {
+        id:        '6b45b47c049c232930506009ea6e3208',
+        allowed:   false,
+        mode:      'monitor',
+        name:      '',
+        operation: 'CREATE',
+        kind:      'Pod',
+        namespace: 'test',
+        startTime: 1697570588115481,
+        duration:  23975,
+        mutated:   false
+      }
+    ]
+  },
+  {
+    policyName: 'no-host-namespace-sharing',
+    traces:     [
+      {
+        id:        '1032644de83d5e3d19e292f870084dec',
+        allowed:   false,
+        mode:      'monitor',
+        name:      'test-dep-55d796bc5c-smc89',
+        operation: 'CREATE',
+        kind:      'Pod',
+        namespace: 'test',
+        startTime: 1697570588430941,
+        duration:  15184,
+        mutated:   false
+      }
+    ]
+  },
+  {
+    policyName: 'no-privilege-escalation',
+    traces:     [
+      {
+        id:        'd300801925447ca66a605e242c78902e',
+        allowed:   false,
+        mode:      'monitor',
+        name:      '',
+        operation: 'CREATE',
+        kind:      'Pod',
+        namespace: 'test',
+        startTime: 1697570588143999,
+        duration:  6864,
+        mutated:   false
+      },
+      {
+        id:        '4db8793062062e47e817e8d9aa237c66',
+        allowed:   false,
+        mode:      'monitor',
+        name:      'test-dep',
+        operation: 'CREATE',
+        kind:      'Deployment',
+        namespace: 'test',
+        startTime: 1697570587775344,
+        duration:  6963,
+        mutated:   false
+      },
+      {
+        id:        'b1fbc12aa7ff8106fab366093c22bd94',
+        allowed:   false,
+        mode:      'monitor',
+        name:      'test-dep-55d796bc5c',
+        operation: 'CREATE',
+        kind:      'ReplicaSet',
+        namespace: 'test',
+        startTime: 1697570587941979,
+        duration:  10911,
+        mutated:   false
+      }
+    ]
+  },
+  {
+    policyName: 'no-privileged-pod',
+    traces:     [
+      {
+        id:        '3c9375e05d413606bac9e21d17f1326b',
+        allowed:   false,
+        mode:      'monitor',
+        name:      'test-dep',
+        operation: 'CREATE',
+        kind:      'Deployment',
+        namespace: 'test',
+        startTime: 1697570587860440,
+        duration:  10521,
+        mutated:   false
+      },
+      {
+        id:        '7023e0be8a9feff26865bcefa585810b',
+        allowed:   false,
+        mode:      'monitor',
+        name:      'test-dep-55d796bc5c',
+        operation: 'CREATE',
+        kind:      'ReplicaSet',
+        namespace: 'test',
+        startTime: 1697570587957665,
+        duration:  11960,
+        mutated:   false
+      },
+      {
+        id:        '43b5056d0737723c2a79bbbf369580c1',
+        allowed:   false,
+        mode:      'monitor',
+        name:      'test-dep-55d796bc5c-smc89',
+        operation: 'CREATE',
+        kind:      'Pod',
+        namespace: 'test',
+        startTime: 1697570588345654,
+        duration:  8231,
+        mutated:   false
+      }
+    ]
+  }
+];
\ No newline at end of file