fix(web): Fix text direction on filter panel (#474)

Author: brendan-kellam

CHANGELOG.md

@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 - Add warning logs when local repo index fails to match pattern. [#712](https://github.com/sourcebot-dev/sourcebot/pull/712)
+- Fixed issue with text direction issues with special characters in filter panel. [#474](https://github.com/sourcebot-dev/sourcebot/pull/474)
 
 ## [4.10.7] - 2025-12-29
 

packages/web/src/app/[domain]/search/components/codePreviewPanel/codePreview.tsx

@@ -138,7 +138,7 @@ export const CodePreview = ({
                         }}
                         title={file.filepath}
                     >
-                        {file.filepath}
+                        <span>{file.filepath}</span>
                     </span>
                 </div>
 

packages/web/src/app/[domain]/search/components/filterPanel/entry.tsx

@@ -52,7 +52,7 @@ export const Entry = ({
                 <div className="overflow-hidden flex-1 min-w-0">
                     <Tooltip>
                         <TooltipTrigger asChild>
-                            <p className="overflow-hidden text-ellipsis whitespace-nowrap truncate-start">{displayName}</p>
+                            <p className="overflow-hidden text-ellipsis whitespace-nowrap truncate-start"><span>{displayName}</span></p>
                         </TooltipTrigger>
                         <TooltipContent side="right" className="max-w-sm">
                             <p className="font-mono text-sm break-all whitespace-pre-wrap">{displayName}</p>

packages/web/src/app/globals.css

@@ -313,6 +313,11 @@
   text-overflow: ellipsis;
 }
 
+.truncate-start > * {
+  direction: ltr;
+  unicode-bidi: embed;
+}
+
 @layer base {
   * {
     @apply border-border;

packages/web/src/features/chat/components/chatThread/tools/shared.tsx

@@ -30,7 +30,7 @@ export const FileListItem = ({
                     pathType: 'blob',
                 })}
             >
-                {path}
+                <span>{path}</span>
             </Link>
         </div>
     )