From a7cd538fc3fd7bf3a471c83b3372aa85c20599d7 Mon Sep 17 00:00:00 2001
From: Molecule AI Frontend Engineer <frontend-engineer@agents.moleculesai.app>
Date: Fri, 17 Apr 2026 06:58:29 +0000
Subject: [PATCH] feat(canvas): add max effort level to ConfigTab dropdown
 (#653)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds a fifth option to the effort <select> in the Claude Settings section:

  <option value="max">max — absolute ceiling</option>

The dropdown now offers: low / medium / high / xhigh / max.

effort is typed as string? so no interface update required.
Test updated: source-assertion count "four" → "five", new toYaml
serialization test for effort: max.

641/641 tests pass. Build clean.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 canvas/src/components/__tests__/ClaudeSettings.test.tsx | 8 +++++++-
 canvas/src/components/tabs/ConfigTab.tsx                | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/canvas/src/components/__tests__/ClaudeSettings.test.tsx b/canvas/src/components/__tests__/ClaudeSettings.test.tsx
index b74ab085..ade36ac5 100644
--- a/canvas/src/components/__tests__/ClaudeSettings.test.tsx
+++ b/canvas/src/components/__tests__/ClaudeSettings.test.tsx
@@ -75,6 +75,11 @@ describe("toYaml — effort field", () => {
     const cfg: ConfigData = { ...DEFAULT_CONFIG, effort: "xhigh" };
     expect(toYaml(cfg)).toContain("effort: xhigh");
   });
+
+  it("serializes effort: max", () => {
+    const cfg: ConfigData = { ...DEFAULT_CONFIG, effort: "max" };
+    expect(toYaml(cfg)).toContain("effort: max");
+  });
 });
 
 describe("toYaml — task_budget field", () => {
@@ -179,7 +184,7 @@ describe("ConfigTab source — Claude Settings section", () => {
     expect(src).toContain('data-testid="task-budget-input"');
   });
 
-  it("ConfigTab.tsx effort dropdown has all four Claude values", async () => {
+  it("ConfigTab.tsx effort dropdown has all five Claude values", async () => {
     const { readFileSync } = await import("fs");
     const { join } = await import("path");
     const src = readFileSync(join(__dirname, "../../components/tabs/ConfigTab.tsx"), "utf8");
@@ -187,6 +192,7 @@ describe("ConfigTab source — Claude Settings section", () => {
     expect(src).toContain('"medium"');
     expect(src).toContain('"high"');
     expect(src).toContain('"xhigh"');
+    expect(src).toContain('"max"');
   });
 
   it("ConfigTab.tsx section is guarded by claude-code runtime check", async () => {
diff --git a/canvas/src/components/tabs/ConfigTab.tsx b/canvas/src/components/tabs/ConfigTab.tsx
index 699ee27a..494cec00 100644
--- a/canvas/src/components/tabs/ConfigTab.tsx
+++ b/canvas/src/components/tabs/ConfigTab.tsx
@@ -288,6 +288,7 @@ export function ConfigTab({ workspaceId }: Props) {
                   <option value="medium">medium</option>
                   <option value="high">high</option>
                   <option value="xhigh">xhigh (extended thinking)</option>
+                  <option value="max">max — absolute ceiling</option>
                 </select>
               </div>
               <div>