@ihabdevteam/core 0.314.0 → 0.318.0

package/dist/ihabdevteam-core.d.ts

@@ -1669,7 +1669,7 @@ export declare function copyText(text: string): Promise<boolean>;
  *
  * 값은 손으로 적고 `test/coreVersion.test.ts` 가 package.json 과 어긋나면 운다.
  */
-export declare const CORE_VERSION = "0.314.0";
+export declare const CORE_VERSION = "0.318.0";
 
 /** @public */
 declare const coreDefault: Record<string, unknown>;
@@ -5036,8 +5036,18 @@ export declare interface PopupListProps<T extends {
      * 누르는 순간 닫힌다. 고른 뒤 닫으려면 `onSelect` 안에서 직접 닫는다.
      */
     keepOpenOnSelect?: boolean;
-    /** 행 선택 콜백 */
-    onSelect: (item: T) => void;
+    /**
+     * 행 선택 콜백 — **안 주면 줄을 누를 수 없는 표가 된다**(말귀 요청 (120), 2026-10-12).
+     *
+     * 이 값이 그대로 `Table` 의 `onRowClick` 이 되고, `Table` 은 **그것이 있다는 것만 보고** 줄을
+     * 꾸민다(손가락 커서 · `tabindex="0"` · *"줄을 누르면 자세히 봅니다"*). 그래서 **누를 것이 없는
+     * 표도 빈 함수를 넘겨야** 했고, 그 꾸밈이 그대로 섰다 — 눈으로 보는 사람에게는 손가락 커서가,
+     * 자판으로 쓰는 사람에게는 **줄마다 멈춤**이(스무 줄이면 스무 번), 낭독기에는 아무 일도 안 하는
+     * 설명이 읽혔다(말귀 실측: 눌러도 아무 일도 안 난다).
+     *
+     * 안 주면 `Table` 의 `onRowClick` 도 비어 **그 꾸밈이 저절로 사라진다.**
+     */
+    onSelect?: (item: T) => void;
     /** 닫기 콜백 */
     onClose: () => void;
     /** 페이지당 항목 수 옵션. 미지정 시 기본 [10, 25, 50, 100] */
@@ -5247,6 +5257,14 @@ export declare interface PopupProps {
 
 export declare const POS_LABEL: Record<string, string>;
 
+/**
+ * **품사 약호 → 지금 언어의 이름**(`{ '명': 'Noun', … }`). `expandSlashLabel` 에 그대로 넘긴다.
+ *
+ * 사전에 없는 약호는 한국어 전체 표기(`POS_LABEL`)로 둔다 — 자료에 새 약호가 와도 빈칸이 안 된다.
+ * @public
+ */
+export declare function posLabels(t: 번역): Record<string, string>;
+
 /**
  * **늦게 받는 화면 청크를 한가할 때 미리 받아 둔다.**
  *
@@ -10486,6 +10504,24 @@ export declare function withStepTimes(payload: unknown, shownAt?: string, answer
 /** text 뒤에 와/과를 붙여 반환한다. */
 export declare function withWaGwa(text: string): string;
 
+/**
+ * 약호 → i18n 열쇠 조각 표(품사·어종).
+ *
+ * **차례가 뜻을 갖는다**(2026-10-10, 말귀_2 가 쓰기 시작한 뒤 적음). 처음에는 *사전 덮임을 세는*
+ * 데 쓰라고 내보냈는데(약호마다 말이 있나), 말귀가 **제안 폼 고르개의 차례**를 여기서 가져갔다 —
+ * *"말과 무관한 것은 말에서 안 꺼낸다"* 는 가름이고 맞다. 그래서 이 표는 이제 **두 가지를 뜻한다**:
+ * *어떤 약호가 있나* 와 *어떤 차례로 보이나.*
+ *
+ * **차례는 한국어 사전 차례다**(명 · 동 · 형 · 부 · 수 · 관 · 감 · 조 · 접 · 의 · 대 · 보동 · 보형).
+ * 약호를 **더하는 것은 뒤에 붙이면** 쓰는 쪽이 안 흔들리지만, **차례를 바꾸는 것은 쓰는 쪽 화면을
+ * 바꾼다** — 판 올릴 때 알려야 한다. *한 칸이 두 가지를 뜻하는 것은 어긋나는 날까지 안 보인다.*
+ * @public
+ */
+export declare const WORD_LABEL_I18N_KEYS: {
+    readonly pos: Record<string, string>;
+    readonly wordType: Record<string, string>;
+};
+
 /**
  * 한 계정이 통틀어 올릴 수 있는 새 제안 수. 서버가 강제하고, 화면은 남은 횟수 표시에 쓴다.
  *
@@ -11492,6 +11528,12 @@ export declare interface WordTrainingType {
 /** @public 카테고리 키 */
 export declare type WordTrainingTypeKey = 'SAME_SOUND_PICK' | 'SAME_OR_DIFF' | 'HEAR_AND_PICK_SAME' | 'HEAR_AND_PICK_INCLUDED' | 'STARTS_WITH_SAME_SOUND' | 'LISTEN_AND_REMEMBER_ORDER' | 'MERGE_2_SYLLABLES' | 'MERGE_3_SYLLABLES' | 'MERGE_2_PHONEMES' | 'MERGE_3_PHONEMES' | 'DROP_1_FROM_2SYLL' | 'DROP_1_FROM_3SYLL' | 'DROP_PART_FROM_COMPOUND' | 'DROP_FINAL_CONSONANT_FROM_1SYLL' | 'REMOVE_CONSONANT_AND_IDENTIFY_PHONEME' | 'CHANGE_1_SYLL_IN_2SYLL' | 'CHANGE_1_SYLL_IN_3SYLL' | 'CHANGE_1_PHONEME_IN_1SYLL' | 'CHANGE_1_PHONEME_IN_2SYLL';
 
+/**
+ * **어종 약호 → 지금 언어의 이름**(`{ '한자': 'Sino-Korean', … }`). 쓰는 법은 `posLabels` 와 같다.
+ * @public
+ */
+export declare function wordTypeLabels(t: 번역): Record<string, string>;
+
 /**
  * @public 틀린 문항만 — 음소별 오류를 세는 쪽이 먼저 볼 것이다.
  *
@@ -11499,6 +11541,11 @@ export declare type WordTrainingTypeKey = 'SAME_SOUND_PICK' | 'SAME_OR_DIFF' | '
  */
 export declare function wrongItems(items: readonly TrainingItemResult[]): TrainingItemResult[];
 
+/** `t` 하나만 받는 작은 꼴 — `TFunction` 을 들여오지 않아 이 모듈이 i18n 에 안 매인다 */
+declare type 번역 = (k: string, o: {
+    defaultValue: string;
+}) => string;
+
 declare type 비율설정 = Pick<CoreNoiseSettings, 'level' | 'mainVolume'> & {
     noiseRatio?: number;
 };

package/dist/packages/core/src/components/BarChart.js

@@ -430,9 +430,24 @@ export default function BarChart({ focusableBars, size = 'medium', barWidth, tit
     const isLarge = size === 'large';
     const sectionClassName = [isSmall ? 'manager-section--compact' : isLarge ? 'manager-section--full' : undefined, className]
         .filter(Boolean).join(' ') || undefined;
+    /**
+     * **상세보기 단추 이름에 그 카드 이름을 담는다**(말귀 요청 (119), 2026-10-12).
+     *
+     * 한 쪽에 이 차트가 여섯 장 서고 그중 셋이 이 단추를 단다. 이름이 늘 `상세보기` 한 가지라
+     * 낭독기로는 **"Details · Details · Details"** 뿐이어서 어느 카드의 것인지 가릴 길이 없었다
+     * (말귀 실측: 앱이 제 손으로 붙이는 고르개는 `Homework Progress view` 처럼 카드 이름을 담는데
+     * **코어가 세우는 셋만** 똑같았다).
+     *
+     * 이름은 바깥에서 더 받지 않는다 — **이미 `titleKey` 를 받고 있다.** 제목이 없을 때만 예전
+     * 글자로 떨어뜨려 쓰던 자리가 안 깨지게 한다.
+     */
+    const 카드이름 = titleKey ? t(titleKey) : '';
+    const 상세이름 = 카드이름
+        ? t('trainingStatus.detailFor', { name: 카드이름, defaultValue: '{{name}} 상세보기' })
+        : t('trainingStatus.detail', '상세보기');
     return (_jsx(ChartSection, { className: sectionClassName, inGrid: inGrid, icon: icon, disc: disc, onClick: onClick, ariaLabel: cardAriaLabel, tooltip: cardTooltip, headSegment: headSegment, 
         /* 좁아 고르개가 '⋯' 로 접히면 상세보기도 그 메뉴로 들어간다 — 머리에 단추 둘이 남지 않게 */
-        headMenuItems: onDetail ? [{ label: t('trainingStatus.detail', '상세보기'), icon: 'list', onClick: onDetail, closeOnSelect: true }] : undefined, title: t(titleKey), titleLevel: titleLevel, titleClassName: isSmall ? 'h5 chart-section-title--small' : undefined, headRight: isSmall ? (headExtra ?? undefined) : ({ collapsed }) => _jsxs(_Fragment, { children: [!hideControls && _jsx(BarChartControls, { control: control }), headExtra, onDetail && !collapsed && (_jsx("span", { className: "manager-bar-chart-detail-btn", children: _jsx(Button, { htmlType: "button", size: detailSize, type: "dot", icon: "list", ariaLabel: t('trainingStatus.detail', '상세보기'), showTooltipInfo: t('trainingStatus.detail', '상세보기'), onClick: onDetail }) }))] }), subRow: _jsxs(_Fragment, { children: [showTotal ? ((rate || avgMode || (!!totalLabelKey && !!totalFormat)) ? (
+        headMenuItems: onDetail ? [{ label: 상세이름, icon: 'list', onClick: onDetail, closeOnSelect: true }] : undefined, title: t(titleKey), titleLevel: titleLevel, titleClassName: isSmall ? 'h5 chart-section-title--small' : undefined, headRight: isSmall ? (headExtra ?? undefined) : ({ collapsed }) => _jsxs(_Fragment, { children: [!hideControls && _jsx(BarChartControls, { control: control }), headExtra, onDetail && !collapsed && (_jsx("span", { className: "manager-bar-chart-detail-btn", children: _jsx(Button, { htmlType: "button", size: detailSize, type: "dot", icon: "list", ariaLabel: 상세이름, showTooltipInfo: 상세이름, onClick: onDetail }) }))] }), subRow: _jsxs(_Fragment, { children: [showTotal ? ((rate || avgMode || (!!totalLabelKey && !!totalFormat)) ? (
                 // 진행률/평균 모드 또는 totalLabelKey+totalFormat 조합: 라벨(윗줄) + 값(아랫줄). size='small'은 라벨 생략
                 _jsx(ChartTotal, { label: isSmall ? undefined : `${t(control.period === 'week' ? 'manager.chart.weeklyPrefix' : 'manager.chart.monthlyPrefix')} ${t(totalLabelKey ?? labelAKey)}`, children: totalFormat ? (
                     // 숫자는 h0, 단위(시간/분/초 등)는 h5로 분리

package/dist/packages/core/src/components/Footer.js

@@ -15,5 +15,5 @@ export default function Footer({ onTermsClick, onPrivacyClick, contact } = {}) {
                                                         } }, children: t('footer.policy.terms', '이용약관') }) }), _jsx("li", { children: _jsx("a", { className: "footer-link", href: "#", onClick: e => { if (onPrivacyClick) {
                                                             e.preventDefault();
                                                             onPrivacyClick();
-                                                        } }, children: t('footer.policy.privacy', '개인정보 처리방침') }) })] })] })] })] }), _jsx("hr", { className: "site-footer__rule" }), _jsxs("div", { className: "site-footer__bottom", children: [_jsx("div", { className: "site-footer__brand", children: _jsx("img", { src: logoSrc, alt: "IHAB", className: "site-footer__logo" }) }), _jsxs("div", { className: "site-footer__meta", children: [_jsxs("div", { children: [_jsx("span", { className: "footer-title", children: t('footer.ceo', '대표') }), _jsx("span", { className: "footer-meta caption-1", children: t('footer.ceoName', '한지혜') })] }), _jsxs("div", { children: [_jsx("span", { className: "footer-title", children: t('footer.address', '주소') }), _jsx("span", { className: "footer-meta caption-1", children: t('footer.addressValue', '강원도 춘천시 시청길 32 해찬빌딩 3층 302호') })] }), _jsxs("div", { children: [_jsx("span", { className: "footer-title", children: t('footer.support', '고객센터') }), _jsxs("span", { className: "footer-meta caption-1", children: [email, " \u00A0 ", tel] })] })] })] }), _jsx("div", { className: "site-footer__copyright footer-copyright caption-1", children: "\u00A9 IHAB, Inc. All rights reserved." })] }) }));
+                                                        } }, children: t('footer.policy.privacy', '개인정보 처리방침') }) })] })] })] })] }), _jsx("hr", { className: "site-footer__rule" }), _jsxs("div", { className: "site-footer__bottom", children: [_jsx("div", { className: "site-footer__brand", children: _jsx("img", { src: logoSrc, alt: "IHAB", className: "site-footer__logo" }) }), _jsxs("div", { className: "site-footer__meta", children: [_jsxs("div", { children: [_jsx("span", { className: "footer-title", children: t('footer.ceo', '대표') }), ' ', _jsx("span", { className: "footer-meta caption-1", children: t('footer.ceoName', '한지혜') })] }), _jsxs("div", { children: [_jsx("span", { className: "footer-title", children: t('footer.address', '주소') }), ' ', _jsx("span", { className: "footer-meta caption-1", children: t('footer.addressValue', '강원도 춘천시 시청길 32 해찬빌딩 3층 302호') })] }), _jsxs("div", { children: [_jsx("span", { className: "footer-title", children: t('footer.support', '고객센터') }), ' ', _jsxs("span", { className: "footer-meta caption-1", children: [email, " \u00A0 ", tel] })] })] })] }), _jsx("div", { className: "site-footer__copyright footer-copyright caption-1", children: "\u00A9 IHAB, Inc. All rights reserved." })] }) }));
 }

