ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(app): review panel reactivity improvements (#37089)

Browse source
This commit is contained in:
Aarav Sareen 2026-07-17 15:10:42 +05:30 • committed by GitHub
commit ed926be253
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 112 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
packages/session-ui/src/v2/components/session-review-file-preview-v2.tsx
View file

@ -263,7 +263,9 @@ export function SessionReviewFilePreviewV2(props: SessionReviewFilePreviewV2Prop
<span data-slot="session-review-v2-file-path">{getDirectory(props.file)}</span>
</Show>
</div>
<DiffChanges changes={view()} />
<div data-slot="session-review-v2-file-diff">
<DiffChanges changes={view()} />
</div>
</div>
<div
ref={(el) => {

32
packages/session-ui/src/v2/components/session-review-v2.css
View file

@ -149,7 +149,7 @@
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 8px 12px;
padding: 10px 12px;
padding-left: 8px;
flex-shrink: 0;
border-bottom: 1px solid var(--border-weaker-base, var(--v2-border-border-weak));
@ -273,9 +273,37 @@
flex: 1;
}
[data-component="session-review-v2"] [data-slot="session-review-v2-file-header"] [data-component="diff-changes"] {
[data-component="session-review-v2"] [data-slot="session-review-v2-file-diff"] {
position: relative;
flex-shrink: 0;
margin-left: auto;
background-color: var(--v2-background-bg-base);
&::before {
content: "";
position: absolute;
top: -8px;
bottom: -8px;
right: 100%;
width: 16px;
z-index: 1;
pointer-events: none;
background: linear-gradient(90deg, transparent, var(--v2-background-bg-base));
}
&::after {
content: "";
position: absolute;
inset: -8px -16px -8px 0;
z-index: 0;
pointer-events: none;
background-color: var(--v2-background-bg-base);
}
[data-component="diff-changes"] {
position: relative;
z-index: 1;
}
}
[data-component="session-review-v2"] [data-slot="session-review-v2-file-status"] {

1
packages/session-ui/src/v2/components/session-review-v2.tsx
View file

@ -139,6 +139,7 @@ export function SessionReviewV2Sidebar(props: SessionReviewV2SidebarProps) {
min={minWidth()}
max={maxWidth()}
onResize={(next) => props.onWidthChange?.(next)}
onDblClick={() => props.onWidthChange?.(SESSION_REVIEW_V2_SIDEBAR_WIDTH_DEFAULT)}
/>
</div>
</Show>