Show seven cards on the four method decks and open each as a routing overlay of its parts, so groups write from empty fields with Generate draft, search the full deck, and see unselected scope chips with enough contrast.

app/components/cards/CardStack/CardStack.container.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { memo, useCallback, useState } from "react";
+import { memo, useCallback, useEffect, useState } from "react";
 import { useTranslation } from "../../../contexts/MessagesContext";
 import { CardStackView } from "./CardStack.view";
 import type { CardStackProps } from "./CardStack.types";
@@ -29,7 +29,7 @@ const CardStackContainer = memo<CardStackProps>(
     title = "",
     description = "",
     layout = "default",
-    compactRecommendedLimit = 5,
+    compactRecommendedLimit = 7,
     compactCardIds,
     compactDesktopLayout: compactDesktopLayoutProp = "grid",
     headerLockupSize,
@@ -39,16 +39,25 @@ const CardStackContainer = memo<CardStackProps>(
     addCardLabel = "",
     addCardAriaLabel = "",
     onAddCard,
+    deckLine = "",
+    searchPlaceholder = "",
+    alternativePrefix = "",
+    onAlternativeSelect,
   }) => {
     const t = useTranslation("controlsChrome");
     const [internalExpanded, setInternalExpanded] = useState(false);
     const [internalSelectedIds, setInternalSelectedIds] = useState<string[]>(
       [],
     );
+    const [searchQuery, setSearchQuery] = useState("");
 
     const expanded =
       controlledExpanded !== undefined ? controlledExpanded : internalExpanded;
 
+    useEffect(() => {
+      if (!expanded) setSearchQuery("");
+    }, [expanded]);
+
     const handleToggleExpand = useCallback(() => {
       if (controlledOnToggleExpand) {
         controlledOnToggleExpand();
@@ -102,6 +111,12 @@ const CardStackContainer = memo<CardStackProps>(
         addCardLabel={addCardLabel}
         addCardAriaLabel={addCardAriaLabel}
         onAddCard={onAddCard}
+        deckLine={deckLine}
+        searchPlaceholder={searchPlaceholder}
+        searchQuery={searchQuery}
+        onSearchQueryChange={setSearchQuery}
+        alternativePrefix={alternativePrefix}
+        onAlternativeSelect={onAlternativeSelect}
       />
     );
   },