package/dist/packages/core/src/components/HearingDeviceInfo.js

@@ -5,10 +5,10 @@ import Button from './Button';
 import { formatWornDate } from '../utils/wornDate';
 import './HearingDeviceInfo.css';
 export default function HearingDeviceInfo({ devices, onAddDevice, onOpenList, onRemoveDevice }) {
-    const { t } = useTranslation();
+    const { t, i18n } = useTranslation(); /* i18n.language — 착용일이 보는 말을 따른다((118)) */
     return (_jsxs("div", { className: "hearing-device-info", children: [_jsx("div", { className: "hearing-device-info__title body-3", children: t('customers.device.title', '청각재활기기') }), _jsx("div", { className: "hearing-device-info__row", children: ['좌', '우'].map(side => {
                     const d = devices[side];
                     const sideLabel = side === '좌' ? t('device.direction.left', '좌') : t('device.direction.right', '우');
-                    return (_jsxs("div", { className: "hearing-device-info__side", children: [_jsx("span", { className: "hearing-device-info__side-label body-3", children: sideLabel }), d ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "hearing-device-info__device", children: [_jsx("span", { className: "hearing-device-info__device-name body-3", children: d.brand }), _jsxs("span", { className: "hearing-device-info__device-detail", children: [d.device, d.fitType ? ` · ${d.fitType}` : ''] }), d.productName && _jsx("span", { className: "hearing-device-info__device-product", children: d.productName }), formatWornDate(d.wornYear, d.wornMonth, d.wornDay) && _jsx("span", { className: "hearing-device-info__device-date", children: formatWornDate(d.wornYear, d.wornMonth, d.wornDay) })] }), _jsxs("div", { className: "hearing-device-info__actions", children: [_jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "plus", onClick: () => onAddDevice(side), showTooltipInfo: t('device.addNew', '새 기기 추가'), ariaLabel: t('device.addNew', '새 기기 추가') }), _jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "list", onClick: () => onOpenList(side), showTooltipInfo: t('device.selectFromList', '목록에서 선택'), ariaLabel: t('device.selectFromList', '목록에서 선택') }), _jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "x", variant: "danger", onClick: () => onRemoveDevice(side), showTooltipInfo: t('device.removeDevice', '착용 해제'), ariaLabel: t('device.removeDevice', '착용 해제') })] })] })) : (_jsxs("div", { className: "hearing-device-info__actions", children: [_jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "plus", onClick: () => onAddDevice(side), showTooltipInfo: t('device.addNew', '새 기기 추가'), ariaLabel: t('device.addNew', '새 기기 추가') }), _jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "list", onClick: () => onOpenList(side), showTooltipInfo: t('device.selectFromList', '목록에서 선택'), ariaLabel: t('device.selectFromList', '목록에서 선택') })] }))] }, side));
+                    return (_jsxs("div", { className: "hearing-device-info__side", children: [_jsx("span", { className: "hearing-device-info__side-label body-3", children: sideLabel }), d ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "hearing-device-info__device", children: [_jsx("span", { className: "hearing-device-info__device-name body-3", children: d.brand }), _jsxs("span", { className: "hearing-device-info__device-detail", children: [d.device, d.fitType ? ` · ${d.fitType}` : ''] }), d.productName && _jsx("span", { className: "hearing-device-info__device-product", children: d.productName }), formatWornDate(d.wornYear, d.wornMonth, d.wornDay, i18n.language) && _jsx("span", { className: "hearing-device-info__device-date", children: formatWornDate(d.wornYear, d.wornMonth, d.wornDay, i18n.language) })] }), _jsxs("div", { className: "hearing-device-info__actions", children: [_jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "plus", onClick: () => onAddDevice(side), showTooltipInfo: t('device.addNew', '새 기기 추가'), ariaLabel: t('device.addNew', '새 기기 추가') }), _jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "list", onClick: () => onOpenList(side), showTooltipInfo: t('device.selectFromList', '목록에서 선택'), ariaLabel: t('device.selectFromList', '목록에서 선택') }), _jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "x", variant: "danger", onClick: () => onRemoveDevice(side), showTooltipInfo: t('device.removeDevice', '착용 해제'), ariaLabel: t('device.removeDevice', '착용 해제') })] })] })) : (_jsxs("div", { className: "hearing-device-info__actions", children: [_jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "plus", onClick: () => onAddDevice(side), showTooltipInfo: t('device.addNew', '새 기기 추가'), ariaLabel: t('device.addNew', '새 기기 추가') }), _jsx(Button, { htmlType: "button", size: 40, type: "dot", icon: "list", onClick: () => onOpenList(side), showTooltipInfo: t('device.selectFromList', '목록에서 선택'), ariaLabel: t('device.selectFromList', '목록에서 선택') })] }))] }, side));
                 }) })] }));
 }

