feat: thread dialog ui

apps/masterbots.ai/app/(browse)/[category]/page.tsx

@@ -1,4 +1,4 @@
-import BrowseList from '@/components/browse/browse-list'
+import BrowseList from '@/components/shared/thread-dialog/thread-list'
 import { BrowseCategoryTabs } from '@/components/browse/browse-category-tabs'
 import { BrowseSearchInput } from '@/components/browse/browse-search-input'
 import { getBrowseThreads, getCategories } from '@/services/hasura'
@@ -13,7 +13,7 @@ export default async function BrowseCategoryPage({
   const categories = await getCategories()
   const categoryId = categories.find(
     c =>
-      c.name.toLowerCase().replace(/\s+/g, '_').replace(/\&/g, 'n') ===
+      c.name.toLowerCase().replace(/\s+/g, '_').replace(/\&/g, '_') ===
       params.category
   ).categoryId
   if (!categoryId) throw new Error('Category id not foud')

apps/masterbots.ai/app/(browse)/page.tsx

@@ -1,4 +1,4 @@
-import BrowseList from '@/components/browse/browse-list'
+import BrowseList from '@/components/shared/thread-dialog/thread-list'
 import { BrowseCategoryTabs } from '@/components/browse/browse-category-tabs'
 import { BrowseSearchInput } from '@/components/browse/browse-search-input'
 import { getBrowseThreads, getCategories } from '@/services/hasura'

apps/masterbots.ai/app/b/[id]/page.tsx

@@ -1,7 +1,6 @@
 import { getChatbot, getBrowseThreads } from '@/services/hasura'
 import { botNames } from '@/lib/bots-names'
-import BrowseChatbotDetails from '@/components/browse/browse-chatbot-details'
-import BrowseSpecificThreadList from '@/components/browse/browse-specific-thread-list'
+import BotDetails from '@/components/b/bot-details'
 
 const PAGE_SIZE = 50
 
@@ -19,23 +18,14 @@ export default async function BotThreadsPage({
   })
   if (!chatbot) throw new Error(`Chatbot ${botNames.get(params.id)} not found`)
 
-  // session will always be defined
   threads = await getBrowseThreads({
     chatbotName: botNames.get(params.id),
     limit: PAGE_SIZE
   })
 
   return (
     <div className="w-full py-5">
-      {chatbot ? <BrowseChatbotDetails chatbot={chatbot} /> : ''}
-      <BrowseSpecificThreadList
-        PAGE_SIZE={PAGE_SIZE}
-        initialThreads={threads}
-        pageType="bot"
-        query={{
-          chatbotName: botNames.get(params.id)
-        }}
-      />
+      <BotDetails chatbot={chatbot} />
     </div>
   )
 }

apps/masterbots.ai/app/u/[slug]/page.tsx

@@ -1,6 +1,5 @@
 import { getBrowseThreads, getUserInfoFromBrowse } from '@/services/hasura'
 import BrowseUserDetails from '@/components/browse/browse-user-details'
-import BrowseSpecificThreadList from '@/components/browse/browse-specific-thread-list'
 
 const PAGE_SIZE = 50
 
@@ -18,14 +17,6 @@ export default async function BotThreadsPage({
   return (
     <div className="w-full py-5">
       <BrowseUserDetails user={threads[0].user} />
-      <BrowseSpecificThreadList
-        PAGE_SIZE={PAGE_SIZE}
-        initialThreads={threads}
-        pageType="user"
-        query={{
-          slug: params.slug
-        }}
-      />
     </div>
   )
 }

apps/masterbots.ai/components/browse/browse-category-link.tsx

@@ -24,7 +24,7 @@ export function BrowseCategoryLink({
       href={
         category === 'all'
           ? '/'
-          : `/${category.name.toLowerCase().replace(/\s+/g, '_').replace(/\&/g, 'n')}`
+          : `/${category.name.toLowerCase().replace(/\s+/g, '_').replace(/\&/g, '_')}`
       }
       id={id}
       onClick={onClick}

apps/masterbots.ai/components/browse/browse-category-tabs.tsx

@@ -36,7 +36,7 @@ export function BrowseCategoryTabs({
       setActiveTab(
         categories.filter(
           c =>
-            c.name.toLowerCase().replace(/\s+/g, '_').replace(/\&/g, 'n') ===
+            c.name.toLowerCase().replace(/\s+/g, '_').replace(/\&/g, '_') ===
             initialCategory
         )[0]?.categoryId
       )

apps/masterbots.ai/components/browse/browse-chat-message-list.tsx

@@ -5,7 +5,7 @@ import type { Chatbot, Message, User } from '@repo/mb-genql'
 
 import React from 'react'
 import { cn, createMessagePairs } from '@/lib/utils'
-import { ChatAccordion } from '../shared/chat-accordion'
+import { ChatAccordion } from '../shared/thread-dialog/thread-accordion'
 import type { MessagePair } from './browse-chat-messages'
 import { convertMessage } from './browse-chat-messages'
 import { BrowseChatMessage } from './browse-chat-message'

apps/masterbots.ai/components/browse/browse-chat-messages.tsx

@@ -5,7 +5,7 @@ import type * as AI from 'ai'
 import type { Chatbot, Message, User } from '@repo/mb-genql'
 import React from 'react'
 import { getMessages } from '@/services/hasura'
-import BrowseChatbotDetails from './browse-chatbot-details'
+import BrowseChatbotDetails from '../b/bot-details'
 import { BrowseChatMessageList } from './browse-chat-message-list'
 
 export interface MessagePair {

apps/masterbots.ai/components/c/chat-list.tsx

@@ -4,8 +4,8 @@ import React from 'react'
 import { ChatMessage } from '@/components/c/chat-message'
 import { cn, createMessagePairs } from '@/lib/utils'
 import { useThread } from '@/hooks/use-thread'
-import { ShortMessage } from '../short-message'
-import { ChatAccordion } from '../shared/chat-accordion'
+import { ShortMessage } from '../shared/thread-dialog/thread-excerpt'
+import { ChatAccordion } from '../shared/thread-dialog/thread-accordion'
 
 export interface ChatList {
   messages: Message[]

apps/masterbots.ai/components/c/chat-panel.tsx

@@ -3,7 +3,7 @@ import { type UseChatHelpers } from 'ai/react'
 import { Chatbot } from '@repo/mb-genql'
 import { Button } from '@/components/ui/button'
 import { PromptForm } from '@/components/c/prompt-form'
-import { ButtonScrollToBottom } from '@/components/button-scroll-to-bottom'
+import { ButtonScrollToBottom } from '@/components/c/button-scroll-to-bottom'
 import { IconRefresh, IconShare, IconStop } from '@/components/ui/icons'
 import { FooterText } from '@/components/layout/footer'
 import { ChatShareDialog } from '@/components/c/chat-share-dialog'
@@ -67,7 +67,9 @@ export function ChatPanel({
             {isLoading ? (
               <Button
                 className="bg-background"
-                onClick={() => { stop(); }}
+                onClick={() => {
+                  stop()
+                }}
                 variant="outline"
               >
                 <IconStop className="mr-2" />
@@ -83,7 +85,9 @@ export function ChatPanel({
                   {id && title ? (
                     <>
                       <Button
-                        onClick={() => { setShareDialogOpen(true); }}
+                        onClick={() => {
+                          setShareDialogOpen(true)
+                        }}
                         variant="outline"
                       >
                         <IconShare className="mr-2" />

apps/masterbots.ai/components/c/thread-list.tsx

@@ -6,8 +6,8 @@ import React from 'react'
 import { useThread } from '@/hooks/use-thread'
 import { useSidebar } from '@/hooks/use-sidebar'
 import { cn, sleep } from '@/lib/utils'
-import { ShortMessage } from '../short-message'
-import { ChatAccordion } from '../shared/chat-accordion'
+import { ShortMessage } from '../shared/thread-dialog/thread-excerpt'
+import { ChatAccordion } from '../shared/thread-dialog/thread-accordion'
 import { ChatList } from './chat-list'
 
 export default function ThreadList({