monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

tweak(ui): combine diffs in review into one group

Browse Source
This commit is contained in:
David Hill
2026-02-18 23:36:02 +00:00
parent 14c0989411
commit ba53c56a21
2 changed files with 390 additions and 341 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
packages/ui/src/components/session-review.css
View File

@@ -65,14 +65,61 @@
top: -40px; top: -40px;
} }
[data-slot="accordion-trigger"] { [data-slot="session-review-diffs-group"] {
background-color: var(--background-stronger) !important; background-color: var(--background-stronger);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-xs-border-base);
overflow: clip;
[data-component="accordion"] {
gap: 0;
} }
[data-slot="session-review-accordion-item"][data-selected] { [data-component="accordion"] [data-slot="accordion-item"] {
[data-slot="session-review-accordion-content"] { overflow: visible;
box-shadow: var(--shadow-xs-border-select); }
border-radius: var(--radius-lg);
[data-component="accordion"]
[data-slot="accordion-item"]
[data-slot="accordion-header"]
[data-slot="accordion-trigger"] {
border: 0;
border-radius: 0;
box-shadow: none;
background-color: transparent;
&:hover {
background-color: var(--surface-base-hover);
}
&:active {
background-color: var(--surface-base-active);
}
}
[data-component="accordion"]
[data-slot="accordion-item"]
+ [data-slot="accordion-item"]
[data-slot="accordion-header"]
[data-slot="accordion-trigger"] {
border-top: 1px solid var(--border-weak-base);
}
[data-component="accordion"] [data-slot="accordion-item"][data-expanded] [data-slot="accordion-content"] {
border: 0;
border-top: 1px solid var(--border-weak-base);
border-radius: 0;
}
[data-component="sticky-accordion-header"][data-expanded]::before,
[data-slot="accordion-item"][data-expanded] [data-component="sticky-accordion-header"]::before {
top: 0;
}
[data-slot="session-review-accordion-item"][data-selected]
[data-slot="accordion-header"]
[data-slot="accordion-trigger"] {
background-color: var(--surface-base-active);
} }
} }

2
packages/ui/src/components/session-review.tsx
View File

@@ -319,6 +319,7 @@ export const SessionReview = (props: SessionReviewProps) => {
</div> </div>
<div data-slot="session-review-container" class={props.classes?.container}> <div data-slot="session-review-container" class={props.classes?.container}>
<Show when={hasDiffs()} fallback={props.empty}> <Show when={hasDiffs()} fallback={props.empty}>
<div data-slot="session-review-diffs-group">
<Accordion multiple value={open()} onChange={handleChange}> <Accordion multiple value={open()} onChange={handleChange}>
<For each={props.diffs}> <For each={props.diffs}>
{(diff) => { {(diff) => {
@@ -698,6 +699,7 @@ export const SessionReview = (props: SessionReviewProps) => {
}} }}
</For> </For>
</Accordion> </Accordion>
</div>
</Show> </Show>
</div> </div>
</div> </div>