fix(web): prevent bot history horizontal overflow and pagination wrapping (#166)

Ensure long history message content can wrap without expanding layout width, and keep pagination summary and controls on a stable single line.

packages/web/src/components/master-detail-sidebar-layout/index.vue

@@ -16,7 +16,7 @@
             <slot name="sidebar-footer" />
           </SidebarFooter>
         </Sidebar>
-        <section class="flex-1 h-full">
+        <section class="flex-1 min-w-0 h-full">
           <slot name="detail" />
         </section>
       </SidebarProvider>

packages/web/src/pages/bots/components/bot-history.vue

@@ -82,9 +82,9 @@
       <!-- Pagination -->
       <div
         v-if="totalPages > 1"
-        class="flex items-center justify-between pt-4"
+        class="flex items-center justify-between gap-3 pt-4"
       >
-        <span class="text-sm text-muted-foreground">
+        <span class="shrink-0 whitespace-nowrap text-sm text-muted-foreground">
           {{ paginationSummary }}
         </span>
         <Pagination
@@ -92,6 +92,7 @@
           :items-per-page="PAGE_SIZE"
           :sibling-count="1"
           :page="currentPage"
+          class="w-auto shrink-0"
           show-edges
           @update:page="currentPage = $event"
         >

packages/web/src/pages/bots/components/message-list.vue

@@ -51,7 +51,7 @@
             :class="{ 'font-mono text-xs': msg.role === 'tool' || msg.role === 'system' }"
           >
             <div
-              class="whitespace-pre-wrap wrap-break-word"
+              class="whitespace-pre-wrap break-words [overflow-wrap:anywhere]"
               :class="{ 'line-clamp-4': !expandedIds.includes(msgKey(msg, idx)) }"
             >
               {{ formatContent(msg.content) }}