package/dist/packages/core/src/components/PanelRow.js

@@ -151,7 +151,7 @@ function 메타(d) {
     return [...new Set(조각)].join(' · ');
 }
 export function PanelRowDevice({ devices, onRelease, emptyLabel }) {
-    const { t } = useTranslation();
+    const { t, i18n } = useTranslation(); /* i18n.language — 착용일이 보는 말을 따른다((118)) */
     const SIDES = ['좌', '우'];
     return (_jsx("div", { className: "panel-row panel-row--device", children: SIDES.map(side => {
             const d = devices[side];
@@ -162,6 +162,6 @@ export function PanelRowDevice({ devices, onRelease, emptyLabel }) {
                                (잠시 안 씀·수리 보냄 같은 경우가 실제로 있다). */
                             _jsx(Button, { htmlType: "button", size: 32, type: "dot", icon: "x", 
                                 // 좌·우 두 단추가 같은 이름이라 어느 쪽 기기를 내리는지 안 들렸다 — 이름에만 쪽을 붙인다(툴팁은 그대로)
-                                ariaLabel: `${sideLabel} ${t('customers.device.unwear', '착용 해제')}`, showTooltipInfo: t('customers.device.unwear', '착용 해제'), onClick: () => onRelease(side) }))] }), d ? (_jsxs("div", { className: "panel-row__device-info", children: [_jsxs("span", { className: "panel-row__device-kind", children: [d.device && _jsx(Badge, { size: "small", variant: deviceKindVariant(d.device), fill: "soft", label: 기기종류이름(d.device, t) }), 메타(d) && _jsx("span", { className: "panel-row__device-detail body-3", children: 메타(d) })] }), _jsx("span", { className: "panel-row__device-name body-2b", children: d.productName || d.brand }), formatWornDate(d.wornYear, d.wornMonth, d.wornDay) && (_jsx("span", { className: "panel-row__device-date caption-1", children: t('customers.device.wornSince', { date: formatWornDate(d.wornYear, d.wornMonth, d.wornDay) }) }))] })) : (_jsx("span", { className: "panel-row__device-empty body-3", children: emptyLabel ?? t('customers.device.notRegistered', '미등록') }))] }, side));
+                                ariaLabel: `${sideLabel} ${t('customers.device.unwear', '착용 해제')}`, showTooltipInfo: t('customers.device.unwear', '착용 해제'), onClick: () => onRelease(side) }))] }), d ? (_jsxs("div", { className: "panel-row__device-info", children: [_jsxs("span", { className: "panel-row__device-kind", children: [d.device && _jsx(Badge, { size: "small", variant: deviceKindVariant(d.device), fill: "soft", label: 기기종류이름(d.device, t) }), 메타(d) && _jsx("span", { className: "panel-row__device-detail body-3", children: 메타(d) })] }), _jsx("span", { className: "panel-row__device-name body-2b", children: d.productName || d.brand }), formatWornDate(d.wornYear, d.wornMonth, d.wornDay, i18n.language) && (_jsx("span", { className: "panel-row__device-date caption-1", children: t('customers.device.wornSince', { date: formatWornDate(d.wornYear, d.wornMonth, d.wornDay, i18n.language) }) }))] })) : (_jsx("span", { className: "panel-row__device-empty body-3", children: emptyLabel ?? t('customers.device.notRegistered', '미등록') }))] }, side));
         }) }));
 }

