diff --git a/src/composables/useRole.js b/src/composables/useRole.js
index 95b585283..4d93679f6 100644
--- a/src/composables/useRole.js
+++ b/src/composables/useRole.js
@@ -27,10 +27,20 @@ export function useRole() {
 
         return false;
     }
+    function likeAny(roles) {
+        const roleStore = state.getRoles();
+        for (const role of roles) {
+            if (!roleStore.value.findIndex((rs) => rs.startsWith(role)) !== -1)
+                return true;
+        }
+
+        return false;
+    }
 
     return {
         fetch,
         hasAny,
+        likeAny,
         state,
     };
 }
diff --git a/src/pages/Item/components/ItemProposal.vue b/src/pages/Item/components/ItemProposal.vue
index 50c60a1d9..153d825ad 100644
--- a/src/pages/Item/components/ItemProposal.vue
+++ b/src/pages/Item/components/ItemProposal.vue
@@ -3,11 +3,17 @@ import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import VnPaginate from 'components/ui/VnPaginate.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
+import FetchedTags from 'components/ui/FetchedTags.vue';
 import { useSession } from 'src/composables/useSession';
 
 const { t } = useI18n();
 const session = useSession();
 
+const primaryColor = 'red';
+const colorSpacer = '#ecf0f1';
+const gradientStyle = computed(() => {
+    return `linear-gradient(to right, ${primaryColor} ${compatibility.value}, ${colorSpacer} 10%)`;
+});
 const $props = defineProps({
     item: {
         type: Object,
@@ -30,36 +36,39 @@ const defaultColumnAttrs = {
     align: 'left',
     sortable: true,
 };
+const compatibility = ref(null);
+// const compatibility = computed(() => `linear-gradient(to right,red 10%, white 10%);`);
 const statusConditionalValue = (row) => {
-    const total = [5, 6, 7, 8].reduce((acc, i) => acc + row[`match${i}`], 0);
-    const STATUS_VALUES = { 2: '$secondary', 3: 'positive', 4: 'warning' };
-    const status = STATUS_VALUES[total - 2];
-    if (!status) return 'white';
-    return status;
+    const values = [5, 6, 7, 8];
+    const total = values.reduce((acc, i) => acc + row[`match${i}`], 0);
+    const STATUS_VALUES = { 1: 'white', 2: '$secondary', 3: 'positive', 4: 'warning' };
+    const status = STATUS_VALUES[total];
+    compatibility.value = `${100 * (total / values.length)}%`;
+    return { status, total, compatibility };
 };
-const conditionalValue = (tag) => (tag === 1 ? 'match' : 'not-match');
+// const conditionalValue = (tag) => (tag === 1 ? 'match' : 'not-match');
 const conditionalValuePrice = (price) =>
     price > currentTicket.value.price * 1.3 ? 'match' : 'not-match';
-const changeTicket = (type, _index = 0) => {
-    const value = type ? 1 : -1;
-    const nextIndex = index.value + value + _index;
-    const ticket = $props.tickets[nextIndex];
-    if (ticket.ticketFk === currentTicket.value.ticketFk)
-        return changeTicket(true, nextIndex - 1);
-    index.value = nextIndex;
-};
+// const changeTicket = (type, _index = 0) => {
+//     const value = type ? 1 : -1;
+//     const nextIndex = index.value + value + _index;
+//     const ticket = $props.tickets[nextIndex];
+//     if (ticket.ticketFk === currentTicket.value.ticketFk)
+//         return changeTicket(true, nextIndex - 1);
+//     index.value = nextIndex;
+// };
 const columns = computed(() => [
     {
         ...defaultColumnAttrs,
-        label: t('proposal.counter'),
-        name: 'counter',
-        field: 'counter',
+        label: t('proposal.available'),
+        name: 'available',
+        field: 'available',
     },
     {
         ...defaultColumnAttrs,
-        label: t('proposal.itemFk'),
-        name: 'id',
-        field: 'id',
+        label: t('proposal.difference'),
+        name: 'difference',
+        field: (item) => 21,
     },
     {
         ...defaultColumnAttrs,
@@ -67,6 +76,13 @@ const columns = computed(() => [
         name: 'status',
         field: statusConditionalValue,
     },
+    {
+        ...defaultColumnAttrs,
+        label: t('proposal.counter'),
+        name: 'counter',
+        field: 'counter',
+    },
+
     {
         align: 'center',
         sortable: true,
@@ -74,13 +90,13 @@ const columns = computed(() => [
         name: 'longName',
         field: 'longName',
     },
-    {
-        ...defaultColumnAttrs,
-        label: t('proposal.subName'),
-        name: 'subName',
-        field: 'subName',
-    },
-    {
+    // {
+    //     ...defaultColumnAttrs,
+    //     label: t('proposal.subName'),
+    //     name: 'subName',
+    //     field: 'subName',
+    // },
+    /*{
         ...defaultColumnAttrs,
         label: t('proposal.value5'),
         name: 'value5',
@@ -107,12 +123,18 @@ const columns = computed(() => [
         name: 'value8',
         field: 'value8',
         classes: ({ match8 }) => conditionalValue(match8),
-    },
+    },*/
     {
         ...defaultColumnAttrs,
-        label: t('proposal.available'),
-        name: 'available',
-        field: 'available',
+        label: t('proposal.tags'),
+        name: 'tags',
+    },
+
+    {
+        ...defaultColumnAttrs,
+        label: t('proposal.price2'),
+        name: 'price2',
+        field: 'price2',
     },
     {
         ...defaultColumnAttrs,
@@ -120,12 +142,6 @@ const columns = computed(() => [
         name: 'minQuantity',
         field: 'minQuantity',
     },
-    {
-        ...defaultColumnAttrs,
-        label: t('proposal.price2'),
-        name: 'price2',
-        field: 'price2',
-    },
     {
         ...defaultColumnAttrs,
         label: t('proposal.located'),
@@ -156,7 +172,7 @@ async function confirm() {
         <QCard class="q-pa-lg">
             <QCardSection class="row items-center q-pb-none">
                 <QImg
-                    :src="`/api/Images/catalog/50x50/${item.itemFk}/download?access_token=${token}`"
+                    :src="`/api/Images/catalog/50x50/${item.id}/download?access_token=${token}`"
                     spinner-color="primary"
                     :ratio="1"
                     height="50px"
@@ -166,6 +182,9 @@ async function confirm() {
                 />
 
                 <span class="text-h6">{{ item.longName }}</span>
+                <span class="text"
+                    ><sub>{{ item.longName }}</sub></span
+                >
                 <QSpace />
                 <QBtn icon="close" flat round dense v-close-popup />
             </QCardSection>
@@ -233,18 +252,41 @@ async function confirm() {
                                 </template>
                                 <template #body-cell-longName="{ row, value }">
                                     <QTd align="right" class="text-primary">
+                                        <QTooltip>
+                                            {{ row.id }}
+                                        </QTooltip>
+                                        <QImg
+                                            :src="`/api/Images/catalog/50x50/${row.id}/download?access_token=${token}`"
+                                            spinner-color="primary"
+                                            :ratio="1"
+                                            height="50px"
+                                            width="50px"
+                                            class="image remove-bg"
+                                            :alt="'asdads'"
+                                        />
                                         <QBtn flat color="blue" dense>{{ value }}</QBtn>
+
                                         <ItemDescriptorProxy :id="row.id" />
                                     </QTd>
                                 </template>
                                 <template #body-cell-status="{ value }">
                                     <QTd class="col" align="center">
                                         <div
-                                            :style="{ 'background-color': value }"
-                                            style="height: 10px"
-                                        ></div>
+                                            :style="{ background: gradientStyle }"
+                                            class="compatibility"
+                                        >
+                                            <QTooltip>
+                                                {{ value }}
+                                            </QTooltip>
+                                        </div>
                                     </QTd>
                                 </template>
+                                <template #body-cell-tags="{ row }">
+                                    <QTd class="col" align="center"
+                                        ><FetchedTags :item="row" :max-length="5"
+                                    /></QTd>
+                                </template>
+
                                 <template #body-cell-price2="{ row, value }">
                                     <QTd
                                         class="col"
@@ -271,25 +313,14 @@ async function confirm() {
                     @click="proposalSelected = []"
                 />
 
-                <QBtnDropdown
-                    top
-                    split
-                    :label="t('proposal.replace')"
+                <QBtn
+                    :label="t('globals.replace')"
                     color="primary"
                     :loading="isLoading"
                     @click="confirm"
                     :disable="proposalSelected.length < 1 || quantity === 0"
                     unelevated
-                    ><QList>
-                        <QItem clickable @click="confirm">
-                            <QItemSection>
-                                <QItemLabel>
-                                    {{ t('proposal.replaceAndConfirm') }}
-                                </QItemLabel>
-                            </QItemSection>
-                        </QItem>
-                    </QList></QBtnDropdown
-                >
+                />
                 <QInput
                     v-model.number="quantity"
                     v-if="quantity > -1"
@@ -304,6 +335,10 @@ async function confirm() {
     </QDialog>
 </template>
 <style lang="scss">
+.compatibility {
+    height: 10px;
+}
+
 .match {
     color: $negative;
 }
diff --git a/src/pages/Ticket/Negative/TicketLackDetail.vue b/src/pages/Ticket/Negative/TicketLackDetail.vue
index ee7339846..49ee82695 100644
--- a/src/pages/Ticket/Negative/TicketLackDetail.vue
+++ b/src/pages/Ticket/Negative/TicketLackDetail.vue
@@ -20,7 +20,13 @@ import { useStateStore } from 'stores/useStateStore';
 import { useDialogPluginComponent } from 'quasar';
 import { useSession } from 'src/composables/useSession';
 import ZoneDescriptorProxy from 'pages/Zone/Card/ZoneDescriptorProxy.vue';
-
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+onMounted(() => {
+    stateStore.rightDrawer = false;
+    nextTick(() => {
+        componentIsRendered.value = true;
+    });
+});
 const { openConfirmationModal } = useVnConfirm();
 const { t } = useI18n();
 const URL_KEY = 'Tickets/ItemLack';
@@ -40,29 +46,27 @@ const showFree = ref(true);
 const resultSplit = ref([]);
 const selectedRows = ref([]);
 const session = useSession();
-
+import { useRoute } from 'vue-router';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
+import VnRow from 'src/components/ui/VnRow.vue';
+const route = useRoute();
 const token = session.getTokenMultimedia();
 
 const originalRowDataCopy = ref(null);
-const $props = defineProps({
-    item: {
-        type: Number,
-        required: true,
-    },
-    filter: {
-        type: Object,
-        required: false,
-        default: () => {
-            true;
-        },
-    },
-});
-onMounted(() => {
-    stateStore.rightDrawer = false;
-    nextTick(() => {
-        componentIsRendered.value = true;
-    });
-});
+// const $props = defineProps({
+//     item: {
+//         type: Number,
+//         required: true,
+//     },
+//     filter: {
+//         type: Object,
+//         required: false,
+//         default: () => {
+//             true;
+//         },
+//     },
+// });
+
 onUnmounted(() => (stateStore.rightDrawer = true));
 
 const copyOriginalRowsData = (rows) => {
@@ -103,7 +107,8 @@ const saveChange = async (field, { rowIndex, row }) => {
         console.error('Error saving changes', err);
     }
 };
-const entityId = computed(() => $props.item.itemFk);
+const entityId = computed(() => route.params.id);
+const item = ref({});
 function isComponentVn(col) {
     return tableColumnComponents?.value[col.name]?.component === 'span' ?? false;
 }
@@ -241,7 +246,7 @@ const columns = computed(() => [
     },
 ]);
 const { dialogRef, onDialogHide } = useDialogPluginComponent();
-const { filter } = toRefs($props);
+// const { filter } = toRefs($props);
 const emit = defineEmits([...useDialogPluginComponent.emits, 'selection', 'close']);
 function rowsHasSelected(selection) {
     emit(
@@ -330,25 +335,31 @@ const split = async () => {
         @on-fetch="(data) => (editableStates = data)"
         auto-load
     />
-    <Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown()">
+    <FetchData
+        :url="`Items/${entityId}/getCard`"
+        :fields="['longName']"
+        @on-fetch="(data) => (item = data)"
+        auto-load
+    />
+    <!-- <Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown()">
         <QBtnGroup push style="column-gap: 1px"
             ><QBtn
-                :label="t('globals.cancel')"
+                :label="t('proposal.replace')"
                 @click="emit('close')"
                 color="primary"
-                flat
-                icon="close"
+                icon="save"
             >
                 <QTooltip>{{ t('globals.cancel') }}</QTooltip>
             </QBtn></QBtnGroup
         >
-    </Teleport>
+    </Teleport> -->
     <Teleport to="#st-data" v-if="stateStore?.isSubToolbarShown()">
         <QSpace />
         <QBtnGroup push style="column-gap: 1px">
             <QBtn
+                icon="refresh"
                 color="primary"
-                :label="t('negative.detail.modal.changeState.title')"
+                :label="t('negative.buttonsUpdate.state')"
                 :disable="selectedRows.length < 2"
                 @click="showChangeStateDialog = true"
             >
@@ -357,8 +368,9 @@ const split = async () => {
                 </QTooltip>
             </QBtn>
             <QBtn
+                icon="refresh"
                 color="primary"
-                :label="t('negative.detail.modal.changeQuantity.title')"
+                :label="t('negative.buttonsUpdate.quantity')"
                 @click="showChangeQuantityDialog = true"
                 :disable="selectedRows.length < 2"
             >
@@ -366,6 +378,17 @@ const split = async () => {
                     {{ t('negative.detail.modal.changeQuantity.title') }}
                 </QTooltip>
             </QBtn>
+            <QBtn
+                icon="refresh"
+                color="primary"
+                :label="t('negative.buttonsUpdate.itemProposal')"
+                @click="showChangeQuantityDialog = true"
+                :disable="selectedRows.length < 2"
+            >
+                <QTooltip bottom anchor="bottom right">
+                    {{ t('negative.itemProposal') }}
+                </QTooltip>
+            </QBtn>
             <QBtn
                 color="primary"
                 @click="
@@ -384,7 +407,7 @@ const split = async () => {
                 </QTooltip>
             </QBtn>
             <QBtn
-                icon="vn:splitline"
+                icon="vn:item"
                 color="primary"
                 :disable="selectedRows.length < 1"
                 @click="showProposalDialog = true"
@@ -396,42 +419,50 @@ const split = async () => {
         </QBtnGroup>
         <QCheckbox v-model="showFree" :label="t('negative.detail.showFree')" />
     </Teleport>
-    <VnPaginate
-        :data-key="URL_KEY"
-        :url="`${URL_KEY}/${entityId}/detail`"
-        ref="itemLackForm"
-        @on-fetch="copyOriginalRowsData($event)"
-        auto-load
-    >
-        <!-- :rows="rows" -->
-        <template #body="{ rows }">
-            <QImg
-                :src="`/api/Images/catalog/50x50/${item.itemFk}/download?access_token=${token}`"
-                spinner-color="primary"
-                :ratio="1"
-                height="50px"
-                width="50px"
-                class="image remove-bg"
-                :alt="'asdads'"
-            />
-
-            <span class="text-h6">{{ item.longName }}</span>
-
-            <QTable
-                ref="tableRef"
-                :columns="columns"
-                :rows="handleRows(rows)"
-                row-key="ticketFk"
-                selection="multiple"
-                v-model:selected="selectedRows"
-                @update:selected="rowsHasSelected"
-                :grid="$q.screen.lt.md"
-                hide-bottom
+    <QPage>
+        <VnSubToolbar />
+        <div class="full-width q-pa-md">
+            <VnPaginate
+                :data-key="URL_KEY"
+                :url="`${URL_KEY}/${entityId}/detail`"
+                ref="itemLackForm"
+                @on-fetch="copyOriginalRowsData($event)"
+                auto-load
             >
-                <template #body="props">
-                    <QTr>
-                        <QTd>
-                            <!-- <QIcon
+                <!-- :rows="rows" -->
+                <template #body="{ rows }">
+                    <!-- <VnRow style="align-items: center">
+                        <div>
+                            <QImg
+                                :src="`/api/Images/catalog/50x50/${entityId}/download?access_token=${token}`"
+                                spinner-color="primary"
+                                :ratio="1"
+                                height="50px"
+                                width="50px"
+                                class="image remove-bg"
+                                :alt="'asdads'"
+                            />
+
+                            <span class="text-h6">{{ item.longName }}</span>
+                        </div>
+                        <QIcon name="arrow_right" size="lg" />
+                        <VnSelectDialog action-icon="call_split"></VnSelectDialog
+                    ></VnRow> -->
+                    <QTable
+                        ref="tableRef"
+                        :columns="columns"
+                        :rows="handleRows(rows)"
+                        row-key="ticketFk"
+                        selection="multiple"
+                        v-model:selected="selectedRows"
+                        @update:selected="rowsHasSelected"
+                        :grid="$q.screen.lt.md"
+                        hide-bottom
+                    >
+                        <template #body="props">
+                            <QTr>
+                                <QTd>
+                                    <!-- <QIcon
                                 v-if="resultSplit.length > 0"
                                 :name="getIcon(props.key, 'name')"
                                 :color="getIcon(props.key, 'color')"
@@ -439,77 +470,86 @@ const split = async () => {
                                 size="xs"
                                 style="font-weight: bold"
                             /> -->
-                            <QCheckbox v-model="props.selected" />
-                        </QTd>
-                        <QTd v-for="col in props.cols" :key="col.name">
-                            <template v-if="tableColumnComponents[col.name]?.component">
-                                <component
-                                    :is="tableColumnComponents[col.name].component"
-                                    v-bind="tableColumnComponents[col.name].props"
-                                    v-model="props.row[col.field]"
-                                    v-on="
-                                        tableColumnComponents[col.name].event(
-                                            col.field,
-                                            props
-                                        )
-                                    "
-                                    :style="tableColumnComponents[col.name].style"
-                                >
-                                    <template v-if="isComponentVn(col)">{{
-                                        col.value
-                                    }}</template>
-                                    <template v-if="col.name === 'status'">
-                                        <QIcon
-                                            v-if="props.row.isRookie"
-                                            name="vn:person"
-                                            size="xs"
-                                            color="primary"
-                                            class="cursor-pointer"
+                                    <QCheckbox v-model="props.selected" />
+                                </QTd>
+                                <QTd v-for="col in props.cols" :key="col.name">
+                                    <template
+                                        v-if="tableColumnComponents[col.name]?.component"
+                                    >
+                                        <component
+                                            :is="
+                                                tableColumnComponents[col.name].component
+                                            "
+                                            v-bind="tableColumnComponents[col.name].props"
+                                            v-model="props.row[col.field]"
+                                            v-on="
+                                                tableColumnComponents[col.name].event(
+                                                    col.field,
+                                                    props
+                                                )
+                                            "
+                                            :style="tableColumnComponents[col.name].style"
                                         >
-                                            <QTooltip>{{
-                                                t('negative.detail.isRookie')
-                                            }}</QTooltip>
-                                        </QIcon>
-                                        <QIcon
-                                            v-if="props.row.peticionCompra"
-                                            name="vn:buyrequest"
-                                            size="xs"
-                                            color="primary"
-                                            class="cursor-pointer"
-                                        >
-                                            <QTooltip>{{
-                                                t('negative.detail.peticionCompra')
-                                            }}</QTooltip>
-                                        </QIcon>
-                                        <QIcon
-                                            v-if="props.row.turno"
-                                            name="vn:calendar"
-                                            size="xs"
-                                            color="primary"
-                                            class="cursor-pointer"
-                                        >
-                                            <QTooltip>{{
-                                                t('negative.detail.turno')
-                                            }}</QTooltip>
-                                        </QIcon>
+                                            <template v-if="isComponentVn(col)">{{
+                                                col.value
+                                            }}</template>
+                                            <template v-if="col.name === 'status'">
+                                                <QIcon
+                                                    v-if="props.row.isRookie"
+                                                    name="vn:person"
+                                                    size="xs"
+                                                    color="primary"
+                                                    class="cursor-pointer"
+                                                >
+                                                    <QTooltip>{{
+                                                        t('negative.detail.isRookie')
+                                                    }}</QTooltip>
+                                                </QIcon>
+                                                <QIcon
+                                                    v-if="props.row.peticionCompra"
+                                                    name="vn:buyrequest"
+                                                    size="xs"
+                                                    color="primary"
+                                                    class="cursor-pointer"
+                                                >
+                                                    <QTooltip>{{
+                                                        t(
+                                                            'negative.detail.peticionCompra'
+                                                        )
+                                                    }}</QTooltip>
+                                                </QIcon>
+                                                <QIcon
+                                                    v-if="props.row.turno"
+                                                    name="vn:calendar"
+                                                    size="xs"
+                                                    color="primary"
+                                                    class="cursor-pointer"
+                                                >
+                                                    <QTooltip>{{
+                                                        t('negative.detail.turno')
+                                                    }}</QTooltip>
+                                                </QIcon>
+                                            </template>
+                                            <template v-if="col.name === 'ticketFk'"
+                                                >{{ col.value }}
+                                                <ItemDescriptorProxy
+                                                    :id="$props.entityId"
+                                            /></template>
+                                            <template v-if="col.name === 'zoneName'">
+                                                {{ col.value }}
+                                                <ZoneDescriptorProxy
+                                                    :id="props.row.zoneFk"
+                                                />
+                                            </template>
+                                        </component>
                                     </template>
-                                    <template v-if="col.name === 'ticketFk'"
-                                        >{{ col.value }}
-                                        <ItemDescriptorProxy :id="$props.entityId"
-                                    /></template>
-                                    <template v-if="col.name === 'zoneName'">
-                                        {{ col.value }}
-                                        <ZoneDescriptorProxy :id="props.row.zoneFk" />
-                                    </template>
-                                </component>
-                            </template>
-                        </QTd>
-                    </QTr>
+                                </QTd>
+                            </QTr>
+                        </template>
+                    </QTable>
                 </template>
-            </QTable>
-        </template>
-    </VnPaginate>
-
+            </VnPaginate></div
+    ></QPage>
     <ChangeStateDialog
         ref="changeStateDialogRef"
         @hide="onDetailDialogHide"
diff --git a/src/pages/Ticket/Negative/TicketLackFilter.vue b/src/pages/Ticket/Negative/TicketLackFilter.vue
index ae7595fdd..a89a0ff66 100644
--- a/src/pages/Ticket/Negative/TicketLackFilter.vue
+++ b/src/pages/Ticket/Negative/TicketLackFilter.vue
@@ -16,11 +16,11 @@ const props = defineProps({
         required: true,
     },
 });
-const arrayData = useArrayData(props.dataKey);
-const warehouse = ref(null);
-onMounted(async () => {
-    warehouse.value = arrayData.store?.userParams?.warehouse;
-});
+// const arrayData = useArrayData(props.dataKey);
+// const warehouse = ref(null);
+// onMounted(async () => {
+//     warehouse.value = arrayData.store?.userParams?.warehouse;
+// });
 
 const to = Date.vnNew();
 to.setDate(to.getDate() + 1);
@@ -49,19 +49,12 @@ const onCategoryChange = async (categoryFk, search) => {
 </script>
 
 <template>
-    <FetchData url="Warehouses" @on-fetch="(data) => (warehouses = data)" auto-load />
-    <FetchData
-        url="ItemCategories"
-        :filter="{ fields: ['id', 'name'], order: 'name ASC' }"
-        @on-fetch="(data) => (categoriesOptions = data)"
-        auto-load
-    />
-
     <FetchData
         ref="itemTypesRef"
         url="ItemTypes"
         :filter="itemTypesFilter"
         @on-fetch="(data) => (itemTypesOptions = data)"
+        auto-load
     />
 
     <VnFilterPanel :data-key="props.dataKey" :search-button="true">
@@ -114,97 +107,32 @@ const onCategoryChange = async (categoryFk, search) => {
                         />
                     </QItemSection>
                 </QItem>
-                <QCard bordered>
-                    <QItem>
-                        <QItemSection>
-                            <VnInputDate
-                                :label="t('negative.date')"
-                                v-model="params.date"
-                            ></VnInputDate
-                        ></QItemSection>
-                    </QItem>
-
-                    <QItem>
-                        <QItemSection
-                            ><VnInputTime
-                                :label="t('negative.timed')"
-                                v-model="params.time"
-                            ></VnInputTime>
-                        </QItemSection>
-                    </QItem>
-                </QCard>
-                <QCard bordered>
-                    <QItem>
-                        <QItemSection v-if="categoriesOptions">
-                            <VnSelect
-                                :label="t('negative.category')"
-                                v-model="params.categoryFk"
-                                @update:model-value="
-                                    ($event) => onCategoryChange($event, searchFn)
-                                "
-                                :options="categoriesOptions"
-                                option-value="id"
-                                option-label="name"
-                                hide-selected
-                                dense
-                                outlined
-                                rounded
-                            /> </QItemSection
-                        ><QItemSection v-else>
-                            <QSkeleton class="full-width" type="QSelect" />
-                        </QItemSection>
-                    </QItem>
-
-                    <QItem>
-                        <QItemSection v-if="itemTypesOptions">
-                            <VnSelect
-                                :label="t('negative.type')"
-                                v-model="params.typeFk"
-                                @update:model-value="searchFn()"
-                                :options="itemTypesOptions"
-                                option-value="id"
-                                option-label="name"
-                                hide-selected
-                                dense
-                                outlined
-                                rounded
-                            >
-                                <template #option="scope">
-                                    <QItem v-bind="scope.itemProps">
-                                        <QItemSection>
-                                            <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
-                                            <QItemLabel caption>{{
-                                                scope.opt?.category?.name
-                                            }}</QItemLabel>
-                                        </QItemSection>
-                                    </QItem>
-                                </template>
-                            </VnSelect> </QItemSection
-                        ><QItemSection v-else>
-                            <QSkeleton class="full-width" type="QSelect" />
-                        </QItemSection>
-                    </QItem>
-                </QCard>
                 <QItem>
-                    <QItemSection v-if="warehouses">
+                    <QItemSection v-if="itemTypesOptions">
                         <VnSelect
-                            :label="t('negative.warehouse')"
-                            v-model="params.warehouse"
+                            :label="t('negative.type')"
+                            v-model="params.typeFk"
                             @update:model-value="searchFn()"
-                            :options="warehouses"
+                            :options="itemTypesOptions"
                             option-value="id"
                             option-label="name"
-                            emit-value
-                            map-options
-                            use-input
                             hide-selected
                             dense
                             outlined
                             rounded
-                            :input-debounce="0"
-                        />
-                    </QItemSection>
-                    <QItemSection v-else>
+                        >
+                            <template #option="scope">
+                                <QItem v-bind="scope.itemProps">
+                                    <QItemSection>
+                                        <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
+                                        <QItemLabel caption>{{
+                                            scope.opt?.category?.name
+                                        }}</QItemLabel>
+                                    </QItemSection>
+                                </QItem>
+                            </template>
+                        </VnSelect> </QItemSection
+                    ><QItemSection v-else>
                         <QSkeleton class="full-width" type="QSelect" />
                     </QItemSection>
                 </QItem>
diff --git a/src/pages/Ticket/Negative/TicketLackList.vue b/src/pages/Ticket/Negative/TicketLackList.vue
index 992e317f1..6497227c9 100644
--- a/src/pages/Ticket/Negative/TicketLackList.vue
+++ b/src/pages/Ticket/Negative/TicketLackList.vue
@@ -5,7 +5,7 @@ import { useStateStore } from 'stores/useStateStore';
 import VnPaginate from 'components/ui/VnPaginate.vue';
 import TicketLackFilter from 'pages/Ticket/Negative/TicketLackFilter.vue';
 import TicketLackDetail from 'pages/Ticket/Negative/TicketLackDetail.vue';
-import FetchData from 'components/FetchData.vue';
+// import FetchData from 'components/FetchData.vue';
 
 import NegativeOriginDialog from 'pages/Ticket/Negative/components/NegativeOriginDialog.vue';
 import TotalNegativeOriginDialog from 'pages/Ticket/Negative/components/TotalNegativeOriginDialog.vue';
@@ -13,24 +13,35 @@ import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import { onBeforeMount } from 'vue';
 import { dashIfEmpty, toDate, toHour } from 'src/filters';
-const DEFAULT_WAREHOUSE = 'Algemesi';
+import { useRouter } from 'vue-router';
+// import { useUserConfig } from 'src/composables/useUserConfig';
+import { useState } from 'src/composables/useState';
+import { useRole } from 'src/composables/useRole';
+
+// const DEFAULT_WAREHOUSE = 'Algemesi';
+const router = useRouter();
 
 const stateStore = useStateStore();
 const { t } = useI18n();
 const selectedRows = ref([]);
 const showNegativeOriginDialog = ref(false);
 const showTotalNegativeOriginDialog = ref(false);
-const showFilterPanel = ref(false);
+// const showFilterPanel = ref(false);
 const currentRow = ref(null);
+// const state = useState();
+
 const negativeParams = reactive({
-    days: 2,
+    days: useRole().likeAny('buyer') ? 2 : 0,
+    warehouseFk: useState().getUser().value.warehouseFk,
 });
 const viewSummary = (row) => {
-    stateStore.rightDrawer = false;
-    currentRow.value = row;
+    const id = row.itemFk;
+    // stateStore.rightDrawer = false;
+    // currentRow.value = row;
+    router.push({ name: 'NegativeDetail', params: { id } });
 };
 const originDialogRef = ref();
-const totalNegativeDialogRef = ref();
+// const totalNegativeDialogRef = ref();
 const columns = computed(() => [
     {
         name: 'date',
@@ -100,17 +111,17 @@ const columns = computed(() => [
     },
 ]);
 const vnPaginateRef = ref();
-const ticketDetailRef = ref();
+// const ticketDetailRef = ref();
 
 onBeforeMount(() => {
     stateStore.$state.rightDrawer = true;
 });
 
-const handleWarehouses = async (data) => {
-    negativeParams.warehouse = data.find((w) => w.name === DEFAULT_WAREHOUSE).id;
-    await vnPaginateRef.value.fetch();
-    showFilterPanel.value = true;
-};
+// const handleWarehouses = async (data) => {
+//     negativeParams.warehouse = data.find((w) => w.name === DEFAULT_WAREHOUSE).id;
+//     await vnPaginateRef.value.fetch();
+//     showFilterPanel.value = true;
+// };
 </script>
 
 <template>
@@ -133,7 +144,7 @@ const handleWarehouses = async (data) => {
     </template>
 
     <QPage class="column items-center">
-        <FetchData url="Warehouses" @on-fetch="handleWarehouses" auto-load />
+        <!-- <FetchData url="Warehouses" @on-fetch="handleWarehouses" auto-load /> -->
         <VnSubToolbar class="bg-vn-dark justify-end">
             <template #st-actions>
                 <QBtnGroup push style="column-gap: 1px" v-if="!currentRow">
@@ -145,23 +156,24 @@ const handleWarehouses = async (data) => {
                     >
                         <QTooltip>{{ t('negative.negativeAction') }}</QTooltip>
                     </QBtn>
-                    <QBtn
+                    <!-- <QBtn
                         color="primary"
                         @click="showTotalNegativeOriginDialog = true"
                         :label="t('negative.totalNegative')"
                     >
                         <QTooltip>{{ t('negative.totalNegative') }}</QTooltip>
-                    </QBtn>
+                    </QBtn> -->
                 </QBtnGroup>
             </template>
         </VnSubToolbar>
-        <div v-show="!currentRow" class="list">
+        <div class="list">
             <VnPaginate
                 ref="vnPaginateRef"
                 data-key="NegativeList"
                 :url="`Tickets/itemLack`"
                 :order="['itemFk DESC, date DESC, timed DESC']"
                 :user-params="negativeParams"
+                auto-load
             >
                 <template #body="{ rows }">
                     <QTable
@@ -222,10 +234,10 @@ const handleWarehouses = async (data) => {
                         <template #body-cell-icons="{ value }">
                             <QTd align="center">
                                 <QIcon
-                                    @click.stop="viewSummary(value)"
+                                    @click="viewSummary(value)"
                                     class="q-ml-md"
                                     color="primary"
-                                    name="preview"
+                                    name="search"
                                     size="sm"
                                 >
                                     <QTooltip>
@@ -238,19 +250,19 @@ const handleWarehouses = async (data) => {
                 </template>
             </VnPaginate>
         </div>
-        <div v-if="currentRow" class="list">
+        <!-- <div v-if="currentRow" class="list">
             <TicketLackDetail
                 ref="ticketDetailRef"
                 :item="currentRow"
                 @close="(evt) => (currentRow = null)"
             ></TicketLackDetail>
-        </div>
+        </div> -->
 
-        <TotalNegativeOriginDialog
+        <!-- <TotalNegativeOriginDialog
             ref="totalNegativeDialogRef"
             v-model="showTotalNegativeOriginDialog"
             @hide="onDialogHide"
-        ></TotalNegativeOriginDialog>
+        ></TotalNegativeOriginDialog> -->
         <NegativeOriginDialog
             ref="originDialogRef"
             @hide="onDialogHide"
@@ -260,7 +272,7 @@ const handleWarehouses = async (data) => {
         </NegativeOriginDialog>
         <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
             <QScrollArea class="fit text-grey-8">
-                <TicketLackFilter v-if="showFilterPanel" data-key="NegativeList" />
+                <TicketLackFilter data-key="NegativeList" />
             </QScrollArea>
         </QDrawer>
     </QPage>
diff --git a/src/pages/Ticket/locale/es.yml b/src/pages/Ticket/locale/es.yml
index bb7f02c59..265c0e873 100644
--- a/src/pages/Ticket/locale/es.yml
+++ b/src/pages/Ticket/locale/es.yml
@@ -24,10 +24,14 @@ negative:
     negativeAction: 'Negativo'
     totalNegative: 'Total negativos'
     days: Rango de dias
+    buttonsUpdate:
+        itemProposal: artículo
+        state: Estado
+        quantity: Cantidad
+
     modalOrigin:
         title: 'Actualizar negativos'
         question: 'Seleccione un estado para guardar'
-
     modalSplit:
         title: Confirmar acción de split
         question: 'Selecciona un estado'
diff --git a/src/router/modules/ticket.js b/src/router/modules/ticket.js
index 2f102d2d6..6cca1a8b0 100644
--- a/src/router/modules/ticket.js
+++ b/src/router/modules/ticket.js
@@ -12,7 +12,7 @@ export default {
     redirect: { name: 'TicketMain' },
     menus: {
         main: ['TicketList', 'TicketNegative'],
-        card: ['TicketBoxing', 'TicketSms', 'TicketSale'],
+        card: ['TicketBoxing', 'TicketSms', 'TicketSale', 'NegativeDetail'],
     },
     children: [
         {
@@ -31,14 +31,32 @@ export default {
                     component: () => import('src/pages/Ticket/TicketList.vue'),
                 },
                 {
-                    name: 'TicketNegative',
                     path: 'negative',
-                    meta: {
-                        title: 'negative',
-                        icon: 'view_list',
-                    },
-                    component: () =>
-                        import('src/pages/Ticket/Negative/TicketLackList.vue'),
+                    redirect: { name: 'TicketNegative' },
+
+                    children: [
+                        {
+                            name: 'TicketNegative',
+                            path: '',
+                            meta: {
+                                title: 'negative',
+                                icon: 'view_list',
+                            },
+                            // redirect: { name: 'TicketNegative' },
+                            component: () =>
+                                import('src/pages/Ticket/Negative/TicketLackList.vue'),
+                        },
+                        {
+                            name: 'NegativeDetail',
+                            path: ':id',
+                            meta: {
+                                title: 'summary',
+                                icon: 'launch',
+                            },
+                            component: () =>
+                                import('src/pages/Ticket/Negative/TicketLackDetail.vue'),
+                        },
+                    ],
                 },
                 {
                     name: 'TicketCreate',