mirrors/opencode
1
0
Fork 0
mirror of https://github.com/sst/opencode.git synced 2025-12-23 10:11:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

sync

Browse source
This commit is contained in:
Dax Raad 2025-09-24 04:22:22 -04:00
parent 001b7fac4b
commit ae86b83fd9
2 changed files with 26 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/opencode/src/cli/cmd/tui/session.tsx
View file

@ -57,6 +57,7 @@ export function Session() {
{
title: "Compact session",
value: "session.compact",
keybind: "session_compact",
category: "Session",
onSelect: (dialog) => {
sdk.session.summarize({
@ -74,6 +75,7 @@ export function Session() {
{
title: "Share session",
value: "session.share",
keybind: "session_share",
disabled: !session()?.share?.url,
category: "Session",
onSelect: (dialog) => {
@ -88,6 +90,7 @@ export function Session() {
{
title: "Unshare session",
value: "session.unshare",
keybind: "session_unshare",
disabled: !!session()?.share?.url,
category: "Session",
onSelect: (dialog) => {
@ -99,12 +102,6 @@ export function Session() {
dialog.clear()
},
},
{
title: "Rename session",
value: "session.rename",
category: "Session",
onSelect: () => {},
},
])
return (

31
packages/opencode/src/cli/cmd/tui/ui/dialog-select.tsx
View file

@ -8,6 +8,7 @@ import * as fuzzysort from "fuzzysort"
import { isDeepEqual } from "remeda"
import { useDialog, type DialogContext } from "./dialog"
import type { KeybindsConfig } from "@opencode-ai/sdk"
import { useKeybind } from "../context/keybind"
export interface DialogSelectProps<T> {
title: string
@ -146,6 +147,7 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
<Option
id={JSON.stringify(option.value)}
title={option.title}
keybind={option.keybind}
description={option.description !== category ? option.description : undefined}
active={isDeepEqual(option.value, selected()?.value)}
current={isDeepEqual(option.value, props.current)}
@ -173,7 +175,15 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
)
}
function Option(props: { id: string; title: string; description?: string; active?: boolean; current?: boolean }) {
function Option(props: {
id: string
title: string
description?: string
active?: boolean
current?: boolean
keybind?: string
}) {
const keybind = useKeybind()
return (
<box
id={props.id}
@ -182,13 +192,18 @@ function Option(props: { id: string; title: string; description?: string; active
paddingLeft={1}
paddingRight={1}
>
<text
fg={props.active ? Theme.background : props.current ? Theme.primary : Theme.text}
attributes={props.active ? TextAttributes.BOLD : undefined}
>
{props.title}
</text>
<text fg={props.active ? Theme.background : Theme.textMuted}> {props.description}</text>
<box flexGrow={1} flexShrink={0} flexDirection="row">
<text
fg={props.active ? Theme.background : props.current ? Theme.primary : Theme.text}
attributes={props.active ? TextAttributes.BOLD : undefined}
>
{props.title}
</text>
<text fg={props.active ? Theme.background : Theme.textMuted}> {props.description}</text>
</box>
<Show when={props.keybind}>
<text fg={Theme.textMuted}>{keybind.print(props.keybind as any)}</text>
</Show>
</box>
)
}