fix: slot naming

app/javascript/dashboard/components-next/captain/PageLayout.vue

@@ -97,6 +97,7 @@ const handlePageChange = event => {
     </header>
     <main class="flex-1 px-6 overflow-y-auto xl:px-0">
       <div class="w-full max-w-[960px] mx-auto py-4">
+        <slot />
         <div
           v-if="isFetching"
           class="flex items-center justify-center py-10 text-n-slate-11"
@@ -109,7 +110,7 @@ const handlePageChange = event => {
         <div v-else-if="isEmpty">
           <slot name="emptyState" />
         </div>
-        <slot v-else name="default" />
+        <slot v-else name="body" />
       </div>
     </main>
     <footer v-if="showPaginationFooter" class="sticky bottom-0 z-10 px-4 pb-4">

app/javascript/dashboard/routes/dashboard/captain/assistants/Index.vue

@@ -90,20 +90,22 @@ onMounted(() => store.dispatch('captainAssistants/get'));
       <CaptainPaywall />
     </template>
 
-    <LimitBanner class="mb-5" />
+    <template #body>
+      <LimitBanner class="mb-5" />
 
-    <div class="flex flex-col gap-4">
-      <AssistantCard
-        v-for="assistant in assistants"
-        :id="assistant.id"
-        :key="assistant.id"
-        :name="assistant.name"
-        :description="assistant.description"
-        :updated-at="assistant.updated_at || assistant.created_at"
-        :created-at="assistant.created_at"
-        @action="handleAction"
-      />
-    </div>
+      <div class="flex flex-col gap-4">
+        <AssistantCard
+          v-for="assistant in assistants"
+          :id="assistant.id"
+          :key="assistant.id"
+          :name="assistant.name"
+          :description="assistant.description"
+          :updated-at="assistant.updated_at || assistant.created_at"
+          :created-at="assistant.created_at"
+          @action="handleAction"
+        />
+      </div>
+    </template>
 
     <DeleteDialog
       v-if="selectedAssistant"

app/javascript/dashboard/routes/dashboard/captain/assistants/inboxes/Index.vue

@@ -91,15 +91,17 @@ onMounted(() =>
       <InboxPageEmptyState @click="handleCreate" />
     </template>
 
-    <div class="flex flex-col gap-4">
-      <InboxCard
-        v-for="captainInbox in captainInboxes"
-        :id="captainInbox.id"
-        :key="captainInbox.id"
-        :inbox="captainInbox"
-        @action="handleAction"
-      />
-    </div>
+    <template #body>
+      <div class="flex flex-col gap-4">
+        <InboxCard
+          v-for="captainInbox in captainInboxes"
+          :id="captainInbox.id"
+          :key="captainInbox.id"
+          :inbox="captainInbox"
+          @action="handleAction"
+        />
+      </div>
+    </template>
 
     <DeleteDialog
       v-if="selectedInbox"

app/javascript/dashboard/routes/dashboard/captain/documents/Index.vue

@@ -130,20 +130,22 @@ onMounted(() => {
       />
     </div>
 
-    <LimitBanner class="mb-5" />
+    <template #body>
+      <LimitBanner class="mb-5" />
 
-    <div class="flex flex-col gap-4">
-      <DocumentCard
-        v-for="doc in documents"
-        :id="doc.id"
-        :key="doc.id"
-        :name="doc.name || doc.external_link"
-        :external-link="doc.external_link"
-        :assistant="doc.assistant"
-        :created-at="doc.created_at"
-        @action="handleAction"
-      />
-    </div>
+      <div class="flex flex-col gap-4">
+        <DocumentCard
+          v-for="doc in documents"
+          :id="doc.id"
+          :key="doc.id"
+          :name="doc.name || doc.external_link"
+          :external-link="doc.external_link"
+          :assistant="doc.assistant"
+          :created-at="doc.created_at"
+          @action="handleAction"
+        />
+      </div>
+    </template>
 
     <RelatedResponses
       v-if="showRelatedResponses"

app/javascript/dashboard/routes/dashboard/captain/responses/Index.vue

@@ -201,24 +201,26 @@ onMounted(() => {
       />
     </div>
 
-    <LimitBanner class="mb-5" />
+    <template #body>
+      <LimitBanner class="mb-5" />
 
-    <div class="flex flex-col gap-4">
-      <ResponseCard
-        v-for="response in responses"
-        :id="response.id"
-        :key="response.id"
-        :question="response.question"
-        :answer="response.answer"
-        :assistant="response.assistant"
-        :documentable="response.documentable"
-        :status="response.status"
-        :created-at="response.created_at"
-        :updated-at="response.updated_at"
-        @action="handleAction"
-        @navigate="handleNavigationAction"
-      />
-    </div>
+      <div class="flex flex-col gap-4">
+        <ResponseCard
+          v-for="response in responses"
+          :id="response.id"
+          :key="response.id"
+          :question="response.question"
+          :answer="response.answer"
+          :assistant="response.assistant"
+          :documentable="response.documentable"
+          :status="response.status"
+          :created-at="response.created_at"
+          :updated-at="response.updated_at"
+          @action="handleAction"
+          @navigate="handleNavigationAction"
+        />
+      </div>
+    </template>
 
     <DeleteDialog
       v-if="selectedResponse"