@ihabdevteam/core 0.147.0 → 0.148.0

package/dist/ihabdevteam-core.d.ts

@@ -1388,7 +1388,7 @@ export declare function copyText(text: string): Promise<boolean>;
  *
  * 값은 손으로 적고 `test/coreVersion.test.ts` 가 package.json 과 어긋나면 운다.
  */
-export declare const CORE_VERSION = "0.147.0";
+export declare const CORE_VERSION = "0.148.0";
 
 /** @public */
 declare const coreDefault: Record<string, unknown>;
@@ -8943,7 +8943,6 @@ export declare interface WordSearchResultWord {
  */
 export declare function WordTable({ title, titleIcon, disc, className, orientation, contentTypes, cutLine, showOutline, showDivLine, items, editCells, count, activeCell, onActivateCell, onRemoveCell, onRemoveItem, onReorder, showFillerAdd, contentRef, buttonSize, pageNumber, pageNumberPosition, fitHeight, scoring, marks, onMarkClick, scoreIndexOffset, }: WordTableProps): JSX.Element;
 
-/** @public */
 export declare function WordTableBlock({ title, titleIcon, disc, items, onSaveComplete, onLoad, onRemoveItem, onReset, resetLabel, saveButtonLabel, secondarySaveButtonLabel, onReorder, showCellCount, onAddItem, className, renderSavePopup, renderWordSearch, hideControls, saveOnly, tableName, nameValue, onNameChange, descriptionValue, onDescriptionChange, namePlaceholder, descriptionPlaceholder, existingNames, editingName, onCancel }: WordTableBlockProps): JSX.Element;
 
 /** @public */

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

@@ -40,16 +40,25 @@ export default function BottomNav({ items = [], activeKey, onChange, appMode, on
         ro.observe(el);
         return () => ro.disconnect();
     }, []);
+    /* 잰 폭은 "…"(구분선 1px + 52px 칸)가 서 있으면 그만큼 줄어든 값이다. 그 폭으로만 판정하면 같은 폭·같은 항목인데 지나온 길에 따라
+       넘침이 달랐다(13개 매니저 메뉴 → 8개 말귀 메뉴로 바꾸면 들어갈 8개 중 하나가 "…" 에 갇힘). 유틸이 없을 때 지난 렌더에 "…" 가
+       서 있었다면(넘침 때문이든 그때의 유틸 때문이든) 그 폭을 되돌려 **"…" 없는 폭** 으로 판정하고, 넘치면 "…" 자리를 뺀 폭으로 센다. */
+    const MORE_W = BTN_SIZE + 1;
+    const 더보기섰음Ref = useRef(false);
+    const 온폭 = containerWidth > 0 && moreItems.length === 0 && 더보기섰음Ref.current ? containerWidth + MORE_W : containerWidth;
+    const 다들어감 = itemsLen * (BTN_SIZE + BTN_GAP) - BTN_GAP <= 온폭;
     // n개 버튼: n*52 + (n-1)*10 <= W → n <= (W + 10) / 62
-    const n = containerWidth > 0
-        ? Math.floor((containerWidth + BTN_GAP) / (BTN_SIZE + BTN_GAP))
-        : itemsLen;
+    const n = containerWidth <= 0 ? itemsLen
+        : moreItems.length > 0 ? Math.floor((containerWidth + BTN_GAP) / (BTN_SIZE + BTN_GAP))
+            : 다들어감 ? itemsLen
+                : Math.floor((온폭 - MORE_W + BTN_GAP) / (BTN_SIZE + BTN_GAP));
     const overflow = containerWidth > 0 && n < itemsLen;
     const maxVisible = overflow ? n : itemsLen;
     const visibleItems = items.slice(0, maxVisible);
     const hiddenItems = items.slice(maxVisible);
     // 넘친 nav 항목이 있거나 유틸(moreItems)이 있으면 더보기(…) 버튼을 노출
     const showMore = overflow || moreItems.length > 0;
+    useEffect(() => { 더보기섰음Ref.current = showMore; });
     const computeMenuStyle = useCallback((rect) => ({
         position: 'fixed',
         bottom: window.innerHeight - rect.top + 8,
@@ -66,7 +75,7 @@ export default function BottomNav({ items = [], activeKey, onChange, appMode, on
     const nameWithCount = useCallback((label, count) => count > 0 ? t('nav.badgeLabel', { label, count, defaultValue: '{{label}}, {{count}}개' }) : label, [t]);
     const handleModeChange = useCallback(() => onAppModeChange?.(nextMode), [onAppModeChange, nextMode]);
     // 넘친 nav 항목 또는 유틸 항목이 현재 활성 상태면 … 버튼에 그 아이콘/선택표시를 반영
-    const activeMore = useMemo(() => hiddenItems.find(it => it.key === activeKey) ?? moreItems.find(it => it.selected || (it.key && it.key === activeKey)), [hiddenItems, activeKey, moreItems]);
+    const activeMore = useMemo(() => hiddenItems.find(it => !!it.key && it.key === activeKey) ?? moreItems.find(it => it.selected || (it.key && it.key === activeKey)), [hiddenItems, activeKey, moreItems]);
     // 넘친 nav 항목 + 유틸 항목을 한 컬럼으로 합쳐 더보기 메뉴에 노출(각자 아이콘으로 구분)
     const moreColumns = useMemo(() => [{
             items: [
@@ -74,7 +83,7 @@ export default function BottomNav({ items = [], activeKey, onChange, appMode, on
                     label: it.label,
                     icon: it.icon,
                     badgeCount: it.badgeCount,
-                    selected: it.key === activeKey,
+                    selected: !!it.key && it.key === activeKey,
                     closeOnSelect: true,
                     // "…" 로 넘어간 꺼진 항목도 꺼진 채로 — 줄에서는 막히는데 메뉴에서는 골라졌다
                     disabled: it.state === 'disabled',
@@ -105,6 +114,6 @@ export default function BottomNav({ items = [], activeKey, onChange, appMode, on
                     const count = badgeOf(it.badgeCount);
                     return (
                     // key 는 선택 prop 이다 — 없으면 자리 번호로(형제 key 가 모두 undefined 가 되던 것)
-                    _jsxs("span", { className: "bottom-nav__slot", children: [_jsx(Button, { htmlType: "button", size: 52, type: "dot", icon: it.icon, ariaLabel: nameWithCount(it.label, count), selected: it.key === activeKey, disabled: it.state === 'disabled', className: "bottom-nav-item", onClick: () => it.key && onChange?.(it.key) }), count > 0 && (_jsx("span", { "aria-hidden": "true", children: _jsx(Badge, { type: "dot", position: "top-right", number: Math.min(count, 99), size: 24 }) }))] }, it.key ?? `__slot-${i}`));
+                    _jsxs("span", { className: "bottom-nav__slot", children: [_jsx(Button, { htmlType: "button", size: 52, type: "dot", icon: it.icon, ariaLabel: nameWithCount(it.label, count), selected: !!it.key && it.key === activeKey, disabled: it.state === 'disabled', className: "bottom-nav-item", onClick: () => it.key && onChange?.(it.key) }), count > 0 && (_jsx("span", { "aria-hidden": "true", children: _jsx(Badge, { type: "dot", position: "top-right", number: Math.min(count, 99), size: 24 }) }))] }, it.key ?? `__slot-${i}`));
                 }) }), showMore && (_jsxs(_Fragment, { children: [_jsx("div", { className: "bottom-nav__divider", "aria-hidden": "true" }), _jsx("div", { className: "bottom-nav__right", children: _jsxs("div", { ref: moreRef, className: "bottom-nav__slot", children: [_jsx(Button, { htmlType: "button", size: 52, type: "dot", icon: activeMore?.icon ?? 'ellipsis', ariaLabel: nameWithCount(activeMore?.label ?? t('nav.more', '더보기'), moreBadge), selected: !!activeMore, className: "bottom-nav-item", onClick: handleToggleMore, "aria-expanded": moreOpen, "aria-controls": moreOpen ? moreMenuId : undefined }), moreBadge > 0 && (_jsx("span", { "aria-hidden": "true", children: _jsx(Badge, { type: "dot", position: "top-right", number: Math.min(moreBadge, 99), size: 24 }) })), moreOpen && createPortal(_jsx("div", { id: moreMenuId, role: "group", "aria-label": t('nav.moreMenu', '더보기 메뉴'), className: "tooltip-content", style: menuStyle, ref: menuRef, children: _jsx(MenuTooltip, { columns: moreColumns, onClose: handleCloseMore }) }), document.body)] }) })] }))] }));
 }

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

@@ -8,7 +8,9 @@ import Button from './Button';
 /** @public */
 export default function SegmentedControl(props) {
     const { t } = useTranslation();
-    const { options = [], value = options[0]?.key, onChange = (_v) => { }, className = '', size = 48, shape = 'pill', useBG = true, fullWidth = false, ariaLabel, } = props || {};
+    const { options = [], 
+    // 안 주면 **켜진** 첫 칸 — 꺼진 첫 칸이 골라져 있었다(Tabs 와 같게)
+    value = options.find((o) => !o.disabled)?.key ?? options[0]?.key, onChange = (_v) => { }, className = '', size = 48, shape = 'pill', useBG = true, fullWidth = false, ariaLabel, } = props || {};
     /* **라디오 무리는 Tab 자리 하나 + 화살표**가 ARIA 규칙이다.
        `role="radiogroup"`·`role="radio"` 만 붙여 놓고 키를 안 만들면 **안 붙인 것보다
        나쁘다** — 낭독기가 "라디오 그룹, 3 중 2" 라고 읽어 주니 사람은 화살표를 누르는데

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

@@ -63,7 +63,7 @@ export default function SideNav(props) {
     const handleModeSwitch = useCallback(() => onAppModeChange?.(isManager ? 'malgwi' : 'manager'), [onAppModeChange, isManager]);
     return (_jsxs("nav", { "aria-label": t('nav.mainMenu', '메인 메뉴'), className: "side-nav__menu", children: [_jsxs("div", { className: "side-nav__menu-list", children: [(items || [])
                         .filter((it) => !it.section && (it.key || it.label))
-                        .map((it, idx) => (_jsxs(React.Fragment, { children: [it.divider && _jsx("div", { className: "side-nav__separator" }), _jsx(SideNavButton, { item: it, active: it.key === activeKey, state: it.disabled ? 'disabled' : undefined, onClick: (_key, btnEl, fromPointer) => {
+                        .map((it, idx) => (_jsxs(React.Fragment, { children: [it.divider && _jsx("div", { className: "side-nav__separator" }), _jsx(SideNavButton, { item: it, active: !!it.key && it.key === activeKey, state: it.disabled ? 'disabled' : undefined, onClick: (_key, btnEl, fromPointer) => {
                                     if (it.disabled)
                                         return;
                                     if (it.href) {

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

@@ -19,7 +19,11 @@ export default function TopBanner({ children, interval = 5000, dotTone, classNam
     const slides = Children.toArray(children);
     const count = slides.length;
     const [index, setIndex] = useState(0);
-    const [paused, setPaused] = useState(false);
+    /* 마우스 머무름과 포커스를 따로 든다 — 한 값으로 들면 포커스가 든 채 마우스가 스치고 나가면 멈춤이 풀려 포커스가 든 장이 넘어가
+       inert 가 되고 포커스가 body 로 떨어졌다(반대로 마우스 아래에서 포커스만 나가도 넘어갔다) */
+    const [hovered, setHovered] = useState(false);
+    const [focused, setFocused] = useState(false);
+    const paused = hovered || focused;
     // 슬라이드 수가 줄어도 범위를 벗어나지 않도록
     const current = count > 0 ? index % count : 0;
     useEffect(() => {
@@ -30,7 +34,8 @@ export default function TopBanner({ children, interval = 5000, dotTone, classNam
     }, [count, interval, paused]);
     if (count === 0)
         return null;
-    return (_jsxs("section", { className: cx('top-banner', className), "aria-label": ariaLabel, "aria-roledescription": "carousel", onMouseEnter: () => setPaused(true), onMouseLeave: () => setPaused(false), onFocus: () => setPaused(true), onBlur: () => setPaused(false), children: [_jsx("div", { className: "top-banner__viewport", children: _jsx("div", { className: "top-banner__track", style: { transform: `translateX(-${current * 100}%)` }, children: slides.map((slide, i) => (_jsx("div", { className: "top-banner__slide", "aria-hidden": i !== current, ...(i !== current ? { inert: true } : {}), children: slide }, i))) }) }), count > 1 && (_jsx("div", { className: `top-banner__dots${(dotTone?.[current] ?? 'light') === 'dark' ? ' top-banner__dots--dark' : ''}`, children: slides.map((_, i) => (_jsx("button", { type: "button", className: `top-banner__dot${i === current ? ' top-banner__dot--active' : ''}`, "aria-label": t('topBanner.dotAriaLabel', {
+    return (_jsxs("section", { className: cx('top-banner', className), "aria-label": ariaLabel, "aria-roledescription": "carousel", onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), onFocus: () => setFocused(true), onBlur: (e) => { if (!e.currentTarget.contains(e.relatedTarget))
+            setFocused(false); }, children: [_jsx("div", { className: "top-banner__viewport", children: _jsx("div", { className: "top-banner__track", style: { transform: `translateX(-${current * 100}%)` }, children: slides.map((slide, i) => (_jsx("div", { className: "top-banner__slide", "aria-hidden": i !== current, ...(i !== current ? { inert: true } : {}), children: slide }, i))) }) }), count > 1 && (_jsx("div", { className: `top-banner__dots${(dotTone?.[current] ?? 'light') === 'dark' ? ' top-banner__dots--dark' : ''}`, children: slides.map((_, i) => (_jsx("button", { type: "button", className: `top-banner__dot${i === current ? ' top-banner__dot--active' : ''}`, "aria-label": t('topBanner.dotAriaLabel', {
                         count, index: i + 1, defaultValue: `${count}개 중 ${i + 1}번째 배너`,
                     }), "aria-current": i === current, onClick: () => setIndex(i) }, i))) }))] }));
 }

package/dist/packages/core/src/components/Word/WordTableBlock.d.ts

@@ -1,5 +1,4 @@
 import './WordTableBlock.css';
 import type { WordTableBlockProps } from './wordTableBlockTypes';
 export type { WordEntry, WordTableBlockProps } from './wordTableBlockTypes';
-/** @public */
 export default function WordTableBlock({ title, titleIcon, disc, items, onSaveComplete, onLoad, onRemoveItem, onReset, resetLabel, saveButtonLabel, secondarySaveButtonLabel, onReorder, showCellCount, onAddItem, className, renderSavePopup, renderWordSearch, hideControls, saveOnly, tableName, nameValue, onNameChange, descriptionValue, onDescriptionChange, namePlaceholder, descriptionPlaceholder, existingNames, editingName, onCancel }: WordTableBlockProps): import("react").JSX.Element;

package/dist/packages/core/src/components/Word/WordTableBlock.js

@@ -23,6 +23,28 @@ import { useWordTablePrint } from './useWordTablePrint';
 import { CELL_COUNTS, ITEMS_PER_PAGE_OPTIONS } from './wordTableBlockTypes';
 // ── 컴포넌트 ───────────────────────────────────────────────
 /** @public */
+/** 편집 칸의 낱말 → 저장 항목의 낱말. 편집 칸에서 보이던 구어체 발음·등급·품사·유형을 그대로 옮긴다. */
+function 항목낱말(e) {
+    return {
+        label: e.word, subLabel: e.pronunciation, colloquialLabel: e.colloquialPronunciation, homonum: e.homonum,
+        grade: e.grade, syllables: [...e.word].length, pos: e.pos, wordType: e.wordType,
+    };
+}
+/** 동음이의어 번호까지 넣은 낱말들로 만든 id — 첫 낱말만 쓰면 '배'(1)·'배'(2), '가다|나다'·'가다|다다' 가 같은 id 였다 */
+function 항목id(entries) {
+    return entries.map(e => (e.homonum != null ? `${e.word}#${e.homonum}` : e.word)).join('|');
+}
+/** 표 안에서 같은 낱말을 두 칸에 넣었을 때도 id 가 겹치지 않게 뒤에 ~2, ~3 을 붙인다 */
+function 겹치지않는id(list) {
+    const 쓴 = new Set();
+    return list.map(it => {
+        let id = it.id;
+        for (let n = 2; 쓴.has(id); n++)
+            id = `${it.id}~${n}`;
+        쓴.add(id);
+        return id === it.id ? it : { ...it, id };
+    });
+}
 export default function WordTableBlock({ title, titleIcon, disc, items, onSaveComplete, onLoad, onRemoveItem, onReset, resetLabel, saveButtonLabel, secondarySaveButtonLabel, onReorder, showCellCount, onAddItem, className, renderSavePopup, renderWordSearch, hideControls, saveOnly, tableName, nameValue, onNameChange, descriptionValue, onDescriptionChange, namePlaceholder, descriptionPlaceholder, existingNames, editingName, onCancel }) {
     const { t } = useTranslation();
     const resolvedResetLabel = resetLabel ?? t('wordPrint.clearAllSelection', '모두 선택 해제');
@@ -53,6 +75,7 @@ export default function WordTableBlock({ title, titleIcon, disc, items, onSaveCo
     const [cells, setCells] = useState(Array(4).fill(null));
     const [cellCount, setCellCount] = useState(4);
     const [activeCell, setActiveCell] = useState(null);
+    const visibleCells = cells.slice(0, cellCount);
     // 공통 단어 표 설정 상태
     const [orientation, setOrientation] = useState('landscape');
     const [contentTypes, setContentTypes] = useState(['이미지', '단어', '표준 발음']);
@@ -104,7 +127,7 @@ export default function WordTableBlock({ title, titleIcon, disc, items, onSaveCo
     const pages = pagesEnabled ? chunkItems(items ?? [], itemsPerPage) : null;
     const isPaginated = !!pages && pages.length > 1;
     const hasPairs = isEditable
-        ? cells.some(c => c !== null && c.length > 1)
+        ? visibleCells.some(c => c !== null && c.length > 1)
         : (items ?? []).some(item => item.words.length > 1);
     // PDF로 저장할 때 OS가 제안하는 기본 파일명. 저장된 표 이름이 있으면 그대로, 없으면 "오늘 날짜 + 단어표/대립쌍표"
     const printFileName = tableName?.trim()
@@ -118,13 +141,11 @@ export default function WordTableBlock({ title, titleIcon, disc, items, onSaveCo
         onPopupBlocked: () => { showWarning(t('wordTable.popupBlocked', '팝업이 차단되었습니다. 브라우저 설정에서 팝업을 허용해 주세요.')); },
     });
     // 편집 모드 핸들러
+    /* 칸 수를 줄여도 뒤 칸의 낱말은 버리지 않고 들고 있는다 — 4칸→2칸→4칸에 셋째·넷째 낱말이 조용히 사라졌다.
+       보이는(저장되는) 것은 앞의 cellCount 칸뿐이다. */
     const handleCellCountChange = (next) => {
         setCellCount(next);
-        setCells(prev => {
-            const arr = Array(next).fill(null);
-            prev.slice(0, next).forEach((v, i) => { arr[i] = v; });
-            return arr;
-        });
+        setCells(prev => prev.length >= next ? prev : [...prev, ...Array(next - prev.length).fill(null)]);
         setActiveCell(null);
     };
     const handleRemove = (idx) => {
@@ -136,12 +157,13 @@ export default function WordTableBlock({ title, titleIcon, disc, items, onSaveCo
         if (activeCell === null)
             return;
         const idx = activeCell;
-        setCells(prev => { const next = [...prev]; next[idx] = entries; return next; });
-        const nextEmpty = cells.findIndex((c, i) => i > idx && c === null);
+        // 빈 배열로 확인하면 비운 칸으로 둔다 — [] 를 담으면 저장 항목을 만들 때 c[0].word 에서 던졌다
+        setCells(prev => { const next = [...prev]; next[idx] = entries.length > 0 ? entries : null; return next; });
+        const nextEmpty = visibleCells.findIndex((c, i) => i > idx && c === null);
         setActiveCell(nextEmpty !== -1 ? nextEmpty : null);
     };
     const hasColloquial = isEditable
-        ? cells.some(c => c?.some(e => !!e.colloquialPronunciation))
+        ? visibleCells.some(c => c?.some(e => !!e.colloquialPronunciation))
         : (items ?? []).some(item => item.words.some(w => !!w.colloquialLabel));
     // 표에 실제로 이미지가 있는지 — resolver(word)는 존재 여부와 무관하게 항상 URL을 만들어 반환하므로
     // 그 truthiness만으로는 판정할 수 없다(항상 true가 되어 이미지 없는 표에서도 '이미지' 토글이
@@ -153,9 +175,9 @@ export default function WordTableBlock({ title, titleIcon, disc, items, onSaveCo
         if (!getImageResolver())
             return [];
         return isEditable
-            ? cells.flatMap(c => (c ?? []).map(e => [e.word, e.homonum]))
+            ? cells.slice(0, cellCount).flatMap(c => (c ?? []).map(e => [e.word, e.homonum]))
             : (items ?? []).flatMap(item => item.words.map(w => [w.label, w.homonum]));
-    }, [isEditable, cells, items]);
+    }, [isEditable, cells, cellCount, items]);
     /* 실제로 파일이 있는지는 물어봐야 안다(HEAD 요청 + 캐시). 그 답만 상태로 든다.
        `imagePairs` 가 비면 물어볼 것도 없으므로 아래 유도에서 곧바로 false 가 된다. */
     const [imageFound, setImageFound] = useState(false);
@@ -179,7 +201,7 @@ export default function WordTableBlock({ title, titleIcon, disc, items, onSaveCo
         ...(isPaginated ? [buildPageNumberSection(t)] : []),
     ], [t, isEditable, showCellCount, pagesEnabled, items?.length, hasPairs, itemCount, isPaginated]);
     const middleSelected = {
-        ...((isEditable || showCellCount) ? { [t('wordTable.filter.columns', '칸 수')]: `${isEditable ? cellCount : displayCellCount}칸` } : {}),
+        ...((isEditable || showCellCount) ? { [t('wordTable.filter.columns', '칸 수')]: `${count}칸` } : {}),
         ...(pagesEnabled && (items?.length ?? 0) > 0 ? { [t(hasPairs ? 'wordTable.filter.itemsPerPagePair' : 'wordTable.filter.itemsPerPageWord')]: `${effectiveItemsPerPage}개` } : {}),
         ...(isPaginated ? { [t('wordTable.filter.pageNumber', '페이지 번호')]: PAGE_NUM_POSITION_VALUE[pageNumberPosition] } : {}),
     };
@@ -187,8 +209,9 @@ export default function WordTableBlock({ title, titleIcon, disc, items, onSaveCo
         if (sectionLabel === t('wordTable.filter.columns', '칸 수')) {
             if (isEditable)
                 handleCellCountChange(parseInt(value));
+            // 항목 수보다 적게는 못 줄인다(그리드는 항목 수만큼 그린다) — 고른 값을 그대로 담으면 켜진 칸 수와 보이는 표가 달랐다
             else
-                setDisplayCellCount(parseInt(value));
+                setDisplayCellCount(Math.max(parseInt(value), items?.length ?? 1));
         }
         else if (sectionLabel === t(hasPairs ? 'wordTable.filter.itemsPerPagePair' : 'wordTable.filter.itemsPerPageWord')) {
             /* 목록에 없는 개수(= 그때의 '전체' 칸)를 고르면 **전체** 로 기억한다 — 숫자로 담으면 항목이 늘었을 때 고른 값('10개')이
@@ -202,10 +225,10 @@ export default function WordTableBlock({ title, titleIcon, disc, items, onSaveCo
     };
     // 저장 팝업용 현재 items / preview
     const saveItems = isEditable
-        ? cells.filter((c) => c !== null).map(c => ({
-            id: c[0].word,
-            words: c.map(e => ({ label: e.word, subLabel: e.pronunciation, homonum: e.homonum })),
-        }))
+        ? 겹치지않는id(visibleCells.filter((c) => c !== null && c.length > 0).map(c => ({
+            id: 항목id(c),
+            words: c.map(항목낱말),
+        })))
         : items ?? [];
     const handleSave = (asNew = false) => {
         setSaveAsNew(asNew);
@@ -279,10 +302,12 @@ export default function WordTableBlock({ title, titleIcon, disc, items, onSaveCo
                             if (onAddItem) {
                                 const entry = entries[0];
                                 if (entry) {
-                                    onAddItem({
-                                        id: entry.word,
-                                        words: [{ label: entry.word, subLabel: entry.pronunciation, homonum: entry.homonum }],
-                                    });
+                                    // 이미 있는 항목과 id 가 겹치면(같은 낱말의 다른 동음이의어·같은 낱말) onRemoveItem(id) 가 둘을 함께 지운다
+                                    const 쓴id = new Set((items ?? []).map(it => it.id));
+                                    let id = 항목id([entry]);
+                                    for (let n = 2; 쓴id.has(id); n++)
+                                        id = `${항목id([entry])}~${n}`;
+                                    onAddItem({ id, words: [항목낱말(entry)] });
                                 }
                             }
                             setActiveCell(null);
@@ -291,7 +316,7 @@ export default function WordTableBlock({ title, titleIcon, disc, items, onSaveCo
                     }), !hideControls && (_jsx(TableFilterPanel, { hasImage: hasImage, hasColloquial: hasColloquial, contentTypes: contentTypes, orientation: orientation, showOutline: showOutline, cutLine: cutLine, showDivLine: showDivLine, setters: { setContentTypes, setOrientation, setShowOutline, setCutLine, setShowDivLine }, showCutLine: (pagesEnabled ? itemsPerPage : count) > 1, showDivLine2: hasPairs, middleSections: middleSections, extraSelected: middleSelected, onExtraSelect: handleMiddleSelect })), isPaginated && pages ? (_jsx("div", { className: "word-table-block__pages", children: pages.map((page, i) => (_jsx(WordTable, { orientation: orientation, contentTypes: contentTypes, cutLine: cutLine, showOutline: showOutline, showDivLine: showDivLine, count: itemsPerPage, items: page, onRemoveItem: onRemoveItem, 
                             /* 쪽이 나뉘면 끌어 옮기기가 통째로 꺼졌다(말귀 단어 찾기: 9개부터). 쪽 안의 자리를 전체 자리로 옮겨 넘긴다 —
                                쪽을 넘는 이동은 하지 않는다. */
-                            onReorder: onReorder && ((from, to) => onReorder(from + i * itemsPerPage, to + i * itemsPerPage)), contentRef: el => { pageRefs.current[i] = el; }, pageNumber: { current: i + 1, total: pages.length }, pageNumberPosition: pageNumberPosition }, i))) })) : (_jsx(WordTable, { orientation: orientation, contentTypes: contentTypes, cutLine: cutLine, showOutline: showOutline, showDivLine: showDivLine, count: count, items: isEditable ? undefined : (items ?? []), editCells: isEditable ? cells : undefined, activeCell: activeCell, onActivateCell: (isEditable || onAddItem) ? setActiveCell : undefined, onRemoveCell: isEditable ? handleRemove : undefined, onRemoveItem: !isEditable ? onRemoveItem : undefined, onReorder: !isEditable ? onReorder : undefined, showFillerAdd: !!onAddItem, contentRef: contentRef })), inlineNameFields && !hideControls && (_jsxs(Panel, { size: "medium", labelWidth: 64, useBorder: false, useRowBorder: false, className: "word-table-block__meta", children: [_jsx(PanelRow, { variant: "custom", label: t('wordTable.save.nameLabel', '이름'), required: true, align: "vertical", useFullWidth: true, children: _jsx(TextField, { required: true, value: nameValue ?? '', onChange: onNameChange, placeholder: namePlaceholder ? namePlaceholder + t('wordTable.save.autoFillHint', ' (Tab 또는 space 입력시 자동 입력)') : t('wordTable.save.placeholder', '이 단어표에 대한 제목을 입력하세요.'), 
+                            onReorder: onReorder && ((from, to) => onReorder(from + i * itemsPerPage, to + i * itemsPerPage)), contentRef: el => { pageRefs.current[i] = el; }, pageNumber: { current: i + 1, total: pages.length }, pageNumberPosition: pageNumberPosition }, i))) })) : (_jsx(WordTable, { orientation: orientation, contentTypes: contentTypes, cutLine: cutLine, showOutline: showOutline, showDivLine: showDivLine, count: count, items: isEditable ? undefined : (items ?? []), editCells: isEditable ? visibleCells : undefined, activeCell: activeCell, onActivateCell: (isEditable || onAddItem) ? setActiveCell : undefined, onRemoveCell: isEditable ? handleRemove : undefined, onRemoveItem: !isEditable ? onRemoveItem : undefined, onReorder: !isEditable ? onReorder : undefined, showFillerAdd: !!onAddItem, contentRef: contentRef })), inlineNameFields && !hideControls && (_jsxs(Panel, { size: "medium", labelWidth: 64, useBorder: false, useRowBorder: false, className: "word-table-block__meta", children: [_jsx(PanelRow, { variant: "custom", label: t('wordTable.save.nameLabel', '이름'), required: true, align: "vertical", useFullWidth: true, children: _jsx(TextField, { required: true, value: nameValue ?? '', onChange: onNameChange, placeholder: namePlaceholder ? namePlaceholder + t('wordTable.save.autoFillHint', ' (Tab 또는 space 입력시 자동 입력)') : t('wordTable.save.placeholder', '이 단어표에 대한 제목을 입력하세요.'), 
                                     /* PanelRow의 라벨은 시각적으로만 붙어 있고 입력과 연결돼 있지 않아, 낭독기에는
                                        이름 없는 입력으로 읽혔다. placeholder는 자동완성 안내문("Tab 또는 space…")이
                                        섞여 있어 이름으로 부적절하므로 같은 라벨 문구를 넘긴다. */

package/dist/packages/core/src/utils/phonemePairSearch.js

@@ -461,8 +461,10 @@ preferAsTarget) {
     }
     const targetWords = allWords.filter(({ syls, wordSyls }) => {
         const filterSyls = !phonemic && wordSyls ? wordSyls : syls;
+        /* 일치(ordered) 는 조건의 자리가 곧 음절 자리다 — 빈 슬롯을 걸러 낸 reqs 를 쓰면 [{}, {초성:ㄴ}] 의 ㄴ 이 첫 음절에 걸렸다.
+           wordContainsAllPhonemes 는 빈 슬롯을 스스로 건너뛴다. */
         return ordered
-            ? wordContainsAllPhonemes(filterSyls, reqs)
+            ? wordContainsAllPhonemes(filterSyls, requiredPhonemes)
             : wordContainsAllPhonemesUnordered(filterSyls, reqs);
     });
     const groups = new Map();
@@ -534,10 +536,12 @@ preferAsTarget) {
                         if (tv !== cv)
                             diffValues = [tv, cv];
                     }
-                    const isRelevant = reqs.some(req => {
-                        const reqVal = req[diffSection];
+                    const 맞나 = (req) => {
+                        const reqVal = req?.[diffSection];
                         return reqVal !== undefined && (diffValues[0] === reqVal || diffValues[1] === reqVal);
-                    });
+                    };
+                    // 일치(ordered): "첫번째 음절에서 초성 ㄱ 이 대립" — 대립한 자리의 조건이어야 한다(다른 음절에서 대립한 쌍이 섞였다)
+                    const isRelevant = ordered ? 맞나(requiredPhonemes[analysis.diff.idx]) : reqs.some(맞나);
                     if (!isRelevant)
                         continue;
                 }
@@ -545,6 +549,8 @@ preferAsTarget) {
                 const diffVals = analysis.diff.diffs[diffSection];
                 const diffHasEmpty = diffHasEmptyPair(diffSection, diffVals);
                 const item = {
+                    /* 정렬 꼴 그대로 — 기준 방향을 넣으면 음소를 ㄱ→ㄴ 으로 바꿔 찾거나 저장한 표를 다시 열 때 같은 쌍의 id 가 달라져
+                       바구니(id 로 견줌)에서 선택이 풀리고 두 번 담겼다. 이미 저장된 대립쌍표 id 도 이 꼴이다. */
                     id: dedupKey,
                     diffSection,
                     diffHasEmpty,

package/dist/packages/core/src/version.d.ts

@@ -46,4 +46,4 @@
  *
  * 값은 손으로 적고 `test/coreVersion.test.ts` 가 package.json 과 어긋나면 운다.
  */
-export declare const CORE_VERSION = "0.147.0";
+export declare const CORE_VERSION = "0.148.0";

package/dist/packages/core/src/version.js

@@ -46,4 +46,4 @@
  *
  * 값은 손으로 적고 `test/coreVersion.test.ts` 가 package.json 과 어긋나면 운다.
  */
-export const CORE_VERSION = '0.147.0';
+export const CORE_VERSION = '0.148.0';