From 0f5cf4429890a54364b8aa4d9ff1a55ba1eb6a30 Mon Sep 17 00:00:00 2001
From: shatfield4 <seanhatfield5@gmail.com>
Date: Mon, 7 Apr 2025 14:15:38 -0700
Subject: [PATCH 1/2] fix truncation of threads/workspaces

---
 .../ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx   | 6 +++---
 frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx b/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
index 9ecd1527530..fccfdcc5f9e 100644
--- a/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
+++ b/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
@@ -92,15 +92,15 @@ export default function ThreadItem({
             href={
               window.location.pathname === linkTo || ctrlPressed ? "#" : linkTo
             }
-            className="w-full pl-2 py-1"
+            className="w-full pl-2 py-1 overflow-hidden"
             aria-current={isActive ? "page" : ""}
           >
             <p
-              className={`text-left text-sm ${
+              className={`text-left text-sm truncate max-w-[165px] ${
                 isActive ? "font-medium text-white" : "text-theme-text-primary"
               }`}
             >
-              {truncate(thread.name, 25)}
+              {thread.name}
             </p>
           </a>
         )}
diff --git a/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx b/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx
index 32cdd9e07eb..14258d1326e 100644
--- a/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx
+++ b/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx
@@ -134,7 +134,7 @@ export default function ActiveWorkspaces() {
                                   className={`
                                   text-[14px] leading-loose whitespace-nowrap overflow-hidden text-white
                                   ${isActive ? "font-bold" : "font-medium"} truncate
-                                  w-full group-hover:w-[100px] group-hover:font-bold group-hover:duration-200
+                                  w-full group-hover:w-[130px] group-hover:font-bold group-hover:duration-200
                                 `}
                                 >
                                   {workspace.name}

From dcd7ecaac356024964605d952ff57cce987e1761 Mon Sep 17 00:00:00 2001
From: shatfield4 <seanhatfield5@gmail.com>
Date: Mon, 7 Apr 2025 14:17:25 -0700
Subject: [PATCH 2/2] remove unneeded import

---
 .../ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx        | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx b/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
index fccfdcc5f9e..fca91e01bf1 100644
--- a/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
+++ b/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
@@ -10,7 +10,6 @@ import {
 } from "@phosphor-icons/react";
 import { useEffect, useRef, useState } from "react";
 import { useParams } from "react-router-dom";
-import truncate from "truncate";
 
 const THREAD_CALLOUT_DETAIL_WIDTH = 26;
 export default function ThreadItem({