feat(settings): reorganize the settings dialog and the model settings

Tabs Models, General, Drawing and About, each with a fixed title row.

The models tab becomes three pages: the user's providers with one status
each and the server's models; a searchable picker of all 24 providers in
four groups; and a provider page in three steps (connection, models,
test). A new provider gets its first suggested model, and a passing test
offers to use the model in the chat. Bedrock asks for one way of signing
in, with an optional session token for temporary access keys.

The composer's model picker lists every model, marking untested and
failed ones, and can open the provider picker. A chat error that offers
model settings opens the provider the request went to.
This commit is contained in:
dayuan.jiang
2026-10-08 17:44:08 +09:00
parent c513d1a0c2
commit 69fb66804d
32 changed files with 4237 additions and 1730 deletions
+10 -4
View File
@@ -32,10 +32,13 @@ test("a rejected key shows a hint, the provider's words and a settings button",
// First match: the Next.js dev overlay at the end also lists the error
await expect(page.getByText("Authentication Fails").first()).toBeVisible()
await page.getByRole("button", { name: "Open model settings" }).click()
// Settings opens on its models tab
// A server model answered: settings opens on the models tab's list
const dialog = page.getByRole("dialog", { name: "Settings" })
await expect(dialog).toBeVisible()
await expect(dialog.getByText("Providers", { exact: true })).toBeVisible()
await expect(
dialog.getByRole("heading", { name: "Models", exact: true }),
).toBeVisible()
await expect(dialog.getByText("Use your own API key")).toBeVisible()
})
test("an error before the stream shows its text, not raw JSON", async ({
@@ -99,8 +102,11 @@ test("a refused server key shows only the quota hint and a settings button", asy
0,
)
await page.getByRole("button", { name: "Open model settings" }).click()
// Settings opens on its models tab
// A server model answered: settings opens on the models tab's list
const dialog = page.getByRole("dialog", { name: "Settings" })
await expect(dialog).toBeVisible()
await expect(dialog.getByText("Providers", { exact: true })).toBeVisible()
await expect(
dialog.getByRole("heading", { name: "Models", exact: true }),
).toBeVisible()
await expect(dialog.getByText("Use your own API key")).toBeVisible()
})