truncate prompt

Author: peppescg

src/components/Chat.tsx

@@ -33,7 +33,9 @@ export function Chat() {
             </BreadcrumbItem>
             <BreadcrumbSeparator />
             <BreadcrumbItem>
-              <BreadcrumbPage>{extractTitleFromMessage(title)}</BreadcrumbPage>
+              <BreadcrumbPage className="truncate w-96">
+                {extractTitleFromMessage(title)}
+              </BreadcrumbPage>
             </BreadcrumbItem>
           </BreadcrumbList>
         </Breadcrumb>

src/components/PromptList.tsx

@@ -14,14 +14,15 @@ export function PromptList({ prompts }: { prompts: Prompt[] }) {
           <h2 className="font-bold text-sm text-gray-700 mb-2 mt-6">{group}</h2>
           <ul className="space-y-2">
             {prompts.map((prompt) => (
-              <li key={prompt.chat_id} className="flex items-center p-1 ">
-                <Link to={`/prompt/${prompt.chat_id}`}>
-                  <p className="text-gray-800 text-sm line-clamp-1 hover:text-gray-500">
-                    {extractTitleFromMessage(
-                      prompt.question_answers?.[0].question.message ??
-                        `Prompt ${prompt.conversation_timestamp}`
-                    )}
-                  </p>
+              <li key={prompt.chat_id} className="flex items-center p-1 w-full">
+                <Link
+                  to={`/prompt/${prompt.chat_id}`}
+                  className="text-gray-800 text-sm truncate hover:text-gray-500"
+                >
+                  {extractTitleFromMessage(
+                    prompt.question_answers?.[0].question.message ??
+                      `Prompt ${prompt.conversation_timestamp}`
+                  )}
                 </Link>
               </li>
             ))}