From 2ec47075101e7a5d717eeeae6f7448a927fcf347 Mon Sep 17 00:00:00 2001
From: Marvin Zhang <tikazyq>
Date: Fri, 16 May 2025 17:52:05 +0800
Subject: [PATCH] feat: enhance AutoProbe components with improved styling and
 iframe sandboxing

---
 .../components/core/autoprobe/AutoProbeItemDetail.vue    | 9 ++++++++-
 .../core/autoprobe/AutoProbeResultsContainer.vue         | 7 ++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/crawlab-ui/src/components/core/autoprobe/AutoProbeItemDetail.vue b/frontend/crawlab-ui/src/components/core/autoprobe/AutoProbeItemDetail.vue
index c9d68b7b..f721b2c0 100644
--- a/frontend/crawlab-ui/src/components/core/autoprobe/AutoProbeItemDetail.vue
+++ b/frontend/crawlab-ui/src/components/core/autoprobe/AutoProbeItemDetail.vue
@@ -168,14 +168,21 @@ defineOptions({ name: 'ClAutoProbeItemDetail' });
 </script>
 
 <template>
-  <div class="cl-autoprobe-page-pattern-detail">
+  <div class="autoprobe-page-pattern-detail">
     <cl-table
       :columns="tableColumns"
       :data="tableData"
       embedded
+      sticky-header
       hide-footer
       :row-style="rowStyle"
       :cell-style="cellStyle"
     />
   </div>
 </template>
+
+<style scoped>
+.autoprobe-page-pattern-detail {
+  height: 100%;
+}
+</style>
diff --git a/frontend/crawlab-ui/src/components/core/autoprobe/AutoProbeResultsContainer.vue b/frontend/crawlab-ui/src/components/core/autoprobe/AutoProbeResultsContainer.vue
index f60b29aa..65301ed8 100644
--- a/frontend/crawlab-ui/src/components/core/autoprobe/AutoProbeResultsContainer.vue
+++ b/frontend/crawlab-ui/src/components/core/autoprobe/AutoProbeResultsContainer.vue
@@ -154,7 +154,12 @@ defineOptions({ name: 'ClAutoProbeResultsContainer' });
       />
     </div>
     <div class="preview" v-else-if="activeTabName === TAB_NAME_PREVIEW">
-      <iframe v-if="url" ref="iframeRef" :src="url" />
+      <iframe
+        v-if="url"
+        ref="iframeRef"
+        :src="url"
+        sandbox="allow-scripts allow-same-origin allow-pointer-lock allow-downloads allow-modals allow-presentation"
+      />
     </div>
   </div>
 </template>