package/dist/packages/core/src/components/Popup/CouponInputPopup.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState, useId } from 'react';
 import { getErrorMessage } from '../../utils/errorMessage';
 import { useTranslation } from 'react-i18next';
 import Popup from './Popup';
@@ -12,6 +12,8 @@ export default function CouponInputPopup({ onApply, onCancel }) {
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(null);
     const inputRef = useRef(null);
+    /* 글귀와 칸을 잇는 id — 한 쪽에 이 창이 둘 설 일은 없지만 id 는 문서에서 하나여야 한다 */
+    const 글귀id = useId();
     // Popup 자체 포커스 로직(패널 내 첫 focusable = 헤더 닫기 버튼)보다 먼저 실행되도록
     // 자식 effect가 부모보다 먼저 도는 순서를 이용해 입력창을 선점 포커스한다.
     useEffect(() => { inputRef.current?.focus(); }, []);
@@ -44,5 +46,5 @@ export default function CouponInputPopup({ onApply, onCancel }) {
     return (_jsx(Popup, { className: "coupon-input-popup", title: t('usage.couponButton', '쿠폰 입력'), size: "small", onClose: onCancel, closeDisabled: loading, buttons: [
             { label: t('common.cancel', '취소'), variant: 'default', disabled: loading, onClick: ({ closeWithAnimation }) => closeWithAnimation() },
             { label: t('coupons.applyButton', '적용'), variant: 'main', disabled: !code.trim() || loading, onClick: ({ closeWithAnimation }) => void handleApply(closeWithAnimation) },
-        ], children: ({ closeWithAnimation }) => (_jsxs(_Fragment, { children: [_jsx("input", { ref: inputRef, className: "coupon-input-popup__input body-2", "aria-label": t('coupons.input.label', '쿠폰 코드'), placeholder: t('coupons.input.placeholder', '쿠폰 코드 입력'), value: code, onChange: handleChange, onKeyDown: e => handleKey(e, closeWithAnimation), disabled: loading, autoComplete: "off", spellCheck: false }), error && _jsx("p", { className: "coupon-input-popup__error caption-1", role: "alert", children: error })] })) }));
+        ], children: ({ closeWithAnimation }) => (_jsxs(_Fragment, { children: [_jsx("input", { ref: inputRef, className: "coupon-input-popup__input body-2", "aria-label": t('coupons.input.label', '쿠폰 코드'), "aria-invalid": error ? true : undefined, "aria-errormessage": error ? 글귀id : undefined, "aria-describedby": error ? 글귀id : undefined, placeholder: t('coupons.input.placeholder', '쿠폰 코드 입력'), value: code, onChange: handleChange, onKeyDown: e => handleKey(e, closeWithAnimation), disabled: loading, autoComplete: "off", spellCheck: false }), error && _jsx("p", { id: 글귀id, className: "coupon-input-popup__error caption-1", role: "alert", children: error })] })) }));
 }

package/dist/packages/core/src/components/Popup/DeviceSideTable.js

