Full cleanup pass

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

@@ -1,11 +1,11 @@
 "use client";
 
 import { memo, useCallback, useState } from "react";
+import { useTranslation } from "../../../contexts/MessagesContext";
 import { CardStackView } from "./CardStack.view";
 import type { CardStackProps } from "./CardStack.types";
 
 const DEFAULT_TOGGLE_LABEL = "See all communication approaches";
-const DEFAULT_SHOW_LESS_LABEL = "Show less";
 
 /**
  * Figma: "Utility / CardStack"; canonical code under `cards/`.
@@ -22,7 +22,7 @@ const CardStackContainer = memo<CardStackProps>(
     onToggleExpand: controlledOnToggleExpand,
     hasMore = true,
     toggleLabel = DEFAULT_TOGGLE_LABEL,
-    showLessLabel = DEFAULT_SHOW_LESS_LABEL,
+    showLessLabel,
     title = "",
     description = "",
     layout = "default",
@@ -37,6 +37,7 @@ const CardStackContainer = memo<CardStackProps>(
     addCardAriaLabel = "",
     onAddCard,
   }) => {
+    const t = useTranslation("controlsChrome");
     const [internalExpanded, setInternalExpanded] = useState(false);
     const [internalSelectedIds, setInternalSelectedIds] = useState<string[]>(
       [],
@@ -84,7 +85,7 @@ const CardStackContainer = memo<CardStackProps>(
         onToggleExpand={handleToggleExpand}
         hasMore={hasMore}
         toggleLabel={toggleLabel}
-        showLessLabel={showLessLabel}
+        showLessLabel={showLessLabel ?? t("cardStackShowLess")}
         title={title}
         description={description}
         layout={layout}

app/components/cards/Icon/Icon.container.tsx

@@ -1,5 +1,9 @@
 "use client";
 
+/**
+ * Figma: "Card / Icon" (see registry)
+ */
+
 import { memo, useId } from "react";
 import { IconView } from "./Icon.view";
 import type { IconProps } from "./Icon.types";

app/components/cards/Mini/Mini.container.tsx

@@ -1,6 +1,11 @@
 "use client";
 
+/**
+ * Figma: "Card / Mini" (see registry)
+ */
+
 import { memo, useMemo } from "react";
+import { useTranslation } from "../../../contexts/MessagesContext";
 import MiniView from "./Mini.view";
 import type { MiniProps } from "./Mini.types";
 
@@ -17,14 +22,16 @@ const MiniContainer = memo<MiniProps>(
     href,
     ariaLabel,
   }) => {
+    const t = useTranslation("controlsChrome");
+
     // Compute aria-label
     const computedAriaLabel = useMemo(
       () =>
         ariaLabel ||
         (labelLine1 && labelLine2
           ? `${labelLine1} ${labelLine2}`
-          : label || "Feature card"),
-      [ariaLabel, labelLine1, labelLine2, label],
+          : label || t("miniFeatureFallback")),
+      [ariaLabel, labelLine1, labelLine2, label, t],
     );
 
     // Determine wrapper element and props

app/components/cards/Stat/Stat.container.tsx

@@ -1,5 +1,9 @@
 "use client";
 
+/**
+ * Figma: "Card / Stat" (21598-18215)
+ */
+
 import { memo } from "react";
 import StatView from "./Stat.view";
 import type { StatProps } from "./Stat.types";