diff --git a/packages/ui/src/components/icon.tsx b/packages/ui/src/components/icon.tsx
index d131770db..6486da851 100644
--- a/packages/ui/src/components/icon.tsx
+++ b/packages/ui/src/components/icon.tsx
@@ -50,6 +50,7 @@ const icons = {
"layout-right-partial": ``,
"layout-right-full": ``,
"square-arrow-top-right": ``,
+ "open-file": ``,
"speech-bubble": ``,
comment: ``,
"folder-add-left": ``,
diff --git a/packages/ui/src/components/session-review.css b/packages/ui/src/components/session-review.css
index 5d9bf4941..bef8f4f0e 100644
--- a/packages/ui/src/components/session-review.css
+++ b/packages/ui/src/components/session-review.css
@@ -163,6 +163,7 @@
[data-slot="session-review-file-name-container"] {
display: flex;
+ align-items: center;
flex-grow: 1;
min-width: 0;
}
@@ -193,6 +194,8 @@
cursor: pointer;
border-radius: 4px;
opacity: 0;
+ will-change: opacity;
+ transform: translateZ(0);
transition: opacity 0.15s ease;
&:hover {
diff --git a/packages/ui/src/components/session-review.tsx b/packages/ui/src/components/session-review.tsx
index 537f43522..815d8129d 100644
--- a/packages/ui/src/components/session-review.tsx
+++ b/packages/ui/src/components/session-review.tsx
@@ -6,6 +6,7 @@ import { FileIcon } from "./file-icon"
import { Icon } from "./icon"
import { LineComment, LineCommentEditor } from "./line-comment"
import { StickyAccordionHeader } from "./sticky-accordion-header"
+import { Tooltip } from "./tooltip"
import { useDiffComponent } from "../context/diff"
import { useI18n } from "../context/i18n"
import { getDirectory, getFilename } from "@opencode-ai/util/path"
@@ -533,16 +534,19 @@ export const SessionReview = (props: SessionReviewProps) => {
{getFilename(diff.file)}
-
+
+
+