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

fix(app): prevent file tree tab clipping (#39770)

Browse source
This commit is contained in:
OpeOginni 2026-07-31 06:24:19 +02:00 • committed by GitHub
commit 7ea343cabd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
packages/app/src/pages/session/session-side-panel.tsx
View file

@ -59,6 +59,7 @@ import { SessionFileBrowserTab, type SessionFileBrowserState } from "@/pages/ses
type ReviewDiff = FileDiffInfo | SnapshotFileDiff | VcsFileDiff type ReviewDiff = FileDiffInfo | SnapshotFileDiff | VcsFileDiff
type RenderDiff = FileDiffInfo | (SnapshotFileDiff & { file: string }) | VcsFileDiff type RenderDiff = FileDiffInfo | (SnapshotFileDiff & { file: string }) | VcsFileDiff
const FILE_TREE_WIDTH_MIN = 240
function renderDiff(value: ReviewDiff): value is RenderDiff { function renderDiff(value: ReviewDiff): value is RenderDiff {
return typeof value.file === "string" return typeof value.file === "string"
@ -104,13 +105,14 @@ export function SessionSidePanel(props: {
}), }),
) )
const open = createMemo(() => reviewOpen() || fileOpen()) const open = createMemo(() => reviewOpen() || fileOpen())
const fileTreeWidth = createMemo(() => Math.max(FILE_TREE_WIDTH_MIN, layout.fileTree.width()))
const reviewTab = createMemo(() => isDesktop()) const reviewTab = createMemo(() => isDesktop())
const panelWidth = createMemo(() => { const panelWidth = createMemo(() => {
if (!open()) return "0px" if (!open()) return "0px"
if (reviewOpen()) return "auto" if (reviewOpen()) return "auto"
return `${layout.fileTree.width()}px` return `${fileTreeWidth()}px`
}) })
const treeWidth = createMemo(() => (fileOpen() ? `${layout.fileTree.width()}px` : "0px")) const treeWidth = createMemo(() => (fileOpen() ? `${fileTreeWidth()}px` : "0px"))
const diffs = createMemo(() => props.diffs().filter(renderDiff)) const diffs = createMemo(() => props.diffs().filter(renderDiff))
const diffFiles = createMemo(() => diffs().map((d) => d.file)) const diffFiles = createMemo(() => diffs().map((d) => d.file))
@ -845,8 +847,8 @@ export function SessionSidePanel(props: {
<ResizeHandle <ResizeHandle
direction="horizontal" direction="horizontal"
edge="start" edge="start"
size={layout.fileTree.width()} size={fileTreeWidth()}
min={200} min={FILE_TREE_WIDTH_MIN}
max={480} max={480}
onResize={(width) => { onResize={(width) => {
props.size.touch() props.size.touch()