The widget is not displayed in customer details

[MARSZOZO]

I created a test widget in addition to the current ones which work great. But it only works as a separate application in a tab. But it is not displayed in customer details. But my test widget displays perfectly in the archives... What's wrong?

Here's an example

  <div>
    <h1>{{ customerProfile }}</h1>
  </div>
</template>

<script lang="ts" setup>
import { onMounted, onUnmounted, ref, watch } from 'vue';
import { createDetailsWidget } from '@livechat/agent-app-sdk';

const widget = ref<any>(null);
const customerProfile = ref(null);

onMounted(async () => {
  widget.value = await createDetailsWidget();
});

watch(widget, (newWidget) => {
  if (newWidget) {
    customerProfile.value = newWidget.getCustomerProfile();

    newWidget.on('customer_profile', (profile) => {
      customerProfile.value = profile;
      console.log('Customer profile:', profile);
    });
  }
});

onUnmounted(() => {
  if (widget.value) {
    widget.value.off('customer_profile', customerProfile.value);
  }
});
</script>

Here is an example display

[MARSZOZO]

@lwojciechowski Do you have any comments on this point?

[MARSZOZO]

@bolchowka @patrycja @aPoCoMiLogin @lwojciechowski
I need your help