feat(nc-gui): include LazyWebhookCallLog component

packages/nc-gui/components/webhook/Editor.vue

@@ -38,6 +38,8 @@ const { appInfo } = $(useGlobal())
 
 const meta = inject(MetaInj, ref())
 
+const hookTabKey = ref('hook-edit')
+
 const useForm = Form.useForm
 
 const hook = reactive<
@@ -461,6 +463,14 @@ onMounted(async () => {
 
   <a-divider />
 
+  <a-tabs v-model:activeKey="hookTabKey" type="card" closeable="false" class="shadow-sm">
+    <a-tab-pane key="hook-edit" class="nc-hook-edit" force-render>
+      <template #tab>
+        <span>
+          <MdiEditOutline />
+          Edit
+        </span>
+      </template>
       <a-form :model="hook" name="create-or-edit-webhook">
         <a-form-item>
           <a-row type="flex">
@@ -700,4 +710,16 @@ onMounted(async () => {
           </a-row>
         </a-form-item>
       </a-form>
+    </a-tab-pane>
+
+    <a-tab-pane key="hook-log" class="nc-hook-log">
+      <template #tab>
+        <span>
+          <MdiHistory />
+          Call Log
+        </span>
+      </template>
+      <LazyWebhookCallLog />
+    </a-tab-pane>
+  </a-tabs>
 </template>