openAgent

1import { TextAttributes } from "@opentui/core"
2import { createStore } from "solid-js/store"
3import { For } from "solid-js"
4import { useTheme } from "../context/theme"
5import { useDialog } from "../ui/dialog"
6import { useBindings } from "../keymap"
7 
8export function DialogWorkspaceUnavailable(props: { onRestore?: () => boolean | void | Promise<boolean | void> }) {
9  const dialog = useDialog()
10  const { theme } = useTheme()
11  const [store, setStore] = createStore({
12    active: "restore" as "cancel" | "restore",
13  })
14 
15  const options = ["cancel", "restore"] as const
16 
17  async function confirm() {
18    if (store.active === "cancel") {
19      dialog.clear()
20      return
21    }
22    const result = await props.onRestore?.()
23    if (result === false) return
24  }
25 
26  useBindings(() => ({
27    bindings: [
28      { key: "return", desc: "Confirm workspace option", group: "Dialog", cmd: () => void confirm() },
29      { key: "left", desc: "Cancel workspace restore", group: "Dialog", cmd: () => setStore("active", "cancel") },
30      { key: "right", desc: "Restore workspace", group: "Dialog", cmd: () => setStore("active", "restore") },
31    ],
32  }))
33 
34  return (
35    <box paddingLeft={2} paddingRight={2} gap={1}>
36      <box flexDirection="row" justifyContent="space-between">
37        <text attributes={TextAttributes.BOLD} fg={theme.text}>
38          Workspace Unavailable
39        </text>
40        <text fg={theme.textMuted} onMouseUp={() => dialog.clear()}>
41          esc
42        </text>
43      </box>
44      <text fg={theme.textMuted} wrapMode="word">
45        This session is attached to a workspace that is no longer available.
46      </text>
47      <text fg={theme.textMuted} wrapMode="word">
48        Would you like to restore this session into a new workspace?
49      </text>
50      <box flexDirection="row" justifyContent="flex-end" paddingBottom={1} gap={1}>
51        <For each={options}>
52          {(item) => (
53            <box
54              paddingLeft={2}
55              paddingRight={2}
56              backgroundColor={item === store.active ? theme.primary : undefined}
57              onMouseUp={() => {
58                setStore("active", item)
59                void confirm()
60              }}
61            >
62              <text fg={item === store.active ? theme.selectedListItemText : theme.textMuted}>{item}</text>
63            </box>
64          )}
65        </For>
66      </box>
67    </box>
68  )
69}
70