@@ -30,7 +30,7 @@ function 정렬값(r, key) {
     return wornDateSortKey(r.wornYear, r.wornMonth, r.wornDay);
 }
 export default function DeviceSideTable({ rows, loading, onSelect, onDelete, onWear, onRelease, onAdd }) {
-    const { t } = useTranslation();
+    const { t, i18n } = useTranslation(); /* i18n.language — 착용일이 보는 말을 따른다((118)) */
     const 방향이름 = (side) => side === '좌' ? t('device.direction.left', '좌') : t('device.direction.right', '우');
     /* 머리행을 누르면 그 칸으로 정렬한다 — 같은 칸을 다시 누르면 방향이 뒤집힌다.
        쪽넘김보다 **앞에서** 정렬한다(훅에 이미 정렬된 줄을 건넨다). */
@@ -88,7 +88,7 @@ export default function DeviceSideTable({ rows, loading, onSelect, onDelete, onW
                     { content: _jsx("span", { children: row.fitType || '-' }) },
                     { content: _jsx("span", { children: row.productName || '-' }) },
                     {
-                        content: _jsx("span", { className: "dlp-date", children: formatWornDate(row.wornYear, row.wornMonth, row.wornDay) || '-' }),
+                        content: _jsx("span", { className: "dlp-date", children: formatWornDate(row.wornYear, row.wornMonth, row.wornDay, i18n.language) || '-' }),
                     },
                     /* 삭제를 넘겨준 화면에서만 이 칸이 선다 — 안 넘기면 칸 자체가 없어,
                        못 하는 일을 내밀지 않는다. 눌림은 줄로 새지 않게 막는다(줄을 누르면

package/dist/packages/core/src/components/Popup/ListPopup.d.ts

@@ -52,8 +52,18 @@ export interface PopupListProps<T extends {
      * 누르는 순간 닫힌다. 고른 뒤 닫으려면 `onSelect` 안에서 직접 닫는다.
      */
     keepOpenOnSelect?: boolean;
-    /** 행 선택 콜백 */
-    onSelect: (item: T) => void;
+    /**
+     * 행 선택 콜백 — **안 주면 줄을 누를 수 없는 표가 된다**(말귀 요청 (120), 2026-10-12).
+     *
+     * 이 값이 그대로 `Table` 의 `onRowClick` 이 되고, `Table` 은 **그것이 있다는 것만 보고** 줄을
+     * 꾸민다(손가락 커서 · `tabindex="0"` · *"줄을 누르면 자세히 봅니다"*). 그래서 **누를 것이 없는
+     * 표도 빈 함수를 넘겨야** 했고, 그 꾸밈이 그대로 섰다 — 눈으로 보는 사람에게는 손가락 커서가,
+     * 자판으로 쓰는 사람에게는 **줄마다 멈춤**이(스무 줄이면 스무 번), 낭독기에는 아무 일도 안 하는
+     * 설명이 읽혔다(말귀 실측: 눌러도 아무 일도 안 난다).
+     *
+     * 안 주면 `Table` 의 `onRowClick` 도 비어 **그 꾸밈이 저절로 사라진다.**
+     */
+    onSelect?: (item: T) => void;
     /** 닫기 콜백 */
     onClose: () => void;
     /** 페이지당 항목 수 옵션. 미지정 시 기본 [10, 25, 50, 100] */

package/dist/packages/core/src/components/Popup/WordDataUpdatePopup.js

@@ -74,5 +74,5 @@ export default function WordDataUpdatePopup({ title, progress, onDone, onRetry,
             ? _jsx(Button, { htmlType: "button", size: 56, variant: "main", onClick: onRetry, children: t('common.retry', '다시 시도') })
             : isError
                 ? _jsx(Button, { htmlType: "button", size: 56, variant: "main", onClick: onClose ?? onDone, children: t('common.close', '닫기') })
-                : _jsx(Button, { htmlType: "button", size: 56, variant: "main", disabled: !isDone, onClick: onDone, children: t('common.done', '완료') }), children: _jsxs("div", { className: "wdup-cards", children: [_jsx(PhaseCard, { icon: _jsx(Database, { size: 22, color: "var(--color-main, #29b6c8)", strokeWidth: 1.8 }), label: t('wordData.phaseWordDownload', '단어 데이터 다운로드'), state: wordState, subText: wordState === 'active' ? t('wordData.downloadingCount', { n: formatCount(wordCount) }) : undefined }), _jsx(PhaseCard, { icon: _jsx(ImageIcon, { size: 22, color: "var(--color-main, #29b6c8)", strokeWidth: 1.8 }), label: t('wordData.phaseImageCheck', '이미지 확인'), state: imgState, pct: imgPct, subText: imgSub }), _jsx(PhaseCard, { icon: _jsx(GitMerge, { size: 22, color: "var(--color-main, #29b6c8)", strokeWidth: 1.8 }), label: t('wordData.phasePairAnalysis', '단어쌍 분석'), state: pairState, pct: pairState === 'active' ? (pairPercent ?? 0) : undefined, subText: undefined })] }) }));
+                : _jsx(Button, { htmlType: "button", size: 56, variant: "main", disabled: !isDone, onClick: onDone, children: t('common.done', '완료') }), children: _jsxs("div", { className: "wdup-cards", children: [_jsx(PhaseCard, { icon: _jsx(Database, { size: 22, color: "var(--color-main, #29b6c8)", strokeWidth: 1.8 }), label: t('wordData.phaseWordDownload', '단어 데이터 다운로드'), state: wordState, subText: wordState === 'active' ? t('wordData.downloadingCount', { n: formatCount(wordCount), count: wordCount }) : undefined }), _jsx(PhaseCard, { icon: _jsx(ImageIcon, { size: 22, color: "var(--color-main, #29b6c8)", strokeWidth: 1.8 }), label: t('wordData.phaseImageCheck', '이미지 확인'), state: imgState, pct: imgPct, subText: imgSub }), _jsx(PhaseCard, { icon: _jsx(GitMerge, { size: 22, color: "var(--color-main, #29b6c8)", strokeWidth: 1.8 }), label: t('wordData.phasePairAnalysis', '단어쌍 분석'), state: pairState, pct: pairState === 'active' ? (pairPercent ?? 0) : undefined, subText: undefined })] }) }));
 }

package/dist/packages/core/src/components/Table.js

