@ihabdevteam/core 0.318.0 → 0.321.0

package/dist/ihabdevteam-core.d.ts

@@ -672,7 +672,16 @@ export declare function buildDropContrastProblem(word: string, comp: Composition
  */
 export declare function buildDropFinalConsonantProblem(word: string, _comp: CompositionFilter | null, pronMap: Map<string, string>, _pv: 'char' | 'pron', _ws: Set<string>, _dropPos?: number | null): TrainingProblem | null;
 
-/** @public 등급(1~4등급) FilterPanelSection — 세 화면 공용. labelAction/allLabel은 호출부가 자신의 i18n으로 구성해 넘긴다. */
+/**
+ * @public 등급 FilterPanelSection — 세 화면 공용. labelAction/allLabel은 호출부가 자신의 i18n으로 구성해 넘긴다.
+ *
+ * **맨 끝에 `없음` 이 선다**((205), 2026-10-12) — 등급이 비어 있는 단어도 고를 수 있어야 한다.
+ * 맨 끝인 까닭은 **1~4 가 센 순서**이고 `없음` 은 그 줄 밖이기 때문이다(앞에 두면 `1등급` 앞에
+ * 숫자 아닌 것이 끼어 읽는 차례가 흔들린다).
+ *
+ * 이 줄의 글자는 `wordAttributeFilterCodes` 의 사전과 **같아야** 한다 — 거기서 코드로 못 읽으면
+ * 필터는 켜져 보이는데 한 단어도 안 걸린다. `test/gradeNoneOption.test.ts` 가 둘을 맞춰 센다.
+ */
 export declare function buildGradeSection(t: TFunction, keys: WordAttributeFilterKeys, opts?: {
     allLabel?: string;
     labelAction?: ReactNode;
@@ -1669,7 +1678,7 @@ export declare function copyText(text: string): Promise<boolean>;
  *
  * 값은 손으로 적고 `test/coreVersion.test.ts` 가 package.json 과 어긋나면 운다.
  */
-export declare const CORE_VERSION = "0.318.0";
+export declare const CORE_VERSION = "0.321.0";
 
 /** @public */
 declare const coreDefault: Record<string, unknown>;
@@ -4040,13 +4049,28 @@ export declare interface NoiseSettingsStore {
  * 설정값은 NoisePlayerContext(useNoisePlayer)로 읽고 쓴다.
  * @public
  */
-export declare function NoiseSettingsTooltip({ anchorRect, onClose }: NoiseSettingsTooltipProps): JSX.Element;
+export declare function NoiseSettingsTooltip({ anchorRect, onClose, hideNoiseRows }: NoiseSettingsTooltipProps): JSX.Element;
 
 /** @public */
 export declare interface NoiseSettingsTooltipProps {
     /** 앵커(소음 설정 버튼) 위치. */
     anchorRect: DOMRect | null;
     onClose: () => void;
+    /**
+     * **소음 두 줄을 안 그린다** — `소음 종류`·`소음 비율`(사장님 지시 (207), 2026-10-12).
+     *
+     * 소음이 아예 없는 훈련(짧은 이야기 듣기 · 긴 이야기 듣기 · 문장 순서화)에서 쓴다.
+     * `전체 소리`·`재생 속도` 는 그대로 선다.
+     *
+     * **흐리게가 아니라 안 그린다.** 흐린 줄은 *"지금은 못 바꾼다"* 를 말하는데, 여기서 할 말은
+     * *"이 훈련에는 소음이 없다"* 다. 흐린 채로 두면 치료사가 **바꿀 수 있는 줄을 찾아 헤맨다**
+     * (사장님이 그 줄을 짚으며 *"왜 이거 수정요청 했는데 계속 나오고 있지?"* 라 하셨다).
+     *
+     * **`noiseOverride` 와 따로 둔다 — 덮개는 *값*, 이 칸은 *보임*.** 묶으면 *"덮개는 걸되 줄은
+     * 보이게"* 를 못 한다 — 소음 하 문장 듣기의 제안 갈래가 그 꼴이다(덮개를 걸고도 치료사가
+     * 창에서 고친다). **한 칸이 두 가지를 뜻하게 하지 않는다.**
+     */
+    hideNoiseRows?: boolean;
 }
 
 /**
@@ -8501,7 +8525,7 @@ export declare interface TrainingBlockProps {
 export declare function TrainingCard({ title, titleLevel, description, topActions, children, footerLeft, footerRight, ariaLabel, onClick, draggable, onDragStart, onDragEnd, className, }: TrainingCardProps): JSX.Element;
 
 /** @public */
-export declare function TrainingCardGroup({ title, titleLevel, count, collapsed, onToggle, sort, actions, empty, emptyContent, dragOver, onDragOver, onDragLeave, onDrop, children, className, }: TrainingCardGroupProps): JSX.Element;
+export declare function TrainingCardGroup({ title, titleLevel, count, collapsed, onToggle, beforeSort, sort, actions, empty, emptyContent, dragOver, onDragOver, onDragLeave, onDrop, children, className, }: TrainingCardGroupProps): JSX.Element;
 
 /** @public */
 declare type TrainingCardGroupProps = {
@@ -8535,6 +8559,25 @@ declare type TrainingCardGroupProps = {
      * "접기, 단추" 로 읽혔다. 소비자 아홉 자리 중 여덟이 그랬다.)
      */
     onToggle?: () => void;
+    /**
+     * **정렬 드롭다운 바로 왼쪽 자리**((209), 사장님 지시 2026-10-12 — 노션 QA *"단어표, 대립쌍표의
+     * 그룹 순서 변경 기능 필요"*). 그룹 **차례를 바꾸는 손잡이**가 설 자리다.
+     *
+     * 사장님이 길 둘을 말씀하셨다 — *"그룹 자체를 드래그 하거나 정렬 왼쪽에 올림 내림 버튼을
+     * 넣어서"*. **둘 다 이 한 자리에 든다**(끄는 손잡이든 ↑↓ 단추든). 그래서 코어는 자리만 열고
+     * **무엇을 세울지는 부르는 쪽이 고른다** — 차례를 알고 간수하는 것이 그쪽이다.
+     *
+     * `actions` 와 **같은 대접**이다: 같은 `__actions` 감싸개 안이라 누름이 **접기 토글로 안
+     * 번진다.** 밖에 두면 ↑ 를 누를 때마다 그 그룹이 접힌다.
+     *
+     * **낭독기 이름은 부르는 쪽이 단다** — `접기`·`정렬` 은 이 조각이 묶음 이름을 달지만(위
+     * `titleLevel` 글), 넘겨받은 마디의 속을 이 조각이 고쳐 쓸 수는 없다. `actions` 와 같은
+     * 규칙이다: **`위로` 가 그룹 수만큼 서면 단추 목록에서 못 가린다** — `위로` 가 아니라
+     * `'sdfa' 그룹 위로` 꼴로 지어 넘긴다.
+     *
+     * 안 주면 자리를 안 만든다(지금과 같다).
+     */
+    beforeSort?: ReactNode;
     /** 헤더 우측, actions 앞에 놓이는 그룹 내 정렬 드롭다운 */
     sort?: TrainingCardGroupSort;
     /** 헤더 우측 액션 영역 (이름변경·추가·삭제 등) — 클릭이 토글로 전파되지 않음 */
@@ -8823,7 +8866,7 @@ export declare interface TrainingItemResult {
 export declare const TrainingPagePopup: TrainingPagePopupComponent;
 
 /** @public */
-export declare function TrainingPagePopupBottom({ useNoiseSettingBtn, onSettings, onNext, onResult, stepIndex, stepCount, pageIndex, pageCount, resultOpen, }: TrainingPagePopupBottomProps): JSX.Element;
+export declare function TrainingPagePopupBottom({ useNoiseSettingBtn, onSettings, onNext, onResult, stepIndex, stepCount, pageIndex, pageCount, resultOpen, hideNoiseRows, }: TrainingPagePopupBottomProps): JSX.Element;
 
 /** @public */
 export declare type TrainingPagePopupBottomProps = {
@@ -8838,6 +8881,21 @@ export declare type TrainingPagePopupBottomProps = {
     pageIndex?: number;
     /** 쪽 수. 0(쪽이 없음)이어도 '결과보기'(완료) 단추는 보이고, '다음 문제'(쪽 이동)만 숨는다. 기본 1. */
     pageCount?: number;
+    /**
+     * **소음 두 줄을 안 그린다** — `소음 종류`·`소음 비율`(사장님 지시 (207), 2026-10-12).
+     *
+     * 소음이 아예 없는 훈련(짧은 이야기 듣기 · 긴 이야기 듣기 · 문장 순서화)에서 쓴다.
+     * `전체 소리`·`재생 속도` 는 그대로 선다.
+     *
+     * **흐리게가 아니라 안 그린다.** 흐린 줄은 *"지금은 못 바꾼다"* 를 말하는데, 여기서 할 말은
+     * *"이 훈련에는 소음이 없다"* 다. 흐린 채로 두면 치료사가 **바꿀 수 있는 줄을 찾아 헤맨다**
+     * (사장님이 그 줄을 짚으며 *"왜 이거 수정요청 했는데 계속 나오고 있지?"* 라 하셨다).
+     *
+     * **`noiseOverride` 와 따로 둔다 — 덮개는 *값*, 이 칸은 *보임*.** 묶으면 *"덮개는 걸되 줄은
+     * 보이게"* 를 못 한다 — 소음 하 문장 듣기의 제안 갈래가 그 꼴이다(덮개를 걸고도 치료사가
+     * 창에서 고친다). **한 칸이 두 가지를 뜻하게 하지 않는다.**
+     */
+    hideNoiseRows?: boolean;
 };
 
 /** @public */
@@ -8922,6 +8980,21 @@ export declare type TrainingPagePopupProps = {
      * 판에 실제로 걸린 값은 `NoiseSettingsStore.applied` 로 받는다.
      */
     noiseOverride?: Partial<CoreNoiseSettings> | ((saved: CoreNoiseSettings) => Partial<CoreNoiseSettings>);
+    /**
+     * **소음 두 줄을 안 그린다** — `소음 종류`·`소음 비율`(사장님 지시 (207), 2026-10-12).
+     *
+     * 소음이 아예 없는 훈련(짧은 이야기 듣기 · 긴 이야기 듣기 · 문장 순서화)에서 쓴다.
+     * `전체 소리`·`재생 속도` 는 그대로 선다.
+     *
+     * **흐리게가 아니라 안 그린다.** 흐린 줄은 *"지금은 못 바꾼다"* 를 말하는데, 여기서 할 말은
+     * *"이 훈련에는 소음이 없다"* 다. 흐린 채로 두면 치료사가 **바꿀 수 있는 줄을 찾아 헤맨다**
+     * (사장님이 그 줄을 짚으며 *"왜 이거 수정요청 했는데 계속 나오고 있지?"* 라 하셨다).
+     *
+     * **`noiseOverride` 와 따로 둔다 — 덮개는 *값*, 이 칸은 *보임*.** 묶으면 *"덮개는 걸되 줄은
+     * 보이게"* 를 못 한다 — 소음 하 문장 듣기의 제안 갈래가 그 꼴이다(덮개를 걸고도 치료사가
+     * 창에서 고친다). **한 칸이 두 가지를 뜻하게 하지 않는다.**
+     */
+    hideNoiseRows?: boolean;
     /** 훈련 결과 팝업 렌더러 — 없으면 기본 결과 팝업(TrainingResultPopup)을 띄운다 */
     renderResultPopup?: (props: {
         score?: number | null;
@@ -9205,7 +9278,9 @@ export declare type TrainingStepConfirmProps = {
      * 그 판이 통째로 사라졌다(말귀 실측: 「3대 영양소」 보기 여섯·정답 넷, 셋을 골라도 아무
      * 일도 안 남). **기억을 묻는 문제에서 덜 기억한 답도 그 사람의 답이다.**
      *
-     * 이제 여럿 고르기는 **`확인` 단추**로 낸다. 이 값은 채점 쪽이 쓰라고 그대로 받아 둔다.
+     * 내는 자리는 **`결과보기`** 다 — (102) 때 세운 `확인` 단추는 (206) 으로 걷혔다. 고르는
+     * 그 자리에서 매번 보고하되 **개수로는 넘어가지 않으므로** 위 두 까닭이 그대로 선다.
+     * 이 값은 채점 쪽이 쓰라고 그대로 받아 둔다 — **이 조각은 이 수로 아무 가름도 하지 않는다.**
      */
     correctCount?: number;
     useDisabledCovered?: boolean;
@@ -10321,12 +10396,6 @@ export declare function useWordTrainingDataGeneration(types: WordTrainingType[],
     generating: boolean;
 };
 
-/**
- * 단어 훈련 그룹별 필터 상태.
- * @param groupKey  그룹 식별자 (localStorage 키 및 상태 격리에 사용)
- * @param caps      그룹이 노출할 설정 (난이도/단어구성). 제외 필터는 항상 노출.
- * @public
- */
 export declare function useWordTrainingFilter(groupKey: string, caps: WordTrainingFilterCaps, opts?: {
     resetOnMount?: boolean;
     resetKey?: string;
@@ -11541,6 +11610,14 @@ export declare function wordTypeLabels(t: 번역): Record<string, string>;
  */
 export declare function wrongItems(items: readonly TrainingItemResult[]): TrainingItemResult[];
 
+/**
+ * 등급 고르개의 설명 줄들 — 지금 언어로. 사전에 배열이 없으면 한국어 원문.
+ *
+ * **공개 API 가 아니다**(대응표에 `internal`) — 코어 안에서만 쓰고, 내보내는 것은 못이 읽기 때문이다.
+ * 앱은 제 열쇠(`wordSearch.filter.gradeInfo`)와 제 받는 함수를 따로 갖는다.
+ */
+export declare function 등급설명(t: TFunction): string[];
+
 /** `t` 하나만 받는 작은 꼴 — `TFunction` 을 들여오지 않아 이 모듈이 i18n 에 안 매인다 */
 declare type 번역 = (k: string, o: {
     defaultValue: string;

package/dist/packages/core/src/components/Training/NoiseSettingsTooltip.css

@@ -62,3 +62,22 @@
 .noise-settings__value--disabled {
     opacity: 0.4;
 }
+
+/* (208) 폭만 빌리는 그림자 줄 — NoiseSettingsTooltip.tsx 의 `noise-settings__width-ghost` 주석을 볼 것.
+   가로 폭은 참 줄과 똑같이 내고(그래서 좌우 패딩은 그대로), 높이만 0 으로 접는다.
+   `visibility: hidden` 이라 선도 그림자도 안 그린다. 줄 사이 구분선은 `.panel-row + .panel-row` 인데
+   이 감싸개는 `.panel-row` 가 아니라 그 규칙에 안 걸린다 — 그래도 안쪽 줄의 선·여백·최소높이를 0 으로 둔다. */
+.noise-settings__width-ghost {
+  visibility: hidden;
+  height: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+.noise-settings__width-ghost .panel-row {
+  padding-top: 0;
+  padding-bottom: 0;
+  margin: 0;
+  border: 0;
+  min-height: 0;
+}
+

package/dist/packages/core/src/components/Training/NoiseSettingsTooltip.d.ts

@@ -4,10 +4,25 @@ export interface NoiseSettingsTooltipProps {
     /** 앵커(소음 설정 버튼) 위치. */
     anchorRect: DOMRect | null;
     onClose: () => void;
+    /**
+     * **소음 두 줄을 안 그린다** — `소음 종류`·`소음 비율`(사장님 지시 (207), 2026-10-12).
+     *
+     * 소음이 아예 없는 훈련(짧은 이야기 듣기 · 긴 이야기 듣기 · 문장 순서화)에서 쓴다.
+     * `전체 소리`·`재생 속도` 는 그대로 선다.
+     *
+     * **흐리게가 아니라 안 그린다.** 흐린 줄은 *"지금은 못 바꾼다"* 를 말하는데, 여기서 할 말은
+     * *"이 훈련에는 소음이 없다"* 다. 흐린 채로 두면 치료사가 **바꿀 수 있는 줄을 찾아 헤맨다**
+     * (사장님이 그 줄을 짚으며 *"왜 이거 수정요청 했는데 계속 나오고 있지?"* 라 하셨다).
+     *
+     * **`noiseOverride` 와 따로 둔다 — 덮개는 *값*, 이 칸은 *보임*.** 묶으면 *"덮개는 걸되 줄은
+     * 보이게"* 를 못 한다 — 소음 하 문장 듣기의 제안 갈래가 그 꼴이다(덮개를 걸고도 치료사가
+     * 창에서 고친다). **한 칸이 두 가지를 뜻하게 하지 않는다.**
+     */
+    hideNoiseRows?: boolean;
 }
 /**
  * 소음 설정 툴팁 — 각 항목을 행으로 세로 배치, 슬라이더는 가로 방향.
  * 설정값은 NoisePlayerContext(useNoisePlayer)로 읽고 쓴다.
  * @public
  */
-export default function NoiseSettingsTooltip({ anchorRect, onClose }: NoiseSettingsTooltipProps): import("react").JSX.Element;
+export default function NoiseSettingsTooltip({ anchorRect, onClose, hideNoiseRows }: NoiseSettingsTooltipProps): import("react").JSX.Element;

package/dist/packages/core/src/components/Training/NoiseSettingsTooltip.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import Tooltip from '../Tooltip/Tooltip';
@@ -29,7 +29,7 @@ function SliderPanelRow({ title, valueLabel, value, min, max, step, tickStep, si
  * 설정값은 NoisePlayerContext(useNoisePlayer)로 읽고 쓴다.
  * @public
  */
-export default function NoiseSettingsTooltip({ anchorRect, onClose }) {
+export default function NoiseSettingsTooltip({ anchorRect, onClose, hideNoiseRows = false }) {
     const { t } = useTranslation();
     // 모바일에서는 터치 영역 확보를 위해 슬라이더를 더 크게(40) 표시
     const isMobile = useMediaQuery('(max-width: 767px)');
@@ -75,8 +75,10 @@ export default function NoiseSettingsTooltip({ anchorRect, onClose }) {
         }
         catch (e) { }
     }, [noisePlayer]);
-    return (_jsx(Tooltip, { anchorRect: anchorRect, offset: 12, onClose: onClose, ariaLabel: t('training.trainingSettingsTitle', '훈련 설정'), isMobilePopup: false, closeOnOutsideClick: false, header: _jsxs("div", { className: "noise-settings__header", children: [_jsx("span", { children: t('training.trainingSettingsTitle', '훈련 설정') }), _jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "x", variant: "transparent-gray", useBorder: false, ariaLabel: t('common.close', '닫기'), onClick: onClose })] }), children: _jsxs(Panel, { className: "noise-settings", useBorder: false, labelWidth: 72, children: [_jsx(SliderPanelRow, { title: t('training.playVolumeTitle', '전체 소리'), valueLabel: `${volPct}%`, value: volPct, min: 0, max: 100, step: 10, size: sliderSize, onChange: handlePlayVolumeChange }), _jsx(SliderPanelRow, { title: t('training.playSpeedTitle', '재생 속도'), valueLabel: `${playbackRate.toFixed(2)}x`, value: playbackRate, min: PLAY_SPEED_MIN, max: PLAY_SPEED_MAX, step: PLAY_SPEED_STEP, size: sliderSize, onChange: handlePlaySpeedChange }), _jsx(PanelRow, { variant: "custom", label: t('training.noiseTypeTitle', '소음 종류'), useFullWidth: true, children: _jsx(SegmentedControl, { ariaLabel: t('training.noiseTypeTitle', '소음 종류'), size: 40, shape: "rounded", options: [
-                            { key: NONE_KEY, label: t('training.noise.type.none', '없음') },
-                            ...getNoiseTypeOptions(t).map(opt => ({ key: opt.value, label: opt.label })),
-                        ], value: noiseEnabled ? noiseType : NONE_KEY, onChange: handleTypeChange }) }), _jsx(SliderPanelRow, { title: t('training.noiseRatioTitle', '소음 비율'), valueLabel: t('training.noiseRatioValue', '{{ratio}}배', { ratio: ratio.toFixed(1) }), value: ratio, min: 0, max: NOISE_RATIO_MAX, step: NOISE_RATIO_STEP, size: sliderSize, disabled: !noiseEnabled, onChange: handleRatioChange })] }) }));
+    /* 소음 종류 보기 — **한 곳**이다. 아래 참 줄과 폭 그림자 줄이 같은 배열을 쓴다 */
+    const 종류옵션 = [
+        { key: NONE_KEY, label: t('training.noise.type.none', '없음') },
+        ...getNoiseTypeOptions(t).map(opt => ({ key: opt.value, label: opt.label })),
+    ];
+    return (_jsx(Tooltip, { anchorRect: anchorRect, offset: 12, onClose: onClose, ariaLabel: t('training.trainingSettingsTitle', '훈련 설정'), isMobilePopup: false, closeOnOutsideClick: false, header: _jsxs("div", { className: "noise-settings__header", children: [_jsx("span", { children: t('training.trainingSettingsTitle', '훈련 설정') }), _jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "x", variant: "transparent-gray", useBorder: false, ariaLabel: t('common.close', '닫기'), onClick: onClose })] }), children: _jsxs(Panel, { className: "noise-settings", useBorder: false, labelWidth: 72, children: [_jsx(SliderPanelRow, { title: t('training.playVolumeTitle', '전체 소리'), valueLabel: `${volPct}%`, value: volPct, min: 0, max: 100, step: 10, size: sliderSize, onChange: handlePlayVolumeChange }), _jsx(SliderPanelRow, { title: t('training.playSpeedTitle', '재생 속도'), valueLabel: `${playbackRate.toFixed(2)}x`, value: playbackRate, min: PLAY_SPEED_MIN, max: PLAY_SPEED_MAX, step: PLAY_SPEED_STEP, size: sliderSize, onChange: handlePlaySpeedChange }), !hideNoiseRows && (_jsxs(_Fragment, { children: [_jsx(PanelRow, { variant: "custom", label: t('training.noiseTypeTitle', '소음 종류'), useFullWidth: true, children: _jsx(SegmentedControl, { ariaLabel: t('training.noiseTypeTitle', '소음 종류'), size: 40, shape: "rounded", options: 종류옵션, value: noiseEnabled ? noiseType : NONE_KEY, onChange: handleTypeChange }) }), _jsx(SliderPanelRow, { title: t('training.noiseRatioTitle', '소음 비율'), valueLabel: t('training.noiseRatioValue', '{{ratio}}배', { ratio: ratio.toFixed(1) }), value: ratio, min: 0, max: NOISE_RATIO_MAX, step: NOISE_RATIO_STEP, size: sliderSize, disabled: !noiseEnabled, onChange: handleRatioChange })] })), hideNoiseRows && (_jsx("div", { className: "noise-settings__width-ghost", "aria-hidden": "true", inert: true, children: _jsx(PanelRow, { variant: "custom", label: '\u00a0', useFullWidth: true, children: _jsx(SegmentedControl, { ariaLabel: "width-ghost", size: 40, shape: "rounded", options: 종류옵션, value: NONE_KEY, onChange: () => { } }) }) }))] }) }));
 }

package/dist/packages/core/src/components/Training/TrainingCardGroup.d.ts

@@ -43,6 +43,25 @@ export type TrainingCardGroupProps = {
      * "접기, 단추" 로 읽혔다. 소비자 아홉 자리 중 여덟이 그랬다.)
      */
     onToggle?: () => void;
+    /**
+     * **정렬 드롭다운 바로 왼쪽 자리**((209), 사장님 지시 2026-10-12 — 노션 QA *"단어표, 대립쌍표의
+     * 그룹 순서 변경 기능 필요"*). 그룹 **차례를 바꾸는 손잡이**가 설 자리다.
+     *
+     * 사장님이 길 둘을 말씀하셨다 — *"그룹 자체를 드래그 하거나 정렬 왼쪽에 올림 내림 버튼을
+     * 넣어서"*. **둘 다 이 한 자리에 든다**(끄는 손잡이든 ↑↓ 단추든). 그래서 코어는 자리만 열고
+     * **무엇을 세울지는 부르는 쪽이 고른다** — 차례를 알고 간수하는 것이 그쪽이다.
+     *
+     * `actions` 와 **같은 대접**이다: 같은 `__actions` 감싸개 안이라 누름이 **접기 토글로 안
+     * 번진다.** 밖에 두면 ↑ 를 누를 때마다 그 그룹이 접힌다.
+     *
+     * **낭독기 이름은 부르는 쪽이 단다** — `접기`·`정렬` 은 이 조각이 묶음 이름을 달지만(위
+     * `titleLevel` 글), 넘겨받은 마디의 속을 이 조각이 고쳐 쓸 수는 없다. `actions` 와 같은
+     * 규칙이다: **`위로` 가 그룹 수만큼 서면 단추 목록에서 못 가린다** — `위로` 가 아니라
+     * `'sdfa' 그룹 위로` 꼴로 지어 넘긴다.
+     *
+     * 안 주면 자리를 안 만든다(지금과 같다).
+     */
+    beforeSort?: ReactNode;
     /** 헤더 우측, actions 앞에 놓이는 그룹 내 정렬 드롭다운 */
     sort?: TrainingCardGroupSort;
     /** 헤더 우측 액션 영역 (이름변경·추가·삭제 등) — 클릭이 토글로 전파되지 않음 */
@@ -60,4 +79,4 @@ export type TrainingCardGroupProps = {
     className?: string;
 };
 /** @public */
-export default function TrainingCardGroup({ title, titleLevel, count, collapsed, onToggle, sort, actions, empty, emptyContent, dragOver, onDragOver, onDragLeave, onDrop, children, className, }: TrainingCardGroupProps): import("react").JSX.Element;
+export default function TrainingCardGroup({ title, titleLevel, count, collapsed, onToggle, beforeSort, sort, actions, empty, emptyContent, dragOver, onDragOver, onDragLeave, onDrop, children, className, }: TrainingCardGroupProps): import("react").JSX.Element;

package/dist/packages/core/src/components/Training/TrainingCardGroup.js

@@ -7,7 +7,7 @@ import Button from '../Button';
 import Dropdown from '../Dropdown';
 import { useId } from 'react';
 /** @public */
-export default function TrainingCardGroup({ title, titleLevel = 3, count, collapsed = false, onToggle, sort, actions, empty = false, emptyContent, dragOver = false, onDragOver, onDragLeave, onDrop, children, className, }) {
+export default function TrainingCardGroup({ title, titleLevel = 3, count, collapsed = false, onToggle, beforeSort, sort, actions, empty = false, emptyContent, dragOver = false, onDragOver, onDragLeave, onDrop, children, className, }) {
     const { t } = useTranslation();
     const 제목id = useId();
     const 제목태그 = titleLevel ? `h${titleLevel}` : 'span';
@@ -27,7 +27,7 @@ export default function TrainingCardGroup({ title, titleLevel = 3, count, collap
                             ? (collapsed ? t('common.expandFor', { name: title }) : t('common.collapseFor', { name: title }))
                             : (collapsed ? t('common.expand', '펼치기') : t('common.collapse', '접기')), className: "training-card-group__chevron", "aria-expanded": !collapsed, onClick: onToggle })), typeof title === 'string'
                         ? _jsx(제목태그, { id: 제목id, className: "training-card-group__title h5b", children: title })
-                        : title, count !== undefined && _jsx("span", { className: "training-card-group__count body-3b", children: count }), (sort || actions != null) && (_jsxs("span", { className: "training-card-group__actions", onClick: e => e.stopPropagation(), children: [sort && (_jsx(Dropdown, { size: 40, options: sort.options, value: sort.value, placeholder: sort.placeholder, onChange: sort.onChange, 
+                        : title, count !== undefined && _jsx("span", { className: "training-card-group__count body-3b", children: count }), (beforeSort != null || sort || actions != null) && (_jsxs("span", { className: "training-card-group__actions", onClick: e => e.stopPropagation(), children: [beforeSort, sort && (_jsx(Dropdown, { size: 40, options: sort.options, value: sort.value, placeholder: sort.placeholder, onChange: sort.onChange, 
                                 /* 접기와 같은 까닭으로 묶음 이름을 단다 — 그룹마다 `정렬` 이 하나씩 선다 */
                                 ariaLabel: typeof title === 'string' && title ? t('common.sortFor', { name: title }) : undefined })), actions] }))] }), !collapsed && (empty
                 ? _jsx("div", { className: "training-card-group__empty body-3", children: emptyContent })

package/dist/packages/core/src/components/Training/TrainingPagePopup.d.ts

@@ -116,6 +116,21 @@ export type TrainingPagePopupProps = {
      * 판에 실제로 걸린 값은 `NoiseSettingsStore.applied` 로 받는다.
      */
     noiseOverride?: Partial<CoreNoiseSettings> | ((saved: CoreNoiseSettings) => Partial<CoreNoiseSettings>);
+    /**
+     * **소음 두 줄을 안 그린다** — `소음 종류`·`소음 비율`(사장님 지시 (207), 2026-10-12).
+     *
+     * 소음이 아예 없는 훈련(짧은 이야기 듣기 · 긴 이야기 듣기 · 문장 순서화)에서 쓴다.
+     * `전체 소리`·`재생 속도` 는 그대로 선다.
+     *
+     * **흐리게가 아니라 안 그린다.** 흐린 줄은 *"지금은 못 바꾼다"* 를 말하는데, 여기서 할 말은
+     * *"이 훈련에는 소음이 없다"* 다. 흐린 채로 두면 치료사가 **바꿀 수 있는 줄을 찾아 헤맨다**
+     * (사장님이 그 줄을 짚으며 *"왜 이거 수정요청 했는데 계속 나오고 있지?"* 라 하셨다).
+     *
+     * **`noiseOverride` 와 따로 둔다 — 덮개는 *값*, 이 칸은 *보임*.** 묶으면 *"덮개는 걸되 줄은
+     * 보이게"* 를 못 한다 — 소음 하 문장 듣기의 제안 갈래가 그 꼴이다(덮개를 걸고도 치료사가
+     * 창에서 고친다). **한 칸이 두 가지를 뜻하게 하지 않는다.**
+     */
+    hideNoiseRows?: boolean;
     /** 훈련 결과 팝업 렌더러 — 없으면 기본 결과 팝업(TrainingResultPopup)을 띄운다 */
     renderResultPopup?: (props: {
         score?: number | null;

package/dist/packages/core/src/components/Training/TrainingPagePopup.js

@@ -71,7 +71,7 @@ function 판결과셈(resultOverlay) {
 const defaultRenderResult = (p) => _jsx(TrainingResultPopup, { score: p.score, contextsLength: p.contextsLength, results: p.results, onReplay: p.onReplay, onClose: p.onClose, pending: p.pending });
 import { getScenarioPageId, getScenarioStepKey, createScenarioFlowState, resolveScenarioStepProps, } from './trainingScenario';
 function TrainingPagePopupInner(props) {
-    const { scenario, title, subTitle, depth, icon, wrapperStyle, iconTooltip, pageIndex, pageCount, stepIndex, stepCount, onBack, onComplete, onRoundFinished, onNext, onSettings, useNoiseSetting = true, children, ariaLabel, label, buildResults, onResult: externalOnResultProp, typeKey, entryPoint, dailyTotal, itemRef, renderResultPopup, noiseOverride, } = props;
+    const { scenario, title, subTitle, depth, icon, wrapperStyle, iconTooltip, pageIndex, pageCount, stepIndex, stepCount, onBack, onComplete, onRoundFinished, onNext, onSettings, useNoiseSetting = true, children, ariaLabel, label, buildResults, onResult: externalOnResultProp, typeKey, entryPoint, dailyTotal, itemRef, renderResultPopup, noiseOverride, hideNoiseRows = false, } = props;
     // 시간 기록 — 문장 4종은 각 래퍼(useTrainingSessionLog)에서 기록하므로 제외, 그 외(단어 등) 공통 기록
     useTrainingSessionLog(typeKey && !SENTENCE_TIME_LOGGED_TYPES.has(typeKey) ? typeKey : '');
     // 팝업 진입 시각 — 완료 정본의 소요 시간 계산 (마운트 시 1회만 effect에서 초기화)
@@ -1020,7 +1020,7 @@ function TrainingPagePopupInner(props) {
        둘을 한 요소에 모은다. */
     _jsxs("div", { className: `page-popup${closing ? ' page-popup--closing' : ''}`, role: "dialog", "aria-modal": "true", "aria-label": resolvedTitle, children: [_jsxs("div", { ref: panelRef, className: `page-popup__panel ${!measured ? 'page-popup__panel--measuring' : ''} ${mode === 'center' ? 'page-popup__panel--center' : mode === 'top' ? 'page-popup__panel--top' : ''}`, children: [_jsx(TrainingPagePopupTitle, { title: titleForHeader, subtitle: hasScenario ? (scenarioMeta.subtitle || scenarioMeta.label) : (Array.isArray(depth) ? depth.join(' / ') : undefined), desc: !hasScenario ? subTitle : undefined, depth: (hasScenario ? scenarioMeta.depth : depth), icon: hasScenario ? scenarioMeta.icon : icon, wrapperStyle: hasScenario ? scenarioMeta.wrapperStyle : wrapperStyle, iconTooltip: hasScenario ? scenarioMeta.iconTooltip : iconTooltip, progressMax: effectivePageCount, progressIndex: effectivePageIndex, pageIndex: effectivePageIndex, pageCount: effectivePageCount, onBack: handleCloseBack, onClose: handleCloseBack }), _jsx("div", { className: "page-popup__scroll", children: _jsx("div", { className: `page-popup__content ${mode === "center" ? "page-popup__content--center" : "page-popup__content--top"}${props.contentFull ? ' page-popup__content--full' : ''}`, children: isChildrenMode ? childrenContent : (hasScenario ? scenarioContent : (typeof children === 'function' ? children({ registerOnNext, registerOnResult: registerOnResult, panelRef, setResultOverlay }) : children)) }) }), _jsx(TrainingPagePopupBottom, { onSettings: onSettings, onNext: handleNext, onResult: handleViewResults, useNoiseSettingBtn: Boolean(hasScenario ? (scenarioMeta.useNoiseSetting ?? true) : useNoiseSetting), stepIndex: effectiveStepIndex, stepCount: effectiveStepCount, pageIndex: effectivePageIndex, pageCount: effectivePageCount, 
                         /* 결과 창이 뜨면 바닥의 오디오 미터를 끈다 — 결과를 보는 동안 떠 있을 까닭이 없다 */
-                        resultOpen: Boolean(resultOverlay && !resultOverlay.isEmpty) })] }), (resultOverlay && !resultOverlay.isEmpty && (renderResultPopup ?? defaultRenderResult)({
+                        resultOpen: Boolean(resultOverlay && !resultOverlay.isEmpty), hideNoiseRows: hideNoiseRows })] }), (resultOverlay && !resultOverlay.isEmpty && (renderResultPopup ?? defaultRenderResult)({
                 score: resultOverlay.score,
                 results: (resultOverlay.results || resultOverlay.answers || []),
                 contextsLength: resultOverlay.results ? resultOverlay.results.length : (resultOverlay.answers ? resultOverlay.answers.length : 0),

package/dist/packages/core/src/components/Training/TrainingPagePopupBottom.d.ts

@@ -12,6 +12,21 @@ export type TrainingPagePopupBottomProps = {
     pageIndex?: number;
     /** 쪽 수. 0(쪽이 없음)이어도 '결과보기'(완료) 단추는 보이고, '다음 문제'(쪽 이동)만 숨는다. 기본 1. */
     pageCount?: number;
+    /**
+     * **소음 두 줄을 안 그린다** — `소음 종류`·`소음 비율`(사장님 지시 (207), 2026-10-12).
+     *
+     * 소음이 아예 없는 훈련(짧은 이야기 듣기 · 긴 이야기 듣기 · 문장 순서화)에서 쓴다.
+     * `전체 소리`·`재생 속도` 는 그대로 선다.
+     *
+     * **흐리게가 아니라 안 그린다.** 흐린 줄은 *"지금은 못 바꾼다"* 를 말하는데, 여기서 할 말은
+     * *"이 훈련에는 소음이 없다"* 다. 흐린 채로 두면 치료사가 **바꿀 수 있는 줄을 찾아 헤맨다**
+     * (사장님이 그 줄을 짚으며 *"왜 이거 수정요청 했는데 계속 나오고 있지?"* 라 하셨다).
+     *
+     * **`noiseOverride` 와 따로 둔다 — 덮개는 *값*, 이 칸은 *보임*.** 묶으면 *"덮개는 걸되 줄은
+     * 보이게"* 를 못 한다 — 소음 하 문장 듣기의 제안 갈래가 그 꼴이다(덮개를 걸고도 치료사가
+     * 창에서 고친다). **한 칸이 두 가지를 뜻하게 하지 않는다.**
+     */
+    hideNoiseRows?: boolean;
 };
 /** @public */
-export default function TrainingPagePopupBottom({ useNoiseSettingBtn, onSettings, onNext, onResult, stepIndex, stepCount, pageIndex, pageCount, resultOpen, }: TrainingPagePopupBottomProps): import("react").JSX.Element;
+export default function TrainingPagePopupBottom({ useNoiseSettingBtn, onSettings, onNext, onResult, stepIndex, stepCount, pageIndex, pageCount, resultOpen, hideNoiseRows, }: TrainingPagePopupBottomProps): import("react").JSX.Element;

package/dist/packages/core/src/components/Training/TrainingPagePopupBottom.js

@@ -11,7 +11,7 @@ import { useNoisePlayer } from './NoisePlayerContext';
 import { useFloatingFocus } from './useFloatingFocus';
 import "./TrainingPagePopupBottom.css";
 /** @public */
-export default function TrainingPagePopupBottom({ useNoiseSettingBtn = false, onSettings, onNext, onResult, stepIndex = 0, stepCount = 0, pageIndex = 0, pageCount = 1, resultOpen = false, }) {
+export default function TrainingPagePopupBottom({ useNoiseSettingBtn = false, onSettings, onNext, onResult, stepIndex = 0, stepCount = 0, pageIndex = 0, pageCount = 1, resultOpen = false, hideNoiseRows = false, }) {
     const { t } = useTranslation();
     const [open, setOpen] = useState(false);
     const [anchorRect, setAnchorRect] = useState(null);
@@ -95,5 +95,5 @@ export default function TrainingPagePopupBottom({ useNoiseSettingBtn = false, on
     });
     return (_jsxs("div", { className: "pp-bottom", children: [_jsxs("div", { className: "pp-bottom__left", children: [useNoiseSettingBtn ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "pp-bottom__settings--desktop", children: _jsx("div", { ref: desktopRef, className: "pp-bottom__tooltip-trigger", "data-tooltip-ignore": true, children: _jsx(Button, { htmlType: "button", size: 56, type: "bar", icon: 'settings', onClick: handleDesktopClick, 
                                         /* 여닫이 — aria-pressed(selected) 대신 aria-expanded. 보이는 선택 모양은 같은 클래스로 */
-                                        className: open ? 'is-selected' : undefined, "aria-expanded": open, "aria-haspopup": "dialog", ariaLabel: t('training.trainingSettingsTitle', '훈련 설정'), label: t('training.trainingSettingsTitle', '훈련 설정'), minWidth: 140 }) }) }), _jsx("div", { className: "pp-bottom__settings--mobile", children: _jsx("div", { ref: mobileRef, className: "pp-bottom__tooltip-trigger", "data-tooltip-ignore": true, children: _jsx(Button, { htmlType: "button", size: 56, type: "dot", shape: "pill", icon: 'settings', onClick: handleMobileClick, className: open ? 'is-selected' : undefined, "aria-expanded": open, "aria-haspopup": "dialog", ariaLabel: t('training.settings', '설정') }) }) })] })) : null, useNoiseSettingBtn && (_jsx("div", { ref: 미터토글ref, className: "pp-bottom__meter-trigger", "data-tooltip-ignore": true, children: _jsx(Button, { htmlType: "button", size: 40, type: "dot", shape: "pill", icon: "audio-lines", onClick: handleToggleMeters, selected: showMeters, "aria-expanded": 폰 ? showMeters : undefined, ariaLabel: t('training.meter.toggle', '오디오 미터 표시') }) })), useNoiseSettingBtn && showMeters && !폰 && (_jsx("div", { className: "pp-bottom__meters", children: 미터들 }))] }), useNoiseSettingBtn && showMeters && 폰 && 미터자리 && (_jsx(Tooltip, { anchorRect: 미터자리, onClose: 미터닫기, ariaLabel: t('training.meter.toggle', '오디오 미터 표시'), children: _jsx("div", { className: "pp-bottom__meters pp-bottom__meters--floating", children: 미터들 }) })), _jsxs("div", { className: "pp-bottom__right", children: [useResultBtn && (_jsx(Button, { htmlType: "button", size: 56, type: "bar", icon: "check", onClick: typeof onResult === "function" ? onResult : onNext, ariaLabel: t('training.viewResult', '결과보기'), label: t('training.viewResult', '결과보기'), variant: "main", disabled: !isBtnActive })), useNextBtn && (_jsx(Button, { htmlType: "button", size: 56, type: "bar", rightIcon: "chevron-right", align: "right", onClick: onNext, ariaLabel: t('training.nextQuestion', '다음 문제'), label: t('training.nextQuestion', '다음 문제'), variant: "main", disabled: !isBtnActive }))] }), useNoiseSettingBtn && open && (_jsx(NoiseSettingsTooltip, { anchorRect: anchorRect, onClose: handleCloseTooltip }))] }));
+                                        className: open ? 'is-selected' : undefined, "aria-expanded": open, "aria-haspopup": "dialog", ariaLabel: t('training.trainingSettingsTitle', '훈련 설정'), label: t('training.trainingSettingsTitle', '훈련 설정'), minWidth: 140 }) }) }), _jsx("div", { className: "pp-bottom__settings--mobile", children: _jsx("div", { ref: mobileRef, className: "pp-bottom__tooltip-trigger", "data-tooltip-ignore": true, children: _jsx(Button, { htmlType: "button", size: 56, type: "dot", shape: "pill", icon: 'settings', onClick: handleMobileClick, className: open ? 'is-selected' : undefined, "aria-expanded": open, "aria-haspopup": "dialog", ariaLabel: t('training.settings', '설정') }) }) })] })) : null, useNoiseSettingBtn && (_jsx("div", { ref: 미터토글ref, className: "pp-bottom__meter-trigger", "data-tooltip-ignore": true, children: _jsx(Button, { htmlType: "button", size: 40, type: "dot", shape: "pill", icon: "audio-lines", onClick: handleToggleMeters, selected: showMeters, "aria-expanded": 폰 ? showMeters : undefined, ariaLabel: t('training.meter.toggle', '오디오 미터 표시') }) })), useNoiseSettingBtn && showMeters && !폰 && (_jsx("div", { className: "pp-bottom__meters", children: 미터들 }))] }), useNoiseSettingBtn && showMeters && 폰 && 미터자리 && (_jsx(Tooltip, { anchorRect: 미터자리, onClose: 미터닫기, ariaLabel: t('training.meter.toggle', '오디오 미터 표시'), children: _jsx("div", { className: "pp-bottom__meters pp-bottom__meters--floating", children: 미터들 }) })), _jsxs("div", { className: "pp-bottom__right", children: [useResultBtn && (_jsx(Button, { htmlType: "button", size: 56, type: "bar", icon: "check", onClick: typeof onResult === "function" ? onResult : onNext, ariaLabel: t('training.viewResult', '결과보기'), label: t('training.viewResult', '결과보기'), variant: "main", disabled: !isBtnActive })), useNextBtn && (_jsx(Button, { htmlType: "button", size: 56, type: "bar", rightIcon: "chevron-right", align: "right", onClick: onNext, ariaLabel: t('training.nextQuestion', '다음 문제'), label: t('training.nextQuestion', '다음 문제'), variant: "main", disabled: !isBtnActive }))] }), useNoiseSettingBtn && open && (_jsx(NoiseSettingsTooltip, { anchorRect: anchorRect, onClose: handleCloseTooltip, hideNoiseRows: hideNoiseRows }))] }));
 }

package/dist/packages/core/src/components/Training/TrainingStepCardOrder.js

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useMemo, useState, useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import TrainingStep from './TrainingStep';
+import { canAnswerStep } from './stepAnswerable';
 import TrainingWordCard from './TrainingWordCard';
 import './TrainingStep.css';
 import './TrainingStepCard.css';
@@ -43,7 +44,19 @@ export default function TrainingStepCardOrder({ index, stepIndex, isLast = false
     /* 다음 배열은 updater **밖에서** 셈하고 알린다 — updater 안에서 onChange·onDone 을 부르면 StrictMode 에서 한 번
        클릭에 두 번씩 나갔다. 풀 때도 알린다(전에는 풀면 부모가 옛 순서를 그대로 들고 있었다). */
     const handleSelect = useCallback((i) => {
-        if (currentState !== 'active')
+        /**
+         * **끝낸 뒤에도 풀고 다시 고를 수 있다**(말귀 요청 (201), 실측 2026-10-12).
+         *
+         * 이 갈래는 **마지막 한 장이 단계를 넘긴다**(아래 `arr.every(v => v !== null)`). 그래서 옛
+         * 막이(`!== 'active'`)로는 **세 번째를 잘못 누르는 순간 그 판이 끝**이었다 — 앞의 둘은 다시
+         * 눌러 풀리는데 **마지막만 못 푸는**, 손에 제일 안 맞는 꼴이다(말귀 실측: 3번을 다시 눌러도
+         * `--selected` 와 번호 `3` 이 그대로).
+         *
+         * **아래 `onDone` 조건은 그대로 둔다**(새로 채워 다 찼을 때만). 그래서 **미완성 답이 점수로
+         * 남지 않는다** — 풀면 화면만 비고(점수는 옛 차례 그대로), 고쳐 다시 채우는 순간 `onDone` 이
+         * **고친 차례**로 나간다. 고치는 동안 화면이 점수보다 앞서 있는 것은 `active` 때와 같은 상태다.
+         */
+        if (!canAnswerStep(currentState))
             return;
         const prev = selectedOrder;
         let arr;

package/dist/packages/core/src/components/Training/TrainingStepConfirm.d.ts

@@ -24,7 +24,9 @@ export type TrainingStepConfirmProps = {
      * 그 판이 통째로 사라졌다(말귀 실측: 「3대 영양소」 보기 여섯·정답 넷, 셋을 골라도 아무
      * 일도 안 남). **기억을 묻는 문제에서 덜 기억한 답도 그 사람의 답이다.**
      *
-     * 이제 여럿 고르기는 **`확인` 단추**로 낸다. 이 값은 채점 쪽이 쓰라고 그대로 받아 둔다.
+     * 내는 자리는 **`결과보기`** 다 — (102) 때 세운 `확인` 단추는 (206) 으로 걷혔다. 고르는
+     * 그 자리에서 매번 보고하되 **개수로는 넘어가지 않으므로** 위 두 까닭이 그대로 선다.
+     * 이 값은 채점 쪽이 쓰라고 그대로 받아 둔다 — **이 조각은 이 수로 아무 가름도 하지 않는다.**
      */
     correctCount?: number;
     useDisabledCovered?: boolean;

package/dist/packages/core/src/components/Training/TrainingStepConfirm.js

@@ -1,10 +1,11 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from 'react-i18next';
 import Button from '../Button';
 import "./TrainingStep.css";
 import TrainingStep from "./TrainingStep";
+import { canAnswerStep } from './stepAnswerable';
 import { shuffle as shuffleArray } from '../../utils/array';
 /** @public */
 export default function TrainingStepConfirm({ index, stepIndex, isLast = false, lockedHint, title, useTitleFaded, onDone, onChange, answer, wrongAnswers, choices: propChoices, multiSelect = false, correctCount = 0, useDisabledCovered = false, choiceIcons, shuffleChoices = true }) {
@@ -49,18 +50,23 @@ export default function TrainingStepConfirm({ index, stepIndex, isLast = false,
         prevStepIndexRef.current = stepIndex;
     }, [stepIndex, index]);
     const handleSelect = useCallback((i) => {
-        /* 끝낸 단계(done)에서는 고를 수 없다 — 단추는 `!== 'disabled'` 로 열려 있었는데
-           기록(onDone)은 `=== 'active'` 일 때만 나가서, **화면 선택은 바뀌는데 점수는
-           그대로**였다. 되돌아본 사람이 옮겨 놓은 선택을 보며 옛 점수를 읽게 된다.
-           같은 자리를 TrainingStepCardOrder 는 이미 이렇게 막고 있다(그 꼴을 맞춘다). */
-        if (currentState !== 'active')
+        /**
+         * **두 갈래가 이제 한 규칙을 쓴다 — 내기 전까지는 고칠 수 있다**(사장님 지시 (206), 2026-10-12).
+         *
+         * 옛 막이(`!== 'active'`)의 까닭은 참이었다 — 단추는 `!== 'disabled'` 로 열려 있는데 기록은
+         * `=== 'active'` 일 때만 나가서 **화면 선택은 바뀌는데 점수는 그대로**였다. 고르는 쪽을
+         * 열면서 **기록도 함께** 열어 그 구멍을 메운다(아래 두 갈래 다 `onDone` 을 부른다).
+         *
+         * 한때 여럿 고르기만 갈라 막아 두었다 — `확인` 이 *"이제 냅니다"* 를 뜻하니 낸 뒤에는
+         * 잠겨야 한다고 보았다. **그 단추가 (206) 으로 걷혔다.** 내는 자리가 `결과보기` 하나가
+         * 되었으니 **그 전까지는 둘 다 고칠 수 있다.** 갈래를 가를 까닭이 없어졌다.
+         */
+        if (!canAnswerStep(currentState))
             return;
         const valRaw = choices?.[i];
         if (valRaw == null)
             return;
         const val = valRaw;
-        /* 여기 오면 늘 active 다 — canNotify 는 아래 흐름을 그대로 두기 위해 남긴다. */
-        const canNotify = currentState === 'active' || currentState === 'done';
         if (multiSelect) {
             /* 다음 선택 집합을 **updater 밖에서** 만든다. 예전에는 updater 안에서 만들면서
                거기서 onChange/onDone 까지 불렀는데, updater 는 순수해야 하고 React 가 렌더
@@ -77,41 +83,47 @@ export default function TrainingStepConfirm({ index, stepIndex, isLast = false,
             if (typeof onChange === 'function') {
                 onChange({ selectedValues: [...next], __ts: Date.now() });
             }
-            /* **고르는 것으로는 안 낸다 — 내는 것은 `확인` 단추다**(말귀 요청 (102), 2026-10-09).
+            /* **고른 그 자리에서 보고한다 — 내는 것은 `결과보기` 다**((206), 2026-10-12).
       
-               전에는 고른 수가 `correctCount` 에 닿는 순간 저절로 나갔다. 두 가지가 잘못이다:
+               (102) 로 세운 두 까닭은 **그대로 산다.** 그때 고친 것은 *"고른 수가 `correctCount` 에
+               닿는 순간 저절로 나가는 것"* 이었다:
                **①** 몇 개인지 맞히는 것이 과제의 일부가 된다(원래 묻던 것이 아니다).
                **②** 덜 기억한 사람은 **낼 길이 아예 없다** — 셋을 골라 두고 아무 일도 안 나면
                창을 닫는 수밖에 없고, 그러면 그 판이 통째로 사라진다.
       
-               개수를 화면에 적어 푸는 길도 있지만 **기억 과제에서 "넷을 고르세요" 는 답의 일부를
-               알려 주는 것**이다. 고른 수를 가두지도 않는다(다섯째를 막으면 "넷뿐" 이 새어 나간다).
-               사람이 *"다 골랐다"* 고 말하게 두는 쪽이 맞다. */
+               **둘 다 지금도 안 깨진다.** 여기서 매번 보고해도 **개수로 넘어가지 않으므로** ① 이
+               서고, 셋만 고른 사람의 셋이 그대로 기록되므로 ② 가 선다. 바뀐 것은 **내는 자리**
+               뿐이다 — `확인` 에서 `결과보기` 로. (102) 가 틀렸던 것이 아니다.
+      
+               개수를 화면에 적지 않는 것도 그대로다(기억 과제에서 그것은 답의 일부다). 고른 수를
+               가두지도 않는다(다섯째를 막으면 "넷뿐" 이 새어 나간다).
+      
+               **빈 집합도 보고한다 — `next.size > 0` 으로 막으면 안 된다.** 처음 그렇게 적었다가
+               제 못에 걸렸다: `물` 을 골랐다 되눌러 빼면 화면은 비는데 기록은 `['물']` 로 남았다.
+               **옛 결함과 똑같은 꼴**이다(화면은 바뀌는데 점수는 그대로).
+      
+               *"기억이 안 난다"* 와 *"안 풀었다"* 는 **부름 횟수**가 가른다 — 한 번도 안 누르면
+               `onDone` 이 **아예 안 나가고**(이 길은 클릭 손잡이 안이다), 골랐다 뺀 사람은 **빈
+               집합으로** 나간다. (102) 때는 `확인` 의 `disabled` 가 그 구실을 했는데, 단추가 없는
+               지금은 **부른 적이 있는가**가 그 구실을 한다. 값으로 가르지 않고 **자취로 가른다.** */
+            if (typeof onDone === 'function') {
+                onDone({ selectedValues: [...next], __ts: Date.now() });
+            }
         }
         else {
             setSelectedAnswer(val);
             if (typeof onChange === 'function') {
                 onChange({ selectedIndex: i, selectedValue: val, __ts: Date.now() });
             }
-            if (canNotify && typeof onDone === 'function') {
-                if (currentState === 'active') {
-                    onDone({ selectedIndex: i, selectedValue: val, __ts: Date.now() });
-                }
+            /* **고친 답도 보낸다** — 옛 막이의 까닭을 메우는 자리다(러너가 차례를 `Math.max` 로
+               올리므로 이미 지난 단계가 다시 알려도 앞으로 안 뛴다). 전에는 이 안에 `canNotify` 가
+               `active || done` 으로 적혀 있었는데 위 막이 때문에 **닿을 수 없는 문**이었다 —
+               문을 열어 둔 사람의 뜻이 이제 산다. */
+            if (typeof onDone === 'function') {
+                onDone({ selectedIndex: i, selectedValue: val, __ts: Date.now() });
             }
         }
     }, [choices, currentState, multiSelect, onChange, selectedSet]);
-    /** **여럿 고르기를 내는 단추** — 하나라도 골랐으면 열린다(말귀 요청 (102)) */
-    const handleMultiSubmit = useCallback(() => {
-        if (currentState !== 'active')
-            return;
-        /* **겹옷이다** — 단추가 이미 `disabled` 라 빈 채로는 눌리지 않는다(깨 봐도 못이 안 운다).
-           그래도 둔다: 부르는 쪽이 이 손잡이를 다른 데서 쓰면 그때는 이것만 남는다. */
-        if (selectedSet.size === 0)
-            return;
-        if (typeof onDone === 'function') {
-            onDone({ selectedValues: [...selectedSet], __ts: Date.now() });
-        }
-    }, [currentState, selectedSet, onDone]);
     /* 여기 있던 effect 는 selectedSet 이 바뀔 때마다 onChange/onDone 을 **한 번 더**
        불렀다. 클릭 핸들러가 이미 같은 일을 하고 있어 한 번 고를 때마다 두 번 보고됐다.
        게다가 콜백이 그 effect 의 의존성에 있어서, 부르는 쪽이 인라인 화살표를 주고
@@ -123,5 +135,5 @@ export default function TrainingStepConfirm({ index, stepIndex, isLast = false,
        때문이다 — 나머지 둘(choices 바뀜·페이지 전환)은 빈 Set 으로 되돌리는 자리라
        저 effect 의 `size === 0` 가드에 걸려 어차피 아무것도 안 했다. */
     const btnsClassName = `training-step__buttons${Array.isArray(choices) && choices.length > 3 ? ' training-step__buttons--wrap-3' : ''}`;
-    return (_jsxs(TrainingStep, { index: index, stepIndex: stepIndex, isLast: isLast, lockedHint: lockedHint, title: resolvedTitle, useTitleFaded: useTitleFaded, children: [_jsx("div", { className: btnsClassName, children: Array.isArray(choices) && choices.length > 0 ? (choices.map((c, i) => (_jsx(Button, { htmlType: "button", size: 56, type: "bar", onClick: () => handleSelect(i), ariaLabel: String(c), label: c, useLabel: true, icon: choiceIcons ? choiceIcons[String(c)] : undefined, variant: 'default', disabled: currentState === 'disabled', selected: multiSelect ? selectedSet.has(c) : selectedAnswer === c, useDisabledCovered: useDisabledCovered, minWidth: 0 }, String(c))))) : null }), multiSelect && (_jsx("div", { className: "training-step__buttons", children: _jsx(Button, { htmlType: "button", size: 56, type: "bar", variant: "main", onClick: handleMultiSubmit, disabled: currentState !== 'active' || selectedSet.size === 0, ariaLabel: t('common.confirm', '확인'), label: t('common.confirm', '확인'), useLabel: true, minWidth: 0 }) }))] }));
+    return (_jsx(TrainingStep, { index: index, stepIndex: stepIndex, isLast: isLast, lockedHint: lockedHint, title: resolvedTitle, useTitleFaded: useTitleFaded, children: _jsx("div", { className: btnsClassName, children: Array.isArray(choices) && choices.length > 0 ? (choices.map((c, i) => (_jsx(Button, { htmlType: "button", size: 56, type: "bar", onClick: () => handleSelect(i), ariaLabel: String(c), label: c, useLabel: true, icon: choiceIcons ? choiceIcons[String(c)] : undefined, variant: 'default', disabled: currentState === 'disabled', selected: multiSelect ? selectedSet.has(c) : selectedAnswer === c, useDisabledCovered: useDisabledCovered, minWidth: 0 }, String(c))))) : null }) }));
 }