Let decision-approaches wrap at narrow widths and sync key-resource scopes.

The info-box checkboxes overflowed in a squeezed column; wrapping them and offering those scopes as chips on every approach keeps the sidebar and Applicable Scope selection in sync without publishing unchecked keys as defaults.

Co-authored-by: Cursor <cursoragent@cursor.com>

tests/components/InfoMessageBox.test.tsx

@@ -34,4 +34,11 @@ describe("InfoMessageBox", () => {
     await u.click(checkbox);
     expect(onCheckboxChange).toHaveBeenCalled();
   });
+
+  it("keeps the checkbox column shrinkable so labels wrap", () => {
+    render(<InfoMessageBox title="Important" items={items} />);
+    const region = screen.getByRole("region", { name: "Important" });
+    expect(region).toHaveClass("min-w-0");
+    expect(region).toHaveClass("w-full");
+  });
 });