import { RGBA, TextAttributes } from "@opentui/core" import open from "open" import { createSignal } from "solid-js" import { selectedForeground, useTheme } from "@tui/context/theme" import { useDialog, type DialogContext } from "@tui/ui/dialog" import { Link } from "@tui/ui/link" import { BgPulse } from "./bg-pulse" import { useBindings } from "../keymap" const GO_URL = "https://opencode.ai/go" const PAD_X = 3 const PAD_TOP_OUTER = 1 const FOREGROUND_ALPHA = 186 export type DialogRetryActionProps = { title: string message: string label: string link?: string onClose?: (dontShowAgain?: boolean) => void } function runAction(props: DialogRetryActionProps, dialog: ReturnType) { if (props.link) open(props.link).catch(() => {}) props.onClose?.() dialog.clear() } function dismiss(props: DialogRetryActionProps, dialog: ReturnType) { props.onClose?.(true) dialog.clear() } function panelOverlay(color: RGBA) { const [r, g, b] = color.toInts() return RGBA.fromInts(r, g, b, FOREGROUND_ALPHA) } export function DialogRetryAction(props: DialogRetryActionProps) { const dialog = useDialog() const { theme } = useTheme() const fg = selectedForeground(theme) const showGoTreatment = () => props.link === GO_URL const textBg = () => (showGoTreatment() ? panelOverlay(theme.backgroundPanel) : undefined) const [selected, setSelected] = createSignal<"dismiss" | "action">("action") useBindings(() => ({ bindings: [ { key: "left", desc: "Previous retry option", group: "Dialog", cmd: () => setSelected((value) => (value === "action" ? "dismiss" : "action")), }, { key: "right", desc: "Next retry option", group: "Dialog", cmd: () => setSelected((value) => (value === "action" ? "dismiss" : "action")), }, { key: "tab", desc: "Next retry option", group: "Dialog", cmd: () => setSelected((value) => (value === "action" ? "dismiss" : "action")), }, { key: "return", desc: "Confirm retry option", group: "Dialog", cmd: () => { if (selected() === "action") runAction(props, dialog) else dismiss(props, dialog) }, }, ], })) return ( {showGoTreatment() ? ( ) : null} {props.title} dialog.clear()}> esc {props.message} {props.link ? ( showGoTreatment() ? ( ) : ( ) ) : ( )} setSelected("dismiss")} onMouseUp={() => dismiss(props, dialog)} > don't show again setSelected("action")} onMouseUp={() => runAction(props, dialog)} > {props.label} ) } DialogRetryAction.show = ( dialog: DialogContext, props: Pick, ) => { return new Promise((resolve) => { dialog.replace( () => resolve(dontShow ?? false)} />, () => resolve(false), ) }) }