openAgent

1import { TextAttributes } from "@opentui/core"
2import { useTheme } from "../context/theme"
3import { useDialog, type DialogContext } from "./dialog"
4import { useBindings } from "../keymap"
5 
6export type DialogAlertProps = {
7  title: string
8  message: string
9  onConfirm?: () => void
10}
11 
12export function DialogAlert(props: DialogAlertProps) {
13  const dialog = useDialog()
14  const { theme } = useTheme()
15 
16  useBindings(() => ({
17    bindings: [
18      {
19        key: "return",
20        desc: "Confirm alert",
21        group: "Dialog",
22        cmd: () => {
23          props.onConfirm?.()
24          dialog.clear()
25        },
26      },
27    ],
28  }))
29  return (
30    <box paddingLeft={2} paddingRight={2} gap={1}>
31      <box flexDirection="row" justifyContent="space-between">
32        <text attributes={TextAttributes.BOLD} fg={theme.text}>
33          {props.title}
34        </text>
35        <text fg={theme.textMuted} onMouseUp={() => dialog.clear()}>
36          esc
37        </text>
38      </box>
39      <box paddingBottom={1}>
40        <text fg={theme.textMuted}>{props.message}</text>
41      </box>
42      <box flexDirection="row" justifyContent="flex-end" paddingBottom={1}>
43        <box
44          paddingLeft={3}
45          paddingRight={3}
46          backgroundColor={theme.primary}
47          onMouseUp={() => {
48            props.onConfirm?.()
49            dialog.clear()
50          }}
51        >
52          <text fg={theme.selectedListItemText}>ok</text>
53        </box>
54      </box>
55    </box>
56  )
57}
58 
59DialogAlert.show = (dialog: DialogContext, title: string, message: string) => {
60  return new Promise<void>((resolve) => {
61    dialog.replace(
62      () => <DialogAlert title={title} message={message} onConfirm={() => resolve()} />,
63      () => resolve(),
64    )
65  })
66}
67