diff options
| -rw-r--r-- | packages/app/src/components/dialog-select-model.tsx | 34 |
1 files changed, 25 insertions, 9 deletions
diff --git a/packages/app/src/components/dialog-select-model.tsx b/packages/app/src/components/dialog-select-model.tsx index 2ee1d9db1..c5a930a43 100644 --- a/packages/app/src/components/dialog-select-model.tsx +++ b/packages/app/src/components/dialog-select-model.tsx @@ -110,6 +110,11 @@ export function ModelSelectorPopover<T extends ValidComponent = "div">(props: { setStore("open", false) dialog.show(() => <DialogManageModels />) } + + const handleConnectProvider = () => { + setStore("open", false) + dialog.show(() => <DialogSelectProvider />) + } const language = useLanguage() createEffect(() => { @@ -207,15 +212,26 @@ export function ModelSelectorPopover<T extends ValidComponent = "div">(props: { onSelect={() => setStore("open", false)} class="p-1" action={ - <IconButton - icon="sliders" - variant="ghost" - iconSize="normal" - class="size-6" - aria-label={language.t("dialog.model.manage")} - title={language.t("dialog.model.manage")} - onClick={handleManage} - /> + <div class="flex items-center gap-1"> + <IconButton + icon="plus-small" + variant="ghost" + iconSize="normal" + class="size-6" + aria-label={language.t("command.provider.connect")} + title={language.t("command.provider.connect")} + onClick={handleConnectProvider} + /> + <IconButton + icon="sliders" + variant="ghost" + iconSize="normal" + class="size-6" + aria-label={language.t("dialog.model.manage")} + title={language.t("dialog.model.manage")} + onClick={handleManage} + /> + </div> } /> </Kobalte.Content> |