feat(thinking-selector): add keyboard popup menu

ui/src/components/components.test.tsx

@@ -178,7 +178,7 @@ describe("multi-session navigation", () => {
 		await user.click(screen.getByText("Tool result · read"));
 		expect(details).toHaveAttribute("open");
 	});
-	it("uses omitted-reasoning state model metadata when catalog lacks current model", () => {
+	it("uses omitted-reasoning state model metadata when catalog lacks current model", async () => {
 		const runtime = runtimeView(summary("thinking"));
 		runtime.state = {
 			model: {
@@ -199,12 +199,12 @@ describe("multi-session navigation", () => {
 				onCommand={vi.fn()}
 			/>,
 		);
+		const user = userEvent.setup();
+		await user.click(screen.getByRole("button", { name: "Thinking Medium" }));
 		expect(
-			Array.from(
-				screen
-					.getByRole("combobox", { name: "Thinking" })
-					.querySelectorAll("option"),
-			).map((option) => option.value),
+			screen
+				.getAllByRole("option")
+				.map((option) => option.getAttribute("value")),
 		).toEqual(["off", "minimal", "low", "medium", "xhigh"]);
 	});
 	it("packs session status between model controls and the composer", () => {