openAgent

1import { createResource, createMemo, createSignal } from "solid-js"
2import { TextAttributes } from "@opentui/core"
3import { DialogSelect } from "../ui/dialog-select"
4import { useSDK } from "../context/sdk"
5import { useDialog } from "../ui/dialog"
6import { useToast } from "../ui/toast"
7import { useTheme } from "../context/theme"
8import { errorMessage } from "../util/error"
9import type { ExperimentalConsoleListOrgsResponse } from "@opencode-ai/sdk/v2"
10 
11type OrgOption = ExperimentalConsoleListOrgsResponse["orgs"][number]
12 
13const accountHost = (url: string) => {
14  try {
15    return new URL(url).host
16  } catch {
17    return url
18  }
19}
20 
21const accountLabel = (item: Pick<OrgOption, "accountEmail" | "accountUrl">) =>
22  `${item.accountEmail}  ${accountHost(item.accountUrl)}`
23 
24export function DialogConsoleOrg() {
25  const sdk = useSDK()
26  const dialog = useDialog()
27  const toast = useToast()
28  const { theme } = useTheme()
29 
30  const [loadError, setLoadError] = createSignal<unknown>()
31 
32  const [orgs] = createResource(() =>
33    sdk.client.experimental.console
34      .listOrgs({}, { throwOnError: true })
35      .then((result) => result.data?.orgs ?? [])
36      // Catch so the rejected resource never reaches the memos below: reading
37      // orgs() in an errored state re-throws and tears down the dialog.
38      .catch((error) => {
39        setLoadError(error)
40        return undefined
41      }),
42  )
43 
44  const showError = createMemo(() => Boolean(loadError()))
45 
46  const current = createMemo(() => orgs()?.find((item) => item.active))
47 
48  const options = createMemo(() => {
49    if (showError()) return []
50    const listed = orgs()
51    if (listed === undefined) {
52      return [
53        {
54          title: "Loading orgs...",
55          value: "loading",
56          onSelect: () => {},
57        },
58      ]
59    }
60 
61    if (listed.length === 0) {
62      return [
63        {
64          title: "No orgs found",
65          value: "empty",
66          onSelect: () => {},
67        },
68      ]
69    }
70 
71    return listed
72      .toSorted((a, b) => {
73        const activeAccountA = a.active ? 0 : 1
74        const activeAccountB = b.active ? 0 : 1
75        if (activeAccountA !== activeAccountB) return activeAccountA - activeAccountB
76 
77        const accountCompare = accountLabel(a).localeCompare(accountLabel(b))
78        if (accountCompare !== 0) return accountCompare
79 
80        return a.orgName.localeCompare(b.orgName)
81      })
82      .map((item) => ({
83        title: item.orgName,
84        value: item,
85        category: accountLabel(item),
86        categoryView: (
87          <box flexDirection="row" gap={2}>
88            <text fg={theme.accent}>{item.accountEmail}</text>
89            <text fg={theme.textMuted}>{accountHost(item.accountUrl)}</text>
90          </box>
91        ),
92        onSelect: async () => {
93          if (item.active) {
94            dialog.clear()
95            return
96          }
97 
98          await sdk.client.experimental.console.switchOrg(
99            {
100              accountID: item.accountID,
101              orgID: item.orgID,
102            },
103            { throwOnError: true },
104          )
105 
106          await sdk.client.instance.dispose()
107          toast.show({
108            message: `Switched to ${item.orgName}`,
109            variant: "info",
110          })
111          dialog.clear()
112        },
113      }))
114  })
115 
116  return (
117    <DialogSelect<string | OrgOption>
118      title="Switch org"
119      options={options()}
120      current={current()}
121      renderFilter={!showError()}
122      locked={showError()}
123      emptyView={
124        showError() ? (
125          <box paddingLeft={4} paddingRight={4}>
126            <text fg={theme.error} attributes={TextAttributes.BOLD}>
127              Could not load orgs
128            </text>
129            <text fg={theme.textMuted}>{errorMessage(loadError())}</text>
130          </box>
131        ) : undefined
132      }
133    />
134  )
135}
136