app/components/auto-import/TiptapEditor.vue

@@ -249,10 +249,10 @@ function generateDetailsHtml(item) {
   let html = `<details class="custom-details" ${item.isOpen ? "open" : ""}>`;
   html += `<summary>`;
   if (item.tag) {
-    html += `<span class="tag" > ${item.tag} </span>`;
+    html += `<span > ${item.tag} </span>`;
   }
 
-  html += `${item.title || "بدون عنوان"}`;
+  html += `${escapeHtml(item.title) || "بدون عنوان"}`;
   if (item.link_url) {
     html += `<a class="link-url" href="${item.link_url}">${item.link_label}</a>`;
   }
@@ -554,18 +554,6 @@ onBeforeUnmount(() => {
     }
   }
 
-
-  summary.tag {
-    color: blue;
-    border-radius: var(--radius) var(--radius) 0 0;
-
-  }
-
-  summary.label {
-    color: chocolate;
-    font-weight: 700;
-  }
-
   summary {
     position: relative;
     padding: 1.25rem 1.25rem 1.25rem 3.5rem;
@@ -576,6 +564,7 @@ onBeforeUnmount(() => {
     );
     color: var(--color-primary-700);
     border-radius: var(--radius) var(--radius) 0 0;
+    font-weight: 700;
     font-size: 1.1rem;
     color: var(--color-dark-primary-800);
     // cursor: pointer;

app/components/lazy-load/data-entry/MainList.vue

@@ -40,16 +40,18 @@ const myContentSchema = computed(() => {
     pagination: props.pagination,
   };
 });
-const headerTools = computed(() => [
+const headerTools = ref([
+  [
     {
       items: [
+        { key: "label", label: "کد:", style: "code-title" },
         {
           type: "dropdown",
           key: "dropdown",
           name: "refine_codes",
           dropdownSchema: {
             width: "18em",
-          modelValue: null, // ✅ اینو بذار
+            modelValue: null,
             optionAttribute: "title",
             valueAttribute: "value",
             searchable: false,
@@ -57,6 +59,75 @@ const headerTools = computed(() => [
             items: refineCodes,
           },
         },
+        { key: "label", label: "نوع رابطه:", style: "code-title" },
+        {
+          type: "dropdown",
+          key: "dropdown",
+          name: "refine_codes",
+          dropdownSchema: {
+            width: "10em",
+            modelValue: null,
+            optionAttribute: "title",
+            valueAttribute: "value",
+            searchable: false,
+            placeholder: "انتخاب کنید",
+            items: [
+              {
+                title: "تعارض",
+                value: "1",
+              },
+              {
+                title: "تینت",
+                value: "2",
+              },
+              {
+                title: "ییی",
+                value: "3",
+              },
+              {
+                title: "ییی",
+                value: "4",
+              },
+            ],
+          },
+        },
+        { key: "label", label: "وضعیت اعتبار:", style: "code-title" },
+        {
+          type: "dropdown",
+          key: "dropdown",
+          name: "refine_codes",
+          dropdownSchema: {
+            width: "10em",
+            modelValue: null,
+            optionAttribute: "title",
+            valueAttribute: "value",
+            searchable: false,
+            placeholder: "انتخاب کنید",
+            placeholder: "انتخاب کنید",
+            items: [
+              {
+                title: "تعارض",
+                value: "1",
+              },
+              {
+                title: "تینت",
+                value: "2",
+              },
+              {
+                title: "ییی",
+                value: "3",
+              },
+              {
+                title: "ییی",
+                value: "4",
+              },
+            ],
+          },
+        },
+      ],
+    },
+    {
+      items: [
         {
           key: "autoComplation",
           placeholder: "جستجوی ...",
@@ -100,12 +171,13 @@ const headerTools = computed(() => [
         },
       ],
     },
+  ],
 ]);
 
 function headerToolsAction({ action, data }) {
   if (action == "auto-complation") {
     if (data.action == "complete-search") {
-      console.log("data ==> ", data);
+      // console.log("data ==> ", data);
 
       emit("my-header-tools-search", data.item);
     }

app/components/lazy-load/data-entry/RelationEdit.vue

@@ -55,7 +55,7 @@ const setDataEditor = async () => {
     node = {
       isOpen: false,
       id: item.section_mom_id,
-      title: `<span class="label">قانون مقدم : </span>` + item.qanon_title + " > " + item.full_path,
+      title: "قانون مقدم : " + item.qanon_title + " > " + item.full_path,
       tag: item.state_etebar,
       content: _source.content1,
       link_label: "«منبع»",
@@ -90,7 +90,7 @@ const setDataEditor = async () => {
     node = {
       isOpen: false,
       id: item.section_mom_id,
-      title: `<span class="label">قانون موخر : </span>` + item.qanon_title + " > " + item.full_path,
+      title: "قانون موخر : " + item.qanon_title + " > " + item.full_path,
       tag: item.state_etebar,
       content: _source.content2,
       link_label: "«منبع»",