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/unit/stripCustomRuleSelectionFields.test.ts

@@ -12,6 +12,7 @@ describe("stripCustomRuleSelectionFields", () => {
       selectedCommunicationMethodIds: ["signal"],
       selectedMembershipMethodIds: ["x"],
       selectedDecisionApproachIds: ["y"],
+      selectedDecisionKeyResourceIds: ["amend"],
       selectedConflictManagementIds: ["z"],
       methodSectionsPinCommitted: { communication: true },
       coreValueDetailsByChipId: { "1": { meaning: "", signals: "" } },
@@ -38,6 +39,7 @@ describe("stripCustomRuleSelectionFields", () => {
     expect(out.selectedCommunicationMethodIds).toBeUndefined();
     expect(out.selectedMembershipMethodIds).toBeUndefined();
     expect(out.selectedDecisionApproachIds).toBeUndefined();
+    expect(out.selectedDecisionKeyResourceIds).toBeUndefined();
     expect(out.selectedConflictManagementIds).toBeUndefined();
     expect(out.methodSectionsPinCommitted).toBeUndefined();
     expect(out.coreValueDetailsByChipId).toBeUndefined();