From 48f10707400afd1ddedb843f236dd6fc28d5b8bd Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Tue, 5 Nov 2024 12:52:53 +0100
Subject: [PATCH 01/12] feat(VnLog): add descriptors

---
 src/components/common/VnJsonValue.vue | 63 ++++++++++++++++++---------
 src/components/common/VnLog.vue       | 59 +++++++++++--------------
 src/stores/useDescriptorStore.js      | 29 ++++++++++++
 3 files changed, 98 insertions(+), 53 deletions(-)
 create mode 100644 src/stores/useDescriptorStore.js

diff --git a/src/components/common/VnJsonValue.vue b/src/components/common/VnJsonValue.vue
index a2e858d0d..408d16d1a 100644
--- a/src/components/common/VnJsonValue.vue
+++ b/src/components/common/VnJsonValue.vue
@@ -1,67 +1,86 @@
 <script setup>
-import { watch } from 'vue';
+import { watch, computed } from 'vue';
 import { toDateString } from 'src/filters';
+import { useDescriptorStore } from 'src/stores/useDescriptorStore';
+import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 
 const props = defineProps({
-    value: { type: [String, Number, Boolean, Object], default: undefined },
+    prop: { type: Object, default: undefined },
 });
 
 const maxStrLen = 512;
 let t = '';
 let cssClass = '';
 let type;
