fix: correct dot prefix display in directory names for RTL text rendering issue #9579 (#9591)

packages/ui/src/components/session-review.tsx

@@ -109,7 +109,7 @@ export const SessionReview = (props: SessionReviewProps) => {
                         <FileIcon node={{ path: diff.file, type: "file" }} />
                         <div data-slot="session-review-file-name-container">
                           <Show when={diff.file.includes("/")}>
-                            <span data-slot="session-review-directory">{getDirectory(diff.file)}&lrm;</span>
+                            <span data-slot="session-review-directory">{`\u202A${getDirectory(diff.file)}\u202C`}</span>
                           </Show>
                           <span data-slot="session-review-filename">{getFilename(diff.file)}</span>
                           <Show when={props.onViewFile}>

packages/ui/src/components/session-turn.tsx

@@ -620,7 +620,7 @@ export function SessionTurn(
                                         <div data-slot="session-turn-file-path">
                                           <Show when={diff.file.includes("/")}>
                                             <span data-slot="session-turn-directory">
-                                              {getDirectory(diff.file)}&lrm;
+                                              {`\u202A${getDirectory(diff.file)}\u202C`}
                                             </span>
                                           </Show>
                                           <span data-slot="session-turn-filename">{getFilename(diff.file)}</span>