@@ -229,9 +229,11 @@ export default function Table({ fields = [], headerGroups, items = [], renderRow
             : null;
         /* **안-모음: 모을 값이 없다**(2026-10-10 조사에서 한 번 모아 봤다가 되돌림). `넘침재기` 는
            `scrollWidth > clientWidth` 하나를 **불리언**으로 넣는데, 같은 값이면 React 가 그 자리에서
-           멈춘다 — 몰려 와도 다시 그리지 않는다. 그리고 바로 위 `requestAnimationFrame(() => 넘침재기())`
-           가 *자리잡은 뒤 한 번 더* 재는 일을 이미 하고, `test/tableScrollRegion.test.tsx` 가 **이 배선을
-           글자로 박아** 두었다(옛 결함을 지키는 못이다). 모으면 그 못이 지키던 모양이 바뀐다. */
+           멈춘다 — resize 가 몰려 와도 **다시 그리지 않는다.** 읽는 것도 그 두 값뿐이다.
+    
+           (처음엔 *"못이 이 배선을 글자로 박아 두었다"* 도 까닭으로 적었는데, 그 못을 **꼴을 재는 쪽으로
+           고쳤으니** 이제 그 까닭은 없다 — 지운다. 남는 까닭은 위의 하나뿐이고, 그것만으로 충분하다.
+           **까닭이 틀린 주석은 다음 사람에게 잘못된 값을 준다.**) */
         window.addEventListener('resize', 넘침재기);
         return () => {
             if (다음틀 != null)

package/dist/packages/core/src/components/Tooltip/tooltipConstants.js

@@ -19,6 +19,10 @@ export function getNoiseLevelOptions(t) {
 /** @public */
 export function getNoiseTypeOptions(t) {
     return [
+        /* **폭죽은 일부러 둔다 — 사장님 결정 2026-10-10.** (116) 에서 훈련 갈래의 `party-popper` 를 걷으며
+           *"여기도 같은 꼴 아닌가"* 로 올렸고(형제 셋은 `car`·`message-square-more`·`coffee` 로 **그 자리를
+           그린다**), 넷(`waves` · `volume-2` · `wind` · 그대로) 중 **그대로**를 고르셨다.
+           **같은 꼴이라고 같은 결정이 아니다** — 고치지 말 것. 바꾸려면 다시 물어야 한다. */
         { label: t('training.noise.type.default', '기본'), value: "defaultNoise", icon: "party-popper" },
         { label: t('training.noise.type.street', '길거리'), value: "street", icon: "car" },
         { label: t('training.noise.type.buzz', '와글와글'), value: "buzz", icon: "message-square-more" },

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

@@ -105,8 +105,11 @@ export default function TrainingBlockButton(props) {
     catch (_) { }
     // 아이콘 호버·팝업 툴팁 — 카테고리가 있으면 카테고리, 없으면 훈련 타입 이름, 그마저 없으면 제목.
     const popupIconTooltip = subName ? `${mainName} / ${subName}` : (mainName || type?.label || itemTitle);
-    const q = (n) => t('training.countQuestions', { n });
-    const s = (n) => t('training.countSentences', { n });
+    /* **`count` 도 함께 넘긴다** — 영어 복수형을 i18next 가 가르는 열쇠는 `count` 다((117), 2026-10-10).
+       `{{n}}` 만 넘기면 화면에 `1 questions` 가 뜬다(말귀 실측: 오늘의 듣기 카드 「국방 — 1 questions」).
+       글에 쓰는 것은 `{{n}}`(자리를 지키는 이름), 가르는 것은 `count` — 두 이름이 한 값을 받는다. */
+    const q = (n) => t('training.countQuestions', { n, count: n });
+    const s = (n) => t('training.countSentences', { n, count: n });
     // 문항수가 정해지지 않으면(계산 불가) 가짜 기본값을 보이지 않도록 빈 값으로 둔다.
     let countLabel = '';
     try {

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

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } 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';
@@ -108,11 +109,12 @@ export default function TrainingStepCard({ index, stepIndex, isLast = false, loc
         }
     }, [playingAll, currentState, shown.length]);
     const handleSelect = useCallback((item, i) => {
-        /* 끝낸 단계(done)에서는 고를 수 없다 — 단추는 `!== 'disabled'` 로 열려 있었는데
-           기록은 `=== 'active'` 일 때만 나가서, **화면 선택은 바뀌는데 점수는 그대로**였다.
-           되돌아본 사람이 옮겨 놓은 선택을 보며 옛 점수를 읽게 된다. 같은 자리를
-           TrainingStepCardOrder 는 이미 이렇게 막고 있다(그 꼴을 맞춘다). */
-        if (currentState !== 'active')
+        /* **한 번 고른 뒤에도 고칠 수 있다**(말귀 요청 (201), QA 버그 2026-10-12).
+           전에는 `!== 'active'` 로 막았는데, 고르는 순간 `onDone` 이 나가 단계가 넘어가므로
+           **자기 첫 고름에 자기가 막혔다** — 보기 셋에서 잘못 눌러도 바꿀 길이 없었다.
+           그 막이의 까닭(화면 선택은 바뀌는데 점수는 그대로)은 **아래에서 `onDone` 을 늘 보내
+           메운다** — 고치면 점수가 따라간다. 닿지 않은 단계만 막는다(`stepAnswerable`). */
+        if (!canAnswerStep(currentState))
             return;
         setSelectedIndex(i);
         const payload = {
@@ -126,7 +128,10 @@ export default function TrainingStepCard({ index, stepIndex, isLast = false, loc
                 onChange(payload);
         }
         catch (e) { }
-        if (currentState === 'active' && typeof onDone === 'function') {
+        /* **고친 답도 보낸다** — 이것이 옛 막이의 까닭(화면만 바뀌고 점수는 그대로)을 메우는
+           자리다. 러너가 차례를 `Math.max(prev.stepIndex, index + 1)` 로 올리므로 이미 지난
+           단계가 다시 알려도 **앞으로 안 뛴다**(재서 확인했다 — `stepAnswerable` 머리말). */
+        if (typeof onDone === 'function') {
             try {
                 onDone(payload);
             }

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

@@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
 import Button from '../Button';
 import "./TrainingStep.css";
 import TrainingStep from "./TrainingStep";
+import { canAnswerStep } from './stepAnswerable';
 import TrainingStepTextBox from "./TrainingStepTextBox";
 /** @public */
 export default function TrainingStepConfirmWithText({ index, stepIndex, isLast = false, lockedHint, title, onDone, onChange, context, demoSelected }) {
@@ -51,27 +52,31 @@ export default function TrainingStepConfirmWithText({ index, stepIndex, isLast =
             : { value: payload, __ts: Date.now() };
         if (typeof onChange === 'function')
             onChange(p);
-        if (currentState === 'active' && typeof onDone === 'function')
+        /* **고친 답도 보낸다**((201) 을 이 자리까지, 말귀 실측 2026-10-12). 부르는 곳은 아래 답 길
+           셋뿐이고(소리 끝남에는 안 걸려 있다) 러너가 차례를 `Math.max` 로 올리므로 앞으로 안 뛴다. */
+        if (canAnswerStep(currentState) && typeof onDone === 'function')
             onDone(p);
     }, [onChange, currentState, onDone]);
     const handleSelectFalse = useCallback(() => {
-        /* 끝낸 단계(done)에서는 고를 수 없다 — 단추는 `!== 'disabled'` 로 열려 있었는데
-           기록은 `=== 'active'` 일 때만 나가서, **화면 선택은 바뀌는데 점수는 그대로**였다.
-           되돌아본 사람이 옮겨 놓은 선택을 보며 옛 점수를 읽게 된다. 같은 자리를
-           TrainingStepCardOrder 는 이미 이렇게 막고 있다(그 꼴을 맞춘다). */
-        if (currentState !== 'active')
+        /* **한 번 고른 뒤에도 고칠 수 있다** — (201) 과 같은 꼴이고 **이 자리는 한 가지가 더 나빴다**
+           (말귀 실측 2026-10-12, 소음 하 문장 듣기): `disabled` 가 `false` 라 **막혀 보이지도 않는다** —
+           누를 수 있게 생긴 단추를 눌렀는데 아무 일도 안 나면 쓰는 사람은 **자기가 잘못 눌렀다고 여기고
+           몇 번 더 누른다.** 그리고 여기는 `확인` 단추가 없어 *둘 중 하나를 누르는 것이 곧 답*이라,
+           여럿 고르기(`TrainingStepConfirm`)의 면제가 안 걸린다. 오늘의 듣기 **첫 칸**이다.
+           옛 막이의 까닭(화면만 바뀌고 점수는 그대로)은 `handleEndedLocal` 이 **고친 답도 보내** 메운다. */
+        if (!canAnswerStep(currentState))
             return;
         setSelectedAnswer(false);
         handleEndedLocal(false);
     }, [handleEndedLocal, currentState]);
     const handleSelectTrue = useCallback(() => {
-        if (currentState !== 'active')
+        if (!canAnswerStep(currentState))
             return;
         setSelectedAnswer(true);
         handleEndedLocal(true);
     }, [handleEndedLocal, currentState]);
     return (_jsxs(TrainingStep, { index: index, stepIndex: stepIndex, isLast: isLast, lockedHint: lockedHint, title: resolvedTitle, onDone: onDone, useTitleFaded: false, children: [_jsx(TrainingStepTextBox, { context: context, state: currentState }), _jsx("div", { className: "training-step__buttons", children: Array.isArray(choices) && choices.length > 0 ? (choices.slice(0, 6).map((c, i) => (_jsx(Button, { htmlType: "button", size: 56, type: "bar", onClick: () => {
-                        if (currentState !== 'active')
+                        if (!canAnswerStep(currentState))
                             return;
                         setSelectedAnswer(i);
                         if (handleEndedLocal)

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

@@ -16,10 +16,28 @@ export function measureAudioDuration(url, opts) {
     return new Promise((resolve, reject) => {
         const ta = document.createElement('audio');
         let done = false;
-        const cleanup = () => { try {
-            ta.src = '';
-        }
-        catch (_) { } };
+        /**
+         * **소스를 비우는 바른 꼴**(말귀 요청 (301), 실측 2026-10-12).
+         *
+         * `src = ''` 는 *"소스 없음"* 이 아니라 **"쪽 주소를 소스로 삼아라"** 다. 그래서 뒷정리가
+         * 끝난 뒤 브라우저가 쪽을 한 번 더 받으러 가고 `error code 4 "Empty src attribute"` 를 낸다 —
+         * **실패가 아니라 뒷정리가 낸 오류**이고, `done` 깃발 덕에 사람에게는 아무 일도 없지만
+         * **문장을 불러올 때마다 한 번씩** 쌓인다. 말귀 실측:
+         *
+         *     17888  loadedmetadata   src=F03023.mp3   ← 길이 재기는 성공
+         *     17888  abort            src=(없음)        ← 뒷정리 직후
+         *     17894  error            code 4 "MEDIA_ELEMENT_ERROR: Empty src attribute"
+         *
+         * **값은 콘솔이 깨끗해지는 것만이 아니다** — 말귀가 밤새 소리를 못 쟀던 까닭 중 하나가 이 줄이다.
+         * 미디어 오류가 이미 쌓여 있으니 *"원래 이런가 보다"* 로 지나갔다. **가짜 오류는 진짜 오류를 가린다.**
+         */
+        const cleanup = () => {
+            try {
+                ta.removeAttribute('src');
+                ta.load();
+            }
+            catch (_) { }
+        };
         const finishOk = () => {
             if (done)
                 return;

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

@@ -0,0 +1,32 @@
+/**
+ * **지금 답을 고칠 수 있나** — 단계 상태 하나로 가른다.
+ *
+ * 이 결정이 여섯 자리에 `currentState !== 'active'` 로 적혀 있었다(`TrainingStepCard` ·
+ * `TrainingStepConfirm`×2 · `TrainingStepConfirmWithText`×3 · `TrainingStepCardOrder` ·
+ * `TrainingStepOrderList`). 그 막이는 **까닭이 있어 들어왔다** — 단추는 `!== 'disabled'` 로 열려
+ * 있는데 기록은 `=== 'active'` 일 때만 나가서, **화면 선택은 바뀌는데 점수는 그대로**였다.
+ *
+ * 그런데 그 막이가 **자기 첫 고름에 자기를 막는다**(말귀 요청 (201), QA 버그 보고 2026-10-12):
+ * 고르면 `onDone` 이 나가고 단계가 넘어가 `currentState` 가 `'done'` 이 된다 — 그 뒤로는
+ * **잘못 눌러도 바꿀 길이 없다.** 보기 셋에서 손이 미끄러지면 그 판은 그대로 끝난다.
+ *
+ * **둘 다 틀렸고 바라는 것은 셋째다 — 선택도 바뀌고 점수도 따라간다.** 그래서 가름을
+ * *"지금 서 있는 단계인가"* 에서 *"아직 닿지 않은 단계인가"* 로 옮긴다:
+ *
+ *     active    고를 수 있다 — 처음 고르는 자리
+ *     done      고칠 수 있다 — 고치면 `onDone` 이 다시 나가 점수가 따라간다
+ *     disabled  막는다 — 아직 닿지 않았거나 되돌아본 판이다
+ *
+ * **두 번째 `onDone` 이 앞으로 안 뛰는 것을 확인했다**(그래서 이 고침이 안전하다):
+ * 러너가 `stepIndex: Math.max(prev.stepIndex, index + 1)` 로 올리므로, 이미 지난 단계가 다시
+ * 알려도 차례는 그대로다(`TrainingPagePopup.tsx`). 재지 않고 고쳤으면 **고친 답이 다음 단계를
+ * 한 칸 더 밀** 수도 있었다.
+ *
+ * **지금 쓰는 곳은 `TrainingStepCard` 하나다** — QA 가 올린 그 자리다. 나머지 넷도 같은 꼴로
+ * 보이지만(고르면 넘어가고 그 뒤 못 고친다) **화면에서 재 보지 않고 넷을 함께 바꾸지 않는다** —
+ * 순서 매기기(`CardOrder`·`OrderList`)는 "고침" 의 뜻이 다를 수 있고, 여럿 고르기(`Confirm`)는
+ * `확인` 단추가 이미 그 틈을 메운다. 셈은 적어 두었으니 그 넷은 **재고 나서** 옮긴다.
+ */
+export type 단계상태 = 'disabled' | 'done' | 'active';
+/** 답을 고를 수 있나 — 닿지 않은 단계(`disabled`)만 막는다. @public */
+export declare function canAnswerStep(state: 단계상태 | undefined): boolean;

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

@@ -0,0 +1,4 @@
+/** 답을 고를 수 있나 — 닿지 않은 단계(`disabled`)만 막는다. @public */
+export function canAnswerStep(state) {
+    return state === 'active' || state === 'done';
+}

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

@@ -168,9 +168,13 @@ export function useNoiseFade({ noisePlayer, audioRef, playbackStateRef, sequence
         noiseAudioRef.current = noiseEl;
         return () => {
             cancelNoiseFade();
+            /* **`src = ''` 가 아니다** — 그것은 "쪽 주소를 소스로 삼아라" 라서 `error code 4` 를 낸다((301)).
+               소음은 훈련마다 서고 걷히니 그 가짜 오류도 그만큼 쌓인다 — 말귀가 소리를 재려는데 콘솔이
+               이미 미디어 오류로 덮여 있던 자리다. */
             try {
                 noiseEl.pause();
-                noiseEl.src = '';
+                noiseEl.removeAttribute('src');
+                noiseEl.load();
             }
             catch (e) { }
             noiseAudioRef.current = null;

package/dist/packages/core/src/components/WordTable.js

@@ -21,7 +21,7 @@ import { isTouchPointer, recentlyTouched, useTouchToggle } from '../hooks/touchT
    ihab 은 **흰 판을 마스크로 쓴다**(사용자 지시 2026-09-30: 글자색을 입힌다) — 그쪽은
    `WordTable.css` 가 제 곁의 파일을 직접 가리키므로 여기서 안 들여온다. */
 import 말귀로고 from '../logo/Logo_speechear_kr.svg';
-import { WORD_TABLE_PAPER, gridFor, CUT_CLASS, POS_LABEL, WORD_TYPE_LABEL, expandSlashLabel, dotDashStyle, REF_W_BOTH, REF_W_TEXT_ONLY, REF_W_IMAGE_ONLY, REF_H_BOTH, REF_H_TEXT_ONLY, REF_H_IMAGE_ONLY, } from './wordTableLayout';
+import { WORD_TABLE_PAPER, gridFor, CUT_CLASS, posLabels, wordTypeLabels, expandSlashLabel, dotDashStyle, REF_W_BOTH, REF_W_TEXT_ONLY, REF_W_IMAGE_ONLY, REF_H_BOTH, REF_H_TEXT_ONLY, REF_H_IMAGE_ONLY, } from './wordTableLayout';
 import { useFitScale } from './useFitScale';
 import { claimSound } from './Training/currentSound';
 import { playOneShot } from './Training/oneShotSound';
@@ -78,9 +78,9 @@ function WordCell({ label, subLabel, colloquialLabel, homonum, showWord = true,
             arr.push(t('wordTable.info.syllables', { n: wordInfo.syllables, defaultValue: '음절 수: {{n}}음절' }));
         // 축약 코드를 전체 표기로 — 복합값('명/관' → '명사/관형사')도 각각 펼친다(단어 관리 표와 동일 규칙).
         if (wordInfo.pos)
-            arr.push(t('wordTable.info.pos', { v: expandSlashLabel(wordInfo.pos, 품사이름(t)), defaultValue: '품사: {{v}}' }));
+            arr.push(t('wordTable.info.pos', { v: expandSlashLabel(wordInfo.pos, posLabels(t)), defaultValue: '품사: {{v}}' }));
         if (wordInfo.wordType)
-            arr.push(t('wordTable.info.wordType', { v: expandSlashLabel(wordInfo.wordType, 어종이름(t)), defaultValue: '유형: {{v}}' }));
+            arr.push(t('wordTable.info.wordType', { v: expandSlashLabel(wordInfo.wordType, wordTypeLabels(t)), defaultValue: '유형: {{v}}' }));
         return arr.length ? arr : null;
     }, [wordInfo, t]);
     const 소리열쇠 = pron || label;
@@ -167,19 +167,6 @@ function WordCell({ label, subLabel, colloquialLabel, homonum, showWord = true,
                            것인지 알 길이 없으므로 낱말을 이름에 넣는다. */
                         ariaLabel: t('wordTable.wordInfo', '{{word}} 낱말 정보', { word: label }), onClick: (e) => { e.stopPropagation(); 정보톡.touchPress(); } }), infoAnchor && infoTooltipItems && (_jsx(DescriptionTooltip, { anchorRect: infoAnchor, items: infoTooltipItems, showIndex: false }))] }))] }));
 }
-// ── WordTable (표 디자인) ──────────────────────────────────────
-/* 품사·어종 약호 → 지금 언어의 이름. 사전에 없으면 원본 한국어 이름표(POS_LABEL·WORD_TYPE_LABEL) */
-const 품사열쇠 = {
-    '명': 'noun', '동': 'verb', '형': 'adjective', '부': 'adverb', '수': 'numeral', '관': 'determiner', '감': 'interjection',
-    '조': 'particle', '접': 'affix', '의': 'dependentNoun', '대': 'pronoun', '보동': 'auxVerb', '보형': 'auxAdjective',
-};
-const 어종열쇠 = { '고유': 'native', '한자': 'sino', '외래': 'foreign', '혼종': 'mixed' };
-function 품사이름(t) {
-    return Object.fromEntries(Object.entries(POS_LABEL).map(([k, v]) => [k, 품사열쇠[k] ? t(`wordTable.pos.${품사열쇠[k]}`, { defaultValue: v }) : v]));
-}
-function 어종이름(t) {
-    return Object.fromEntries(Object.entries(WORD_TYPE_LABEL).map(([k, v]) => [k, 어종열쇠[k] ? t(`wordSearch.filter.type.${어종열쇠[k]}`, { defaultValue: v }) : v]));
-}
 /**
  * 단어표(표 디자인) — A4 종이를 컨테이너에 맞춰 축소(scale)하고,
  * 칸 그리드와 단어 셀을 그린다. 컨트롤(필터·저장·인쇄)은 포함하지 않는다.

package/dist/packages/core/src/components/wordTableLayout.d.ts

@@ -66,6 +66,39 @@ export declare const CUT_CLASS: Record<WordTableCutLine, string>;
 export declare const POS_LABEL: Record<string, string>;
 /** 어종(단어 유형) 약호 → 전체 표기. 데이터의 Class 컬럼은 축약형('고유'/'한자'/'외래'/'혼종')을 쓴다. */
 export declare const WORD_TYPE_LABEL: Record<string, string>;
+/** `t` 하나만 받는 작은 꼴 — `TFunction` 을 들여오지 않아 이 모듈이 i18n 에 안 매인다 */
+type 번역 = (k: string, o: {
+    defaultValue: string;
+}) => string;
+/**
+ * **품사 약호 → 지금 언어의 이름**(`{ '명': 'Noun', … }`). `expandSlashLabel` 에 그대로 넘긴다.
+ *
+ * 사전에 없는 약호는 한국어 전체 표기(`POS_LABEL`)로 둔다 — 자료에 새 약호가 와도 빈칸이 안 된다.
+ * @public
+ */
+export declare function posLabels(t: 번역): Record<string, string>;
+/**
+ * **어종 약호 → 지금 언어의 이름**(`{ '한자': 'Sino-Korean', … }`). 쓰는 법은 `posLabels` 와 같다.
+ * @public
+ */
+export declare function wordTypeLabels(t: 번역): Record<string, string>;
+/**
+ * 약호 → i18n 열쇠 조각 표(품사·어종).
+ *
+ * **차례가 뜻을 갖는다**(2026-10-10, 말귀_2 가 쓰기 시작한 뒤 적음). 처음에는 *사전 덮임을 세는*
+ * 데 쓰라고 내보냈는데(약호마다 말이 있나), 말귀가 **제안 폼 고르개의 차례**를 여기서 가져갔다 —
+ * *"말과 무관한 것은 말에서 안 꺼낸다"* 는 가름이고 맞다. 그래서 이 표는 이제 **두 가지를 뜻한다**:
+ * *어떤 약호가 있나* 와 *어떤 차례로 보이나.*
+ *
+ * **차례는 한국어 사전 차례다**(명 · 동 · 형 · 부 · 수 · 관 · 감 · 조 · 접 · 의 · 대 · 보동 · 보형).
+ * 약호를 **더하는 것은 뒤에 붙이면** 쓰는 쪽이 안 흔들리지만, **차례를 바꾸는 것은 쓰는 쪽 화면을
+ * 바꾼다** — 판 올릴 때 알려야 한다. *한 칸이 두 가지를 뜻하는 것은 어긋나는 날까지 안 보인다.*
+ * @public
+ */
+export declare const WORD_LABEL_I18N_KEYS: {
+    readonly pos: Record<string, string>;
+    readonly wordType: Record<string, string>;
+};
 /**
  * 슬래시로 묶인 복합 약호(예: '명/관', '동/보동')를 라벨맵으로 각각 펼쳐 다시 '/'로 잇는다.
  * 라벨맵에 없는 조각은 원문 그대로 둔다. 빈 문자열은 빈 문자열 그대로 반환.
@@ -78,3 +111,4 @@ export declare const REF_W_IMAGE_ONLY = 280;
 export declare const REF_H_BOTH = 400;
 export declare const REF_H_TEXT_ONLY = 120;
 export declare const REF_H_IMAGE_ONLY = 280;
+export {};