-const updateValue = () => {
-    type = typeof props.value;
+const descriptorStore = useDescriptorStore();
 
-    if (props.value == null) {
+const propsValue = computed(() => props.prop.val.val);
+
+const updateValue = () => {
+    type = typeof propsValue.value;
+
+    if (propsValue.value == null) {
         t = '∅';
         cssClass = 'json-null';
     } else {
         cssClass = `json-${type}`;
         switch (type) {
             case 'number':
-                if (Number.isInteger(props.value)) {
-                    t = props.value.toString();
+                if (Number.isInteger(propsValue)) {
+                    t = propsValue.value.toString();
                 } else {
                     t = (
-                        Math.round((props.value + Number.EPSILON) * 1000) / 1000
+                        Math.round((propsValue.value + Number.EPSILON) * 1000) / 1000
                     ).toString();
                 }
                 break;
             case 'boolean':
-                t = props.value ? '✓' : '✗';
-                cssClass = `json-${props.value ? 'true' : 'false'}`;
+                t = propsValue.value ? '✓' : '✗';
+                cssClass = `json-${propsValue.value ? 'true' : 'false'}`;
                 break;
             case 'string':
                 t =
-                    props.value.length <= maxStrLen
-                        ? props.value
-                        : props.value.substring(0, maxStrLen) + '...';
+                    propsValue.value.length <= maxStrLen
+                        ? propsValue
+                        : propsValue.value.substring(0, maxStrLen) + '...';
                 break;
             case 'object':
-                if (props.value instanceof Date) {
-                    t = toDateString(props.value);
+                if (propsValue.value instanceof Date) {
+                    t = toDateString(propsValue.value);
                 } else {
-                    t = props.value.toString();
+                    t = propsValue.value.toString();
                 }
                 break;
             default:
-                t = props.value.toString();
+                t = propsValue.value.toString();
         }
     }
 };
 
-watch(() => props.value, updateValue);
+watch(() => propsValue.value, updateValue);
 
 updateValue();
 </script>
 
 <template>
+    <span :title="props.prop.name">{{ props.prop.nameI18n }}: </span>
     <span
-        :title="type === 'string' && props.value.length > maxStrLen ? props.value : ''"
-        :class="{ [cssClass]: t !== '' }"
+        :title="
+            type === 'string' && propsValue.value?.length > maxStrLen
+                ? propsValue.value
+                : ''
+        "
+        :class="{
+            [cssClass]: t !== '',
+            'json-link': descriptorStore.has(props.prop.name),
+        }"
     >
         {{ t }}
+        <component
+            v-if="props.prop.val.id"
+            :is="descriptorStore.has(props.prop.name)"
+            :id="props.prop.val.id"
+        />
     </span>
 </template>
 
@@ -85,4 +104,8 @@ updateValue();
     color: #cd7c7c;
     font-style: italic;
 }
+.json-link {
+    text-decoration: underline;
+    cursor: pointer;
+}
 </style>
diff --git a/src/components/common/VnLog.vue b/src/components/common/VnLog.vue
index 8c71c0997..7b65a8a88 100644
--- a/src/components/common/VnLog.vue
+++ b/src/components/common/VnLog.vue
@@ -598,33 +598,17 @@ watch(
                                         />
                                         <span v-if="log.props.length" class="attributes">
                                             <span
-                                                v-if="!log.expand"
-                                                class="q-pa-none text-grey"
-                                            >
-                                                <span
-                                                    v-for="(prop, propIndex) in log.props"
-                                                    :key="propIndex"
-                                                    class="basic-json"
-                                                >
-                                                    <span
-                                                        class="json-field"
-                                                        :title="prop.name"
-                                                    >
-                                                        {{ prop.nameI18n }}:
-                                                    </span>
-                                                    <VnJsonValue :value="prop.val.val" />
-                                                    <span
-                                                        v-if="
-                                                            propIndex <
-                                                            log.props.length - 1
-                                                        "
-                                                        >,&nbsp;
-                                                    </span>
-                                                </span>
-                                            </span>
-                                            <span
-                                                v-if="log.expand"
-                                                class="expanded-json column q-pa-none"
+                                                class="expanded-json q-pa-none"
+                                                :class="
+                                                    log.expand
+                                                        ? 'column'
+                                                        : 'row no-wrap ellipsis'
+                                                "
+                                                style="
+                                                    text-overflow: ellipsis;
+                                                    overflow: hidden;
+                                                    white-space: nowrap;
+                                                "
                                             >
                                                 <div
                                                     v-for="(
@@ -633,20 +617,29 @@ watch(
                                                     :key="prop2Index"
                                                     class="q-pa-none text-grey"
                                                 >
+                                                    <VnJsonValue
+                                                        :prop="prop"
+                                                        class="q-pr-xs"
+                                                    />
                                                     <span
-                                                        class="json-field"
-                                                        :title="prop.name"
-                                                    >
-                                                        {{ prop.nameI18n }}:
+                                                        v-if="
+                                                            prop2Index < log.props.length
+                                                        "
+                                                        class="q-mr-xs"
+                                                        >,
                                                     </span>
-                                                    <VnJsonValue :value="prop.val.val" />
                                                     <span
                                                         v-if="prop.val.id"
                                                         class="id-value"
                                                     >
                                                         #{{ prop.val.id }}
                                                     </span>
-                                                    <span v-if="log.action == 'update'">
+                                                    <span
+                                                        v-if="
+                                                            log.action == 'update' &&
+                                                            log.expand
+                                                        "
+                                                    >
                                                         ←
                                                         <VnJsonValue
                                                             :value="prop.old.val"
diff --git a/src/stores/useDescriptorStore.js b/src/stores/useDescriptorStore.js
new file mode 100644
index 000000000..593889ad7
--- /dev/null
+++ b/src/stores/useDescriptorStore.js
@@ -0,0 +1,29 @@
+import { ref, defineAsyncComponent } from 'vue';
+import { defineStore } from 'pinia';
+
+export const useDescriptorStore = defineStore('descriptorStore', () => {
+    const descriptors = ref({});
+    const loaded = ref(false);
+
+    function set() {
+        const files = import.meta.glob(`src/**/*DescriptorProxy.vue`);
+        for (const file in files) {
+            descriptors.value[file.split('/').at(-1).slice(0, -19).toLowerCase() + 'Fk'] =
+                defineAsyncComponent(() => import(file));
+        }
+        loaded.value = true;
+    }
+
+    function get() {
+        if (!loaded.value) set();
+    }
+
+    function has(name) {
+        get();
+        return descriptors.value[name];
+    }
+
+    return {
+        has,
+    };
+});

From 0e7a8e61d3e8dc134943d1e271c58f8cf65341f2 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Mon, 24 Feb 2025 14:50:57 +0100
Subject: [PATCH 02/12] refactor: refs #6994 update VnJsonValue component props
 and improve descriptor handling

---
 src/components/common/VnJsonValue.vue | 32 ++++++++-------------------
 src/components/common/VnLog.vue       | 24 +++++++++++++-------
 src/stores/useDescriptorStore.js      | 18 ++++++++++-----
 3 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/src/components/common/VnJsonValue.vue b/src/components/common/VnJsonValue.vue
index 408d16d1a..11588e710 100644
--- a/src/components/common/VnJsonValue.vue
+++ b/src/components/common/VnJsonValue.vue
@@ -1,11 +1,11 @@
 <script setup>
-import { watch, computed } from 'vue';
+import { computed, watch } from 'vue';
 import { toDateString } from 'src/filters';
 import { useDescriptorStore } from 'src/stores/useDescriptorStore';
-import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 
 const props = defineProps({
-    prop: { type: Object, default: undefined },
+    value: { type: [String, Number, Boolean, Object], default: undefined },
+    name: { type: String, default: undefined },
 });
 
 const maxStrLen = 512;
@@ -13,8 +13,7 @@ let t = '';
 let cssClass = '';
 let type;
 const descriptorStore = useDescriptorStore();
-
-const propsValue = computed(() => props.prop.val.val);
+const propsValue = computed(() => props.value.val);
 
 const updateValue = () => {
     type = typeof propsValue.value;
@@ -57,30 +56,21 @@ const updateValue = () => {
     }
 };
 
-watch(() => propsValue.value, updateValue);
+watch(() => props.value, updateValue);
 
 updateValue();
 </script>
 
 <template>
-    <span :title="props.prop.name">{{ props.prop.nameI18n }}: </span>
     <span
-        :title="
-            type === 'string' && propsValue.value?.length > maxStrLen
-                ? propsValue.value
-                : ''
-        "
+        :title="type === 'string' && value.length > maxStrLen ? value : ''"
         :class="{
             [cssClass]: t !== '',
-            'json-link': descriptorStore.has(props.prop.name),
+            'json-link': descriptorStore.has(name),
         }"
     >
-        {{ t }}
-        <component
-            v-if="props.prop.val.id"
-            :is="descriptorStore.has(props.prop.name)"
-            :id="props.prop.val.id"
-        />
+        {{ name }}
+        <component v-if="value.id" :is="descriptorStore.has(name)" :id="value.id" />
     </span>
 </template>
 
@@ -104,8 +94,4 @@ updateValue();
     color: #cd7c7c;
     font-style: italic;
 }
-.json-link {
-    text-decoration: underline;
-    cursor: pointer;
-}
 </style>
diff --git a/src/components/common/VnLog.vue b/src/components/common/VnLog.vue
index 1d56b3ae4..28c9206a6 100644
--- a/src/components/common/VnLog.vue
+++ b/src/components/common/VnLog.vue
@@ -561,9 +561,8 @@ watch(
                                                                         }}:
                                                                     </span>
                                                                     <VnJsonValue
-                                                                        :value="
-                                                                            value.val.val
-                                                                        "
+                                                                        :value="value.val"
+                                                                        :name="prop.name"
                                                                     />
                                                                 </QItem>
                                                             </QCardSection>
@@ -619,19 +618,27 @@ watch(
                                                     :key="prop2Index"
                                                     class="q-pa-none text-grey"
                                                 >
+                                                    <span
+                                                        class="json-field"
+                                                        :title="prop.name"
+                                                    >
+                                                        {{ prop.nameI18n }}:
+                                                    </span>
                                                     <VnJsonValue
-                                                        :prop="prop"
-                                                        class="q-pr-xs"
+                                                        :value="prop.val"
+                                                        :name="prop.name"
                                                     />
                                                     <span
                                                         v-if="
-                                                            prop2Index < log.props.length
+                                                            prop2Index <
+                                                                log.props.length &&
+                                                            !log.expand
                                                         "
                                                         class="q-mr-xs"
                                                         >,
                                                     </span>
                                                     <span
-                                                        v-if="prop.val.id"
+                                                        v-if="prop.val.id && log.expand"
                                                         class="id-value"
                                                     >
                                                         #{{ prop.val.id }}
@@ -644,7 +651,8 @@ watch(
                                                     >
                                                         ←
                                                         <VnJsonValue
-                                                            :value="prop.old.val"
+                                                            :value="prop.old"
+                                                            :name="prop.name"
                                                         />
                                                         <span
                                                             v-if="prop.old.id"
diff --git a/src/stores/useDescriptorStore.js b/src/stores/useDescriptorStore.js
index 593889ad7..f6ac0a570 100644
--- a/src/stores/useDescriptorStore.js
+++ b/src/stores/useDescriptorStore.js
@@ -3,23 +3,31 @@ import { defineStore } from 'pinia';
 
 export const useDescriptorStore = defineStore('descriptorStore', () => {
     const descriptors = ref({});
-    const loaded = ref(false);
 
     function set() {
         const files = import.meta.glob(`src/**/*DescriptorProxy.vue`);
+        const moduleParser = {
+            user: 'account',
+            client: 'customer',
+        };
         for (const file in files) {
-            descriptors.value[file.split('/').at(-1).slice(0, -19).toLowerCase() + 'Fk'] =
-                defineAsyncComponent(() => import(file));
+            console.log('fasd', file.split('/').at(-1).slice(0, -19).toLowerCase());
+            const name = file.split('/').at(-1).slice(0, -19).toLowerCase();
+            const descriptor = moduleParser[name] ?? name;
+            //Ver pq no funciona account//user
+            descriptors.value[descriptor + 'Fk'] = defineAsyncComponent(() =>
+                import(file)
+            );
         }
-        loaded.value = true;
     }
 
     function get() {
-        if (!loaded.value) set();
+        if (!Object.keys(descriptors.value).length) set();
     }
 
     function has(name) {
         get();
+        console.log('descriptors.value: ', descriptors.value);
         return descriptors.value[name];
     }
 

From 80eebef931030b06355cb3e9ccd628165f39c015 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Fri, 7 Mar 2025 14:01:36 +0100
Subject: [PATCH 03/12] feat(VnLog): refs #6994 add descriptors

---
 src/components/common/VnJsonValue.vue | 13 +++--
 src/components/common/VnLog.vue       | 76 +++++++++++++--------------
 src/stores/useDescriptorStore.js      | 32 +++++------
 src/stores/useStateStore.js           |  7 +++
 4 files changed, 69 insertions(+), 59 deletions(-)

diff --git a/src/components/common/VnJsonValue.vue b/src/components/common/VnJsonValue.vue
index 11588e710..331c72d0a 100644
--- a/src/components/common/VnJsonValue.vue
+++ b/src/components/common/VnJsonValue.vue
@@ -66,11 +66,15 @@ updateValue();
         :title="type === 'string' && value.length > maxStrLen ? value : ''"
         :class="{
             [cssClass]: t !== '',
-            'json-link': descriptorStore.has(name),
+            'link json-link': descriptorStore.has(name),
         }"
     >
-        {{ name }}
-        <component v-if="value.id" :is="descriptorStore.has(name)" :id="value.id" />
+        {{ t }}
+        <component
+            v-if="value.val && descriptorStore.has(name)"
+            :is="descriptorStore.has(name)"
+            :id="value.val"
+        />
     </span>
 </template>
 
@@ -94,4 +98,7 @@ updateValue();
     color: #cd7c7c;
     font-style: italic;
 }
+.json-link {
+    text-decoration: underline;
+}
 </style>
diff --git a/src/components/common/VnLog.vue b/src/components/common/VnLog.vue
index 1d73e4689..f4d6c5bca 100644
--- a/src/components/common/VnLog.vue
+++ b/src/components/common/VnLog.vue
@@ -561,7 +561,7 @@ watch(
                                                                         }}:
                                                                     </span>
                                                                     <VnJsonValue
-                                                                        :value="value.val"
+                                                                        :value="prop.val"
                                                                         :name="prop.name"
                                                                     />
                                                                 </QItem>
@@ -599,17 +599,36 @@ watch(
                                         />
                                         <span v-if="log.props.length" class="attributes">
                                             <span
-                                                class="expanded-json q-pa-none"
-                                                :class="
-                                                    log.expand
-                                                        ? 'column'
-                                                        : 'row no-wrap ellipsis'
-                                                "
-                                                style="
-                                                    text-overflow: ellipsis;
-                                                    overflow: hidden;
-                                                    white-space: nowrap;
-                                                "
+                                                v-if="!log.expand"
+                                                class="q-pa-none text-grey"
+                                            >
+                                                <span
+                                                    v-for="(prop, propIndex) in log.props"
+                                                    :key="propIndex"
+                                                    class="basic-json"
+                                                >
+                                                    <span
+                                                        class="json-field"
+                                                        :title="prop.name"
+                                                    >
+                                                        {{ prop.nameI18n }}:
+                                                    </span>
+                                                    <VnJsonValue
+                                                        :value="prop.val"
+                                                        :name="prop.name"
+                                                    />
+                                                    <span
+                                                        v-if="
+                                                            propIndex <
+                                                            log.props.length - 1
+                                                        "
+                                                        >,&nbsp;
+                                                    </span>
+                                                </span>
+                                            </span>
+                                            <span
+                                                v-if="log.expand"
+                                                class="expanded-json column q-pa-none"
                                             >
                                                 <div
                                                     v-for="(
@@ -624,32 +643,7 @@ watch(
                                                     >
                                                         {{ prop.nameI18n }}:
                                                     </span>
-                                                    <VnJsonValue
-                                                        :value="prop.val"
-                                                        :name="prop.name"
-                                                    />
-                                                    <span
-                                                        v-if="
-                                                            prop2Index <
-                                                                log.props.length &&
-                                                            !log.expand
-                                                        "
-                                                        class="q-mr-xs"
-                                                        >,
-                                                    </span>
-                                                    <span
-                                                        v-if="prop.val.id && log.expand"
-                                                        class="id-value"
-                                                    >
-                                                        #{{ prop.val.id }}
-                                                    </span>
-                                                    <span
-                                                        v-if="
-                                                            log.action == 'update' &&
-                                                            log.expand
-                                                        "
-                                                    >
-                                                        ←
+                                                    <span v-if="log.action == 'update'">
                                                         <VnJsonValue
                                                             :value="prop.old"
                                                             :name="prop.name"
@@ -662,7 +656,8 @@ watch(
                                                         </span>
                                                         →
                                                         <VnJsonValue
-                                                            :value="prop.val.val"
+                                                            :value="prop.val"
+                                                            :name="prop.name"
                                                         />
                                                         <span
                                                             v-if="prop.val.id"
@@ -673,7 +668,8 @@ watch(
                                                     </span>
                                                     <span v-else="prop.old.val">
                                                         <VnJsonValue
-                                                            :value="prop.val.val"
+                                                            :value="prop.val"
+                                                            :name="prop.name"
                                                         />
                                                         <span
                                                             v-if="prop.old.id"
diff --git a/src/stores/useDescriptorStore.js b/src/stores/useDescriptorStore.js
index f6ac0a570..7ffbdda7a 100644
--- a/src/stores/useDescriptorStore.js
+++ b/src/stores/useDescriptorStore.js
@@ -1,37 +1,37 @@
-import { ref, defineAsyncComponent } from 'vue';
+import { defineAsyncComponent } from 'vue';
 import { defineStore } from 'pinia';
+import { useStateStore } from 'stores/useStateStore';
+
+const { descriptors, setDescriptors } = useStateStore();
 
 export const useDescriptorStore = defineStore('descriptorStore', () => {
-    const descriptors = ref({});
+    function get() {
+        if (Object.keys(descriptors).length) return descriptors;
 
-    function set() {
-        const files = import.meta.glob(`src/**/*DescriptorProxy.vue`);
+        const currentDescriptors = {};
+        const files = import.meta.glob(`/src/**/*DescriptorProxy.vue`);
         const moduleParser = {
-            user: 'account',
+            account: 'user',
             client: 'customer',
         };
         for (const file in files) {
-            console.log('fasd', file.split('/').at(-1).slice(0, -19).toLowerCase());
             const name = file.split('/').at(-1).slice(0, -19).toLowerCase();
             const descriptor = moduleParser[name] ?? name;
-            //Ver pq no funciona account//user
-            descriptors.value[descriptor + 'Fk'] = defineAsyncComponent(() =>
-                import(file)
+            currentDescriptors[descriptor + 'Fk'] = defineAsyncComponent(
+                () => import(/* @vite-ignore */ file),
             );
         }
-    }
-
-    function get() {
-        if (!Object.keys(descriptors.value).length) set();
+        setDescriptors(currentDescriptors);
+        return currentDescriptors;
     }
 
     function has(name) {
-        get();
-        console.log('descriptors.value: ', descriptors.value);
-        return descriptors.value[name];
+        console.log('get(): ', get());
+        return get()[name];
     }
 
     return {
         has,
+        get,
     };
 });
diff --git a/src/stores/useStateStore.js b/src/stores/useStateStore.js
index ca447bc11..44fa133d0 100644
--- a/src/stores/useStateStore.js
+++ b/src/stores/useStateStore.js
@@ -8,6 +8,7 @@ export const useStateStore = defineStore('stateStore', () => {
     const rightAdvancedDrawer = ref(false);
     const subToolbar = ref(false);
     const cardDescriptor = ref(null);
+    const descriptors = ref({});
 
     function cardDescriptorChangeValue(descriptor) {
         cardDescriptor.value = descriptor;
@@ -52,6 +53,10 @@ export const useStateStore = defineStore('stateStore', () => {
         return subToolbar.value;
     }
 
+    function setDescriptors(value) {
+        descriptors.value = value;
+    }
+
     return {
         cardDescriptor,
         cardDescriptorChangeValue,
@@ -68,5 +73,7 @@ export const useStateStore = defineStore('stateStore', () => {
         isSubToolbarShown,
         toggleSubToolbar,
         rightDrawerChangeValue,
+        descriptors,
+        setDescriptors,
     };
 });

From a4dfb549be90b00722b4d8173da1818e9b72b202 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Fri, 7 Mar 2025 14:02:03 +0100
Subject: [PATCH 04/12] test: refs #6994 add e2e VnLog descriptors

---
 src/components/ui/CardDescriptor.vue               |  2 +-
 src/pages/Claim/Card/ClaimDescriptorProxy.vue      | 14 ++++++++++++++
 test/cypress/integration/vnComponent/VnLog.spec.js |  7 +++++++
 3 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Claim/Card/ClaimDescriptorProxy.vue

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index a29d1d429..ad344082d 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -200,7 +200,7 @@ const toModule = computed(() =>
                         </div>
                     </QItemLabel>
                     <QItem>
-                        <QItemLabel class="subtitle">
+                        <QItemLabel class="subtitle" data-cy="descriptor_id">
                             #{{ getValueFromPath(subtitle) ?? entity.id }}
                         </QItemLabel>
                         <QBtn
diff --git a/src/pages/Claim/Card/ClaimDescriptorProxy.vue b/src/pages/Claim/Card/ClaimDescriptorProxy.vue
new file mode 100644
index 000000000..78e686745
--- /dev/null
+++ b/src/pages/Claim/Card/ClaimDescriptorProxy.vue
@@ -0,0 +1,14 @@
+<script setup>
+import ClaimDescriptor from './ClaimDescriptor.vue';
+import ClaimSummary from './ClaimSummary.vue';
+</script>
+<template>
+    <QPopupProxy style="max-width: 10px">
+        <ClaimDescriptor
+            v-if="$attrs.id"
+            v-bind="$attrs.id"
+            :summary="ClaimSummary"
+            :proxy-render="true"
+        />
+    </QPopupProxy>
+</template>
diff --git a/test/cypress/integration/vnComponent/VnLog.spec.js b/test/cypress/integration/vnComponent/VnLog.spec.js
index 80b9d07df..0baab21c9 100644
--- a/test/cypress/integration/vnComponent/VnLog.spec.js
+++ b/test/cypress/integration/vnComponent/VnLog.spec.js
@@ -22,4 +22,11 @@ describe('VnLog', () => {
         cy.get('.q-page').click();
         cy.validateContent(chips[0], 'Claim');
     });
+
+    it('should show claimDescriptor', () => {
+        cy.get('.json-link').first().contains('1');
+        cy.get('.json-link').first().click();
+        cy.dataCy('descriptor_id').contains('1');
+        cy.get('.json-link').first().click();
+    });
 });

From 564877a73c767ee3064dde534373964ebdfb59a5 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Fri, 7 Mar 2025 14:02:21 +0100
Subject: [PATCH 05/12] test: refs #6994 add front test descriptors

---
 .../Account/Card/AccountDescriptorProxy.vue   | 14 ++++++++++
 .../__tests__/useDescriptorStore.spec.js      | 28 +++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 src/pages/Account/Card/AccountDescriptorProxy.vue
 create mode 100644 src/stores/__tests__/useDescriptorStore.spec.js

diff --git a/src/pages/Account/Card/AccountDescriptorProxy.vue b/src/pages/Account/Card/AccountDescriptorProxy.vue
new file mode 100644
index 000000000..de3220fea
--- /dev/null
+++ b/src/pages/Account/Card/AccountDescriptorProxy.vue
@@ -0,0 +1,14 @@
+<script setup>
+import AccountDescriptor from './AccountDescriptor.vue';
+import AccountSummary from './AccountSummary.vue';
+</script>
+<template>
+    <QPopupProxy style="max-width: 10px">
+        <AccountDescriptor
+            v-if="$attrs.id"
+            v-bind="$attrs.id"
+            :summary="AccountSummary"
+            :proxy-render="true"
+        />
+    </QPopupProxy>
+</template>
diff --git a/src/stores/__tests__/useDescriptorStore.spec.js b/src/stores/__tests__/useDescriptorStore.spec.js
new file mode 100644
index 000000000..61aab8d14
--- /dev/null
+++ b/src/stores/__tests__/useDescriptorStore.spec.js
@@ -0,0 +1,28 @@
+import { describe, expect, it, beforeEach } from 'vitest';
+import 'app/test/vitest/helper';
+
+import { useDescriptorStore } from 'src/stores/useDescriptorStore';
+import { useStateStore } from 'stores/useStateStore';
+
+describe('useDescriptorStore', () => {
+    const { get, has } = useDescriptorStore();
+    const stateStore = useStateStore();
+
+    beforeEach(() => {
+        stateStore.setDescriptors({});
+    });
+
+    function getDescriptors() {
+        return stateStore.descriptors;
+    }
+
+    it('should get descriptors in stateStore', async () => {
+        expect(Object.keys(getDescriptors()).length).toBe(0);
+        get();
+        expect(Object.keys(getDescriptors()).length).toBeGreaterThan(0);
+    });
+
+    it('should find ticketDescriptor if search ticketFk', async () => {
+        expect(has('ticketFk')).toBeDefined();
+    });
+});

From bb6082026b6ea6d27b62d0250b17fb2b3efaa24d Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Fri, 7 Mar 2025 14:59:29 +0100
Subject: [PATCH 06/12] refactor(descriptorStore): refs #6994 remove debug log
 from has function

---
 src/stores/useDescriptorStore.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/stores/useDescriptorStore.js b/src/stores/useDescriptorStore.js
index 7ffbdda7a..150db7fbd 100644
--- a/src/stores/useDescriptorStore.js
+++ b/src/stores/useDescriptorStore.js
@@ -26,7 +26,6 @@ export const useDescriptorStore = defineStore('descriptorStore', () => {
     }
 
     function has(name) {
-        console.log('get(): ', get());
         return get()[name];
     }
 

From 9f498c83df1520ae45ef9b48a73de786f3adba11 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Mon, 10 Mar 2025 08:47:46 +0100
Subject: [PATCH 07/12] test: refs #6994 add json-link front test

---
 src/components/common/VnJsonValue.vue         | 14 +++++---
 .../common/__tests__/VnJsonValue.spec.js      | 34 ++++++++++++-------
 2 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/src/components/common/VnJsonValue.vue b/src/components/common/VnJsonValue.vue
index 331c72d0a..f89918d2c 100644
--- a/src/components/common/VnJsonValue.vue
+++ b/src/components/common/VnJsonValue.vue
@@ -4,7 +4,7 @@ import { toDateString } from 'src/filters';
 import { useDescriptorStore } from 'src/stores/useDescriptorStore';
 
 const props = defineProps({
-    value: { type: [String, Number, Boolean, Object], default: undefined },
+    value: { type: Object, default: undefined },
     name: { type: String, default: undefined },
 });
 
@@ -32,6 +32,7 @@ const updateValue = () => {
                         Math.round((propsValue.value + Number.EPSILON) * 1000) / 1000
                     ).toString();
                 }
+                cssClass = isLink(cssClass);
                 break;
             case 'boolean':
                 t = propsValue.value ? '✓' : '✗';
@@ -40,8 +41,9 @@ const updateValue = () => {
             case 'string':
                 t =
                     propsValue.value.length <= maxStrLen
-                        ? propsValue
+                        ? propsValue.value
                         : propsValue.value.substring(0, maxStrLen) + '...';
+                cssClass = isLink(cssClass);
                 break;
             case 'object':
                 if (propsValue.value instanceof Date) {
@@ -56,6 +58,11 @@ const updateValue = () => {
     }
 };
 
+function isLink(cssClass) {
+    if (!descriptorStore.has(props.name)) return cssClass;
+    return 'link json-link';
+}
+
 watch(() => props.value, updateValue);
 
 updateValue();
@@ -63,10 +70,9 @@ updateValue();
 
 <template>
     <span
-        :title="type === 'string' && value.length > maxStrLen ? value : ''"
+        :title="type === 'string' && propsValue.length > maxStrLen ? propsValue : ''"
         :class="{
             [cssClass]: t !== '',
-            'link json-link': descriptorStore.has(name),
         }"
     >
         {{ t }}
diff --git a/src/components/common/__tests__/VnJsonValue.spec.js b/src/components/common/__tests__/VnJsonValue.spec.js
index 393b39f3a..a51111c04 100644
--- a/src/components/common/__tests__/VnJsonValue.spec.js
+++ b/src/components/common/__tests__/VnJsonValue.spec.js
@@ -1,6 +1,6 @@
 import { describe, it, expect } from 'vitest';
-import VnJsonValue from 'src/components/common/VnJsonValue.vue';
 import { createWrapper } from 'app/test/vitest/helper';
+import VnJsonValue from 'src/components/common/VnJsonValue.vue';
 
 const buildComponent = (props) => {
     return createWrapper(VnJsonValue, {
@@ -10,28 +10,28 @@ const buildComponent = (props) => {
 
 describe('VnJsonValue', () => {
     it('renders null value correctly', async () => {
-        const wrapper = buildComponent({ value: null });
+        const wrapper = buildComponent({ value: { val: null } });
         const span = wrapper.find('span');
         expect(span.text()).toBe('∅');
         expect(span.classes()).toContain('json-null');
     });
 
     it('renders boolean true correctly', async () => {
-        const wrapper = buildComponent({ value: true });
+        const wrapper = buildComponent({ value: { val: true } });
         const span = wrapper.find('span');
         expect(span.text()).toBe('✓');
         expect(span.classes()).toContain('json-true');
     });
 
     it('renders boolean false correctly', async () => {
-        const wrapper = buildComponent({ value: false });
+        const wrapper = buildComponent({ value: { val: false } });
         const span = wrapper.find('span');
         expect(span.text()).toBe('✗');
         expect(span.classes()).toContain('json-false');
     });
 
     it('renders a short string correctly', async () => {
-        const wrapper = buildComponent({ value: 'Hello' });
+        const wrapper = buildComponent({ value: { val: 'Hello' } });
         const span = wrapper.find('span');
         expect(span.text()).toBe('Hello');
         expect(span.classes()).toContain('json-string');
@@ -39,7 +39,7 @@ describe('VnJsonValue', () => {
 
     it('renders a long string correctly with ellipsis', async () => {
         const longString = 'a'.repeat(600);
-        const wrapper = buildComponent({ value: longString });
+        const wrapper = buildComponent({ value: { val: longString } });
         const span = wrapper.find('span');
         expect(span.text()).toContain('...');
         expect(span.text().length).toBeLessThanOrEqual(515);
@@ -48,14 +48,14 @@ describe('VnJsonValue', () => {
     });
 
     it('renders a number correctly', async () => {
-        const wrapper = buildComponent({ value: 123.4567 });
+        const wrapper = buildComponent({ value: { val: 123.4567 } });
         const span = wrapper.find('span');
         expect(span.text()).toBe('123.457');
         expect(span.classes()).toContain('json-number');
     });
 
     it('renders an integer correctly', async () => {
-        const wrapper = buildComponent({ value: 42 });
+        const wrapper = buildComponent({ value: { val: 42 } });
         const span = wrapper.find('span');
         expect(span.text()).toBe('42');
         expect(span.classes()).toContain('json-number');
@@ -63,7 +63,7 @@ describe('VnJsonValue', () => {
 
     it('renders a date correctly', async () => {
         const date = new Date('2023-01-01');
-        const wrapper = buildComponent({ value: date });
+        const wrapper = buildComponent({ value: { val: date } });
         const span = wrapper.find('span');
         expect(span.text()).toBe('2023-01-01');
         expect(span.classes()).toContain('json-object');
@@ -71,7 +71,7 @@ describe('VnJsonValue', () => {
 
     it('renders an object correctly', async () => {
         const obj = { key: 'value' };
-        const wrapper = buildComponent({ value: obj });
+        const wrapper = buildComponent({ value: { val: obj } });
         const span = wrapper.find('span');
         expect(span.text()).toBe(obj.toString());
         expect(span.classes()).toContain('json-object');
@@ -79,15 +79,23 @@ describe('VnJsonValue', () => {
 
     it('renders an array correctly', async () => {
         const arr = [1, 2, 3];
-        const wrapper = buildComponent({ value: arr });
+        const wrapper = buildComponent({ value: { val: arr } });
         const span = wrapper.find('span');
         expect(span.text()).toBe(arr.toString());
         expect(span.classes()).toContain('json-object');
     });
 
+    it('renders an link(descriptor) correctly', async () => {
+        const id = 1;
+        const wrapper = buildComponent({ value: { val: id }, name: 'claimFk' });
+        const span = wrapper.find('span');
+        expect(span.text()).toBe(id.toString());
+        expect(span.classes()).toContain('json-link');
+    });
+
     it('updates value when prop changes', async () => {
-        const wrapper = buildComponent({ value: true });
-        await wrapper.setProps({ value: 123 });
+        const wrapper = buildComponent({ value: { val: true } });
+        await wrapper.setProps({ value: { val: 123 } });
         const span = wrapper.find('span');
         expect(span.text()).toBe('123');
         expect(span.classes()).toContain('json-number');

From 6d0b4b7607cdee42c5007ec2e5d09bb589aef9a3 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Wed, 12 Mar 2025 14:17:27 +0100
Subject: [PATCH 08/12] chore: refs #6994 revert VnJsonValue

---
 src/components/common/VnJsonValue.vue         | 58 ++++++-------------
 .../common/__tests__/VnJsonValue.spec.js      | 34 +++++------
 2 files changed, 31 insertions(+), 61 deletions(-)

diff --git a/src/components/common/VnJsonValue.vue b/src/components/common/VnJsonValue.vue
index f89918d2c..a2e858d0d 100644
--- a/src/components/common/VnJsonValue.vue
+++ b/src/components/common/VnJsonValue.vue
@@ -1,68 +1,56 @@
 <script setup>
-import { computed, watch } from 'vue';
+import { watch } from 'vue';
 import { toDateString } from 'src/filters';
-import { useDescriptorStore } from 'src/stores/useDescriptorStore';
 
 const props = defineProps({
-    value: { type: Object, default: undefined },
-    name: { type: String, default: undefined },
+    value: { type: [String, Number, Boolean, Object], default: undefined },
 });
 
 const maxStrLen = 512;
 let t = '';
 let cssClass = '';
 let type;
-const descriptorStore = useDescriptorStore();
-const propsValue = computed(() => props.value.val);
-
 const updateValue = () => {
-    type = typeof propsValue.value;
+    type = typeof props.value;
 
-    if (propsValue.value == null) {
+    if (props.value == null) {
         t = '∅';
         cssClass = 'json-null';
     } else {
         cssClass = `json-${type}`;
         switch (type) {
             case 'number':
-                if (Number.isInteger(propsValue)) {
-                    t = propsValue.value.toString();
+                if (Number.isInteger(props.value)) {
+                    t = props.value.toString();
                 } else {
                     t = (
-                        Math.round((propsValue.value + Number.EPSILON) * 1000) / 1000
+                        Math.round((props.value + Number.EPSILON) * 1000) / 1000
                     ).toString();
                 }
-                cssClass = isLink(cssClass);
                 break;
             case 'boolean':
-                t = propsValue.value ? '✓' : '✗';
-                cssClass = `json-${propsValue.value ? 'true' : 'false'}`;
+                t = props.value ? '✓' : '✗';
+                cssClass = `json-${props.value ? 'true' : 'false'}`;
                 break;
             case 'string':
                 t =
-                    propsValue.value.length <= maxStrLen
-                        ? propsValue.value
-                        : propsValue.value.substring(0, maxStrLen) + '...';
-                cssClass = isLink(cssClass);
+                    props.value.length <= maxStrLen
+                        ? props.value
+                        : props.value.substring(0, maxStrLen) + '...';
                 break;
             case 'object':
-                if (propsValue.value instanceof Date) {
-                    t = toDateString(propsValue.value);
+                if (props.value instanceof Date) {
+                    t = toDateString(props.value);
                 } else {
-                    t = propsValue.value.toString();
+                    t = props.value.toString();
                 }
                 break;
             default:
-                t = propsValue.value.toString();
+                t = props.value.toString();
         }
     }
 };
 
-function isLink(cssClass) {
-    if (!descriptorStore.has(props.name)) return cssClass;
-    return 'link json-link';
-}
-
 watch(() => props.value, updateValue);
 
 updateValue();
@@ -70,17 +58,10 @@ updateValue();
 
 <template>
     <span
-        :title="type === 'string' && propsValue.length > maxStrLen ? propsValue : ''"
-        :class="{
-            [cssClass]: t !== '',
-        }"
+        :title="type === 'string' && props.value.length > maxStrLen ? props.value : ''"
+        :class="{ [cssClass]: t !== '' }"
     >
         {{ t }}
-        <component
-            v-if="value.val && descriptorStore.has(name)"
-            :is="descriptorStore.has(name)"
-            :id="value.val"
-        />
     </span>
 </template>
 
@@ -104,7 +85,4 @@ updateValue();
     color: #cd7c7c;
     font-style: italic;
 }
-.json-link {
-    text-decoration: underline;
-}
 </style>
diff --git a/src/components/common/__tests__/VnJsonValue.spec.js b/src/components/common/__tests__/VnJsonValue.spec.js
index a51111c04..393b39f3a 100644
--- a/src/components/common/__tests__/VnJsonValue.spec.js
+++ b/src/components/common/__tests__/VnJsonValue.spec.js
@@ -1,6 +1,6 @@
 import { describe, it, expect } from 'vitest';
-import { createWrapper } from 'app/test/vitest/helper';
 import VnJsonValue from 'src/components/common/VnJsonValue.vue';
+import { createWrapper } from 'app/test/vitest/helper';
 
 const buildComponent = (props) => {
     return createWrapper(VnJsonValue, {
@@ -10,28 +10,28 @@ const buildComponent = (props) => {
 
 describe('VnJsonValue', () => {
     it('renders null value correctly', async () => {
-        const wrapper = buildComponent({ value: { val: null } });
+        const wrapper = buildComponent({ value: null });
         const span = wrapper.find('span');
         expect(span.text()).toBe('∅');
         expect(span.classes()).toContain('json-null');
     });
 
     it('renders boolean true correctly', async () => {
-        const wrapper = buildComponent({ value: { val: true } });
+        const wrapper = buildComponent({ value: true });
         const span = wrapper.find('span');
         expect(span.text()).toBe('✓');
         expect(span.classes()).toContain('json-true');
     });
 
     it('renders boolean false correctly', async () => {
-        const wrapper = buildComponent({ value: { val: false } });
+        const wrapper = buildComponent({ value: false });
         const span = wrapper.find('span');
         expect(span.text()).toBe('✗');
         expect(span.classes()).toContain('json-false');
     });
 
     it('renders a short string correctly', async () => {
-        const wrapper = buildComponent({ value: { val: 'Hello' } });
+        const wrapper = buildComponent({ value: 'Hello' });
         const span = wrapper.find('span');
         expect(span.text()).toBe('Hello');
         expect(span.classes()).toContain('json-string');
@@ -39,7 +39,7 @@ describe('VnJsonValue', () => {
 
     it('renders a long string correctly with ellipsis', async () => {
         const longString = 'a'.repeat(600);
-        const wrapper = buildComponent({ value: { val: longString } });
+        const wrapper = buildComponent({ value: longString });
         const span = wrapper.find('span');
         expect(span.text()).toContain('...');
         expect(span.text().length).toBeLessThanOrEqual(515);
@@ -48,14 +48,14 @@ describe('VnJsonValue', () => {
     });
 
     it('renders a number correctly', async () => {
-        const wrapper = buildComponent({ value: { val: 123.4567 } });
+        const wrapper = buildComponent({ value: 123.4567 });
         const span = wrapper.find('span');
         expect(span.text()).toBe('123.457');
         expect(span.classes()).toContain('json-number');
     });
 
     it('renders an integer correctly', async () => {
-        const wrapper = buildComponent({ value: { val: 42 } });
+        const wrapper = buildComponent({ value: 42 });
         const span = wrapper.find('span');
         expect(span.text()).toBe('42');
         expect(span.classes()).toContain('json-number');
@@ -63,7 +63,7 @@ describe('VnJsonValue', () => {
 
     it('renders a date correctly', async () => {
         const date = new Date('2023-01-01');
-        const wrapper = buildComponent({ value: { val: date } });
+        const wrapper = buildComponent({ value: date });
         const span = wrapper.find('span');
         expect(span.text()).toBe('2023-01-01');
         expect(span.classes()).toContain('json-object');
@@ -71,7 +71,7 @@ describe('VnJsonValue', () => {
 
     it('renders an object correctly', async () => {
         const obj = { key: 'value' };
-        const wrapper = buildComponent({ value: { val: obj } });
+        const wrapper = buildComponent({ value: obj });
         const span = wrapper.find('span');
         expect(span.text()).toBe(obj.toString());
         expect(span.classes()).toContain('json-object');
@@ -79,23 +79,15 @@ describe('VnJsonValue', () => {
 
     it('renders an array correctly', async () => {
         const arr = [1, 2, 3];
-        const wrapper = buildComponent({ value: { val: arr } });
+        const wrapper = buildComponent({ value: arr });
         const span = wrapper.find('span');
         expect(span.text()).toBe(arr.toString());
         expect(span.classes()).toContain('json-object');
     });
 
-    it('renders an link(descriptor) correctly', async () => {
-        const id = 1;
-        const wrapper = buildComponent({ value: { val: id }, name: 'claimFk' });
-        const span = wrapper.find('span');
-        expect(span.text()).toBe(id.toString());
-        expect(span.classes()).toContain('json-link');
-    });
-
     it('updates value when prop changes', async () => {
-        const wrapper = buildComponent({ value: { val: true } });
-        await wrapper.setProps({ value: { val: 123 } });
+        const wrapper = buildComponent({ value: true });
+        await wrapper.setProps({ value: 123 });
         const span = wrapper.find('span');
         expect(span.text()).toBe('123');
         expect(span.classes()).toContain('json-number');

From 0a9560f2860558b6a068773876203ba11f1c44cd Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Wed, 12 Mar 2025 14:17:51 +0100
Subject: [PATCH 09/12] feat: refs #6994 create VnLogValue and use in VnLog

---
 src/components/common/VnLog.vue      | 27 +++++++++++++++------------
 src/components/common/VnLogValue.vue | 17 +++++++++++++++++
 2 files changed, 32 insertions(+), 12 deletions(-)
 create mode 100644 src/components/common/VnLogValue.vue

diff --git a/src/components/common/VnLog.vue b/src/components/common/VnLog.vue
index f4d6c5bca..136dbf2a4 100644
--- a/src/components/common/VnLog.vue
+++ b/src/components/common/VnLog.vue
@@ -10,7 +10,7 @@ import { useColor } from 'src/composables/useColor';
 import { useCapitalize } from 'src/composables/useCapitalize';
 import { useValidator } from 'src/composables/useValidator';
 import VnAvatar from '../ui/VnAvatar.vue';
-import VnJsonValue from '../common/VnJsonValue.vue';
+import VnLogValue from './VnLogValue.vue';
 import FetchData from '../FetchData.vue';
 import VnSelect from './VnSelect.vue';
 import VnUserLink from '../ui/VnUserLink.vue';
@@ -560,9 +560,11 @@ watch(
                                                                             value.nameI18n
                                                                         }}:
                                                                     </span>
-                                                                    <VnJsonValue
-                                                                        :value="prop.val"
-                                                                        :name="prop.name"
+                                                                    <VnLogValue
+                                                                        :value="
+                                                                            value.val.val
+                                                                        "
+                                                                        :name="value.name"
                                                                     />
                                                                 </QItem>
                                                             </QCardSection>
@@ -613,10 +615,11 @@ watch(
                                                     >
                                                         {{ prop.nameI18n }}:
                                                     </span>
-                                                    <VnJsonValue
-                                                        :value="prop.val"
+                                                    <VnLogValue
+                                                        :value="prop.val.val"
                                                         :name="prop.name"
                                                     />
+                                                    <VnIconLink />
                                                     <span
                                                         v-if="
                                                             propIndex <
@@ -644,8 +647,8 @@ watch(
                                                         {{ prop.nameI18n }}:
                                                     </span>
                                                     <span v-if="log.action == 'update'">
-                                                        <VnJsonValue
-                                                            :value="prop.old"
+                                                        <VnLogValue
+                                                            :value="prop.old.val"
                                                             :name="prop.name"
                                                         />
                                                         <span
@@ -655,8 +658,8 @@ watch(
                                                             #{{ prop.old.id }}
                                                         </span>
                                                         →
-                                                        <VnJsonValue
-                                                            :value="prop.val"
+                                                        <VnLogValue
+                                                            :value="prop.val.val"
                                                             :name="prop.name"
                                                         />
                                                         <span
@@ -667,8 +670,8 @@ watch(
                                                         </span>
                                                     </span>
                                                     <span v-else="prop.old.val">
-                                                        <VnJsonValue
-                                                            :value="prop.val"
+                                                        <VnLogValue
+                                                            :value="prop.val.val"
                                                             :name="prop.name"
                                                         />
                                                         <span
diff --git a/src/components/common/VnLogValue.vue b/src/components/common/VnLogValue.vue
new file mode 100644
index 000000000..05fe54032
--- /dev/null
+++ b/src/components/common/VnLogValue.vue
@@ -0,0 +1,17 @@
+<script setup>
+import { useDescriptorStore } from 'src/stores/useDescriptorStore';
+import VnJsonValue from './VnJsonValue.vue';
+import { computed } from 'vue';
+const descriptorStore = useDescriptorStore();
+
+const $props = defineProps({
+    name: { type: [String], default: undefined },
+});
+
+const descriptor = computed(() => descriptorStore.has($props.name));
+</script>
+<template>
+    <VnJsonValue v-bind="$attrs" />
+    <QIcon name="launch" class="link" v-if="$attrs.value && descriptor" />
+    <component :is="descriptor" :id="$attrs.value" v-if="$attrs.value && descriptor" />
+</template>

From fc549cae979fbb078ab460ed82fda60c2db121ef Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Wed, 12 Mar 2025 14:18:10 +0100
Subject: [PATCH 10/12] test: refs #6994 create test VnLogValue front

---
 .../common/__tests__/VnLogValue.spec.js       | 26 +++++++++++++++++++
 src/stores/useDescriptorStore.js              |  3 +--
 2 files changed, 27 insertions(+), 2 deletions(-)
 create mode 100644 src/components/common/__tests__/VnLogValue.spec.js

diff --git a/src/components/common/__tests__/VnLogValue.spec.js b/src/components/common/__tests__/VnLogValue.spec.js
new file mode 100644
index 000000000..c23743a02
--- /dev/null
+++ b/src/components/common/__tests__/VnLogValue.spec.js
@@ -0,0 +1,26 @@
+import { describe, it, expect } from 'vitest';
+import VnLogValue from 'src/components/common/VnLogValue.vue';
+import { createWrapper } from 'app/test/vitest/helper';
+
+const buildComponent = (props) => {
+    return createWrapper(VnLogValue, {
+        props,
+        global: {},
+    }).wrapper;
+};
+
+describe('VnLogValue', () => {
+    const id = 1;
+    it('renders without descriptor', async () => {
+        expect(getIcon('inventFk').exists()).toBe(false);
+    });
+
+    it('renders with descriptor', async () => {
+        expect(getIcon('claimFk').text()).toBe('launch');
+    });
+
+    function getIcon(name) {
+        const wrapper = buildComponent({ value: { val: id }, name });
+        return wrapper.find('.q-icon');
+    }
+});
diff --git a/src/stores/useDescriptorStore.js b/src/stores/useDescriptorStore.js
index 150db7fbd..89189f32e 100644
--- a/src/stores/useDescriptorStore.js
+++ b/src/stores/useDescriptorStore.js
@@ -2,9 +2,8 @@ import { defineAsyncComponent } from 'vue';
 import { defineStore } from 'pinia';
 import { useStateStore } from 'stores/useStateStore';
 
-const { descriptors, setDescriptors } = useStateStore();
-
 export const useDescriptorStore = defineStore('descriptorStore', () => {
+    const { descriptors, setDescriptors } = useStateStore();
     function get() {
         if (Object.keys(descriptors).length) return descriptors;
 

From 6106ca67d0bf610f341d076da2e56cc5879d25ff Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Wed, 12 Mar 2025 14:22:14 +0100
Subject: [PATCH 11/12] test: refs #6994 e2e VnLog VnLogValue functionality

---
 src/components/common/VnLogValue.vue               | 7 ++++++-
 test/cypress/integration/vnComponent/VnLog.spec.js | 5 ++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/common/VnLogValue.vue b/src/components/common/VnLogValue.vue
index 05fe54032..df0be4011 100644
--- a/src/components/common/VnLogValue.vue
+++ b/src/components/common/VnLogValue.vue
@@ -12,6 +12,11 @@ const descriptor = computed(() => descriptorStore.has($props.name));
 </script>
 <template>
     <VnJsonValue v-bind="$attrs" />
-    <QIcon name="launch" class="link" v-if="$attrs.value && descriptor" />
+    <QIcon
+        name="launch"
+        class="link"
+        v-if="$attrs.value && descriptor"
+        :data-cy="'iconLaunch-' + $props.name"
+    />
     <component :is="descriptor" :id="$attrs.value" v-if="$attrs.value && descriptor" />
 </template>
diff --git a/test/cypress/integration/vnComponent/VnLog.spec.js b/test/cypress/integration/vnComponent/VnLog.spec.js
index 0baab21c9..afe641549 100644
--- a/test/cypress/integration/vnComponent/VnLog.spec.js
+++ b/test/cypress/integration/vnComponent/VnLog.spec.js
@@ -24,9 +24,8 @@ describe('VnLog', () => {
     });
 
     it('should show claimDescriptor', () => {
-        cy.get('.json-link').first().contains('1');
-        cy.get('.json-link').first().click();
+        cy.dataCy('iconLaunch-claimFk').first().click();
         cy.dataCy('descriptor_id').contains('1');
-        cy.get('.json-link').first().click();
+        cy.dataCy('iconLaunch-claimFk').first().click();
     });
 });

From e4265765f33ab0da0d816b27320186f233d71d06 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Thu, 13 Mar 2025 08:16:26 +0100
Subject: [PATCH 12/12] refactor: refs #6994 update client ID input selector
 and remove viewport setting

---
 test/cypress/integration/invoiceOut/invoiceOutList.spec.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/test/cypress/integration/invoiceOut/invoiceOutList.spec.js b/test/cypress/integration/invoiceOut/invoiceOutList.spec.js
index d3a84d226..b8b42fa4b 100644
--- a/test/cypress/integration/invoiceOut/invoiceOutList.spec.js
+++ b/test/cypress/integration/invoiceOut/invoiceOutList.spec.js
@@ -13,7 +13,6 @@ describe('InvoiceOut list', () => {
         ':nth-child(1) > .text-right > [data-cy="tableAction-0"] > .q-btn__content > .q-icon';
 
     beforeEach(() => {
-        cy.viewport(1920, 1080);
         cy.login('developer');
         cy.visit(`/#/invoice-out/list`);
         cy.typeSearchbar('{enter}');
@@ -41,7 +40,7 @@ describe('InvoiceOut list', () => {
     });
 
     it('should filter the results by client ID, then check the first result is correct', () => {
-        cy.dataCy('Customer ID_input').type('1103');
+        cy.dataCy('Client id_input').type('1103');
         cy.get(filterBtn).click();
         cy.get(firstRowDescriptor).click();
         cy.get('.q-item > .q-item__label').should('include.text', '1103');