@ihabdevteam/core 0.162.0 → 0.164.0

package/dist/ihabdevteam-core.d.ts

@@ -458,6 +458,9 @@ export declare interface BarData {
     isToday?: boolean;
     parts?: number[];
     partsB?: number[];
+    /** 아직 오지 않은 칸 — 막대를 그리지 않고 글씨를 흐리게, 평균·합계에서 뺀다.
+     *  `a === -1` 이 같은 뜻의 옛 표시인데, **음수가 값인 차트**(baseline)에서는 −1 이 진짜 값일 수 있어 이 칸을 쓴다. */
+    future?: boolean;
 }
 
 /**
@@ -1013,6 +1016,8 @@ export declare interface ChartPoint {
     b: number;
     parts?: number[];
     partsB?: number[];
+    /** 아직 오지 않은 날 — `a === -1` 과 같은 뜻이고, 음수를 값으로 쓰는 차트(baseline)에서는 이쪽을 쓴다. */
+    future?: boolean;
 }
 
 /**
@@ -1500,7 +1505,7 @@ export declare function copyText(text: string): Promise<boolean>;
  *
  * 값은 손으로 적고 `test/coreVersion.test.ts` 가 package.json 과 어긋나면 운다.
  */
-export declare const CORE_VERSION = "0.162.0";
+export declare const CORE_VERSION = "0.164.0";
 
 /** @public */
 declare const coreDefault: Record<string, unknown>;
@@ -7023,6 +7028,9 @@ export declare type TooltipMenuColumnItem = {
     disabled?: boolean;
     /** 비활성 사유 등 hover 설명(title 속성). */
     tooltip?: string;
+    /** 이 항목 **앞** 에 가로 구분선을 그린다 — 성격이 다른 묶음을 가를 때(보기 고르개 항목들 ↔ 창을 여는 항목).
+     *  선은 그리기만 할 뿐 항목이 아니라, 키보드 차례·낭독기 목록에 끼지 않는다(`role="separator"`). 첫 항목에 주면 무시한다. */
+    separatorBefore?: boolean;
     /** 우측 원형 배지 숫자(알림 개수 등). 라벨에 "(5)"를 붙이는 대신 SideNav와 같은
      *  Badge type="dot"으로 표시한다 — 두 메뉴가 같은 항목을 다르게 보여주지 않도록. */
     badgeCount?: number;

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

@@ -16,24 +16,31 @@ import { useBarChartControl } from './useBarChartControl';
 // ─── 막대 렌더링 원시 컴포넌트 ───────────────────────────────────
 /** 막대 값 — 수가 아니면(undefined·NaN·Infinity) 0 */
 const 수 = (v) => (typeof v === 'number' && Number.isFinite(v) ? v : 0);
+/** 아직 오지 않은 칸인가 — 옛 표시(a === -1)와 새 표시(future)를 함께 본다.
+ *  음수가 값인 차트(baseline)에서는 −1 이 진짜 값일 수 있어 `future` 를 쓴다. */
+function 미래칸(d, 옛표시 = true) {
+    /* `baseline` 을 쓰는 차트는 −1 이 진짜 값이라 옛 표시를 보지 않는다 — 부르는 쪽이 옛표시=false 로 끈다 */
+    return d.future === true || (옛표시 && d.a === -1);
+}
 function BarChartCanvas({ data, colorA, colorB, labelA, labelB, barWidth = 10, barGap = 1, height = 140, maxOverride, tightMax, seriesColors, seriesLabels, rateLabels, grouped = false, baseline }) {
     // colorB 미지정 시 단일 계열(A) 모드
     const single = !colorB;
     const stacked = !!(seriesColors && seriesColors.length > 0);
     /* 값이 비었거나(undefined) 수가 아니면 0 으로 친다. 두 계열인데 한 항목의 `b` 가 비면 Math.max 가 NaN 이 되고
        `NaN || 10` 으로 y축이 데이터와 상관없이 10 에 박혀 막대가 판 위로 넘쳤다(ihab-core-96 이 짚음). */
+    /* 기준선 모드에서는 옛 미래 표시(a === -1)를 보지 않는다 — −1 이 진짜 값이다 */
+    const 기준 = baseline;
     const maxVal = useMemo(() => stacked
-        ? Math.max(0, ...data.filter(d => d.a !== -1).map(d => grouped
+        ? Math.max(0, ...data.filter(d => !미래칸(d, 기준 == null)).map(d => grouped
             /* 나란히 서면 가장 높은 **낱 막대**가 위를 정한다 — 합으로 잡으면 막대가 판의 몇 분의 일로 눌린다 */
             ? Math.max(0, ...(d.parts ?? []).map(수))
             : (d.parts ?? []).reduce((s, v) => s + Math.max(0, 수(v)), 0)))
-        : Math.max(0, ...data.filter(d => d.a !== -1).flatMap(d => single ? [수(d.a)] : [수(d.a), 수(d.b)])), [data, single, stacked, grouped]);
+        : Math.max(0, ...data.filter(d => !미래칸(d, 기준 == null)).flatMap(d => single ? [수(d.a)] : [수(d.a), 수(d.b)])), [data, single, stacked, grouped]);
     /* 기준선 모드: 0 선에서 얼마나 떨어졌는지(|값 − 기준|)가 축을 정한다 — 위아래가 대칭이라야 같은 크기의 오름·내림이 같은 길이로 읽힌다 */
-    const 기준 = baseline;
     const 대칭최대 = useMemo(() => {
         if (기준 == null)
             return 0;
-        const 값들 = data.filter(d => d.a !== -1).flatMap(d => stacked ? (d.parts ?? []).map(수) : (single ? [수(d.a)] : [수(d.a), 수(d.b)]));
+        const 값들 = data.filter(d => !미래칸(d, 기준 == null)).flatMap(d => stacked ? (d.parts ?? []).map(수) : (single ? [수(d.a)] : [수(d.a), 수(d.b)]));
         return Math.max(0, ...값들.map(v => Math.abs(v - 기준)));
     }, [data, 기준, stacked, single]);
     const padded = useMemo(() => {
@@ -91,7 +98,7 @@ function BarChartCanvas({ data, colorA, colorB, labelA, labelB, barWidth = 10, b
     return (_jsxs("div", { className: "manager-bar-chart-wrap", style: 묶음간격, children: [_jsx("div", { className: "manager-bar-chart-inner", children: _jsx("div", { className: "manager-bar-chart-scroll", children: _jsxs("div", { className: "manager-bar-chart-area", children: [_jsxs("div", { className: "manager-bar-chart-plot", style: { height: h }, children: [ticks.slice(0, -1).map((t, i) => (
                                     /* 눈금선은 **적힌 값의 높이**에 둔다 — 가운데 값을 반올림(최대 3 → '2')하면서 자리는 절반(1.5)에 두어 선과 숫자가 어긋났다 */
                                     _jsx("div", { className: `manager-bar-chart-gridline${기준 != null && t === 기준 ? ' manager-bar-chart-gridline--baseline' : ''}`, style: { top: 눈금자리(t) * h }, children: _jsx("span", { className: "manager-bar-chart-gridline__label caption-1", children: t }) }, i))), data.map((d, i) => {
-                                        const isFuture = d.a === -1;
+                                        const isFuture = 미래칸(d, 기준 == null);
                                         /* 판 높이를 넘지 않는다 — maxOverride(진행률 100)보다 큰 값이 와도 막대가 눈금 위로 삐져나가지 않게 */
                                         /* 기준선 모드는 반쪽(h/2)을 쓴다 — 0 선에서 위나 아래로 자란다 */
                                         const 반 = h / 2;
@@ -159,7 +166,7 @@ function BarChartCanvas({ data, colorA, colorB, labelA, labelB, barWidth = 10, b
                                                     });
                                                 })() })) : (기준 != null ? (_jsx(_Fragment, { children: [{ v: 수(d.a), c: colorA }, ...(single ? [] : [{ v: 수(d.b), c: colorB }])].map(({ v, c }, k) => (_jsxs("div", { className: "manager-bar-chart-slot", style: 막대굵기, children: [_jsx("div", { className: "manager-bar-chart-slot__half manager-bar-chart-slot__half--up", children: v >= 기준 && _jsx("div", { className: "manager-bar-chart-bar manager-bar-chart-bar--full", style: { height: 높이(v), background: c } }) }), _jsx("div", { className: "manager-bar-chart-slot__half manager-bar-chart-slot__half--down", children: v < 기준 && _jsx("div", { className: "manager-bar-chart-bar manager-bar-chart-bar--full manager-bar-chart-bar--down", style: { height: 높이(v), background: c } }) })] }, k))) })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "manager-bar-chart-bar", style: { ...막대굵기, height: ha, background: colorA } }), !single && _jsx("div", { className: "manager-bar-chart-bar", style: { ...막대굵기, height: hb, background: colorB } })] })))) }, i));
                                     })] }), _jsx("div", { className: "manager-bar-chart-x-axis", children: data.map((d, i) => {
-                                    const isFuture = d.a === -1; // 아직 도래하지 않은 날 — 글씨 흐리게
+                                    const isFuture = 미래칸(d, 기준 == null); // 아직 도래하지 않은 날 — 글씨 흐리게
                                     return (_jsxs("span", { className: `manager-bar-chart-x-axis__label${isFuture ? ' manager-bar-chart-x-axis__label--future' : ''}`, children: [_jsxs("span", { className: "caption-1 manager-bar-chart-x-axis__main", children: [d.isToday && _jsx("span", { className: "manager-bar-chart-x-axis__today-dot", style: { background: colorA } }), d.label] }), d.sublabel && _jsx("span", { className: "caption-1", children: d.sublabel })] }, i));
                                 }) })] }) }) }), tooltip && (_jsx(DescriptionTooltip, { anchorRect: tooltip.rect, title: tooltip.title, items: tooltip.items, showIndex: false, closeOnOutsideClick: false }))] }));
 }
@@ -180,18 +187,18 @@ export function BarChartControls({ control }) {
  * 주 보기의 막대·합계와 월 보기 완료율 주 막대가 **이 한 벌**을 쓴다 — 같은 주가 두 보기에서
  * 다른 수로 서지 않게(2026-09-12 말귀 검수: 주 보기 25% · 월 보기 38%).
  */
-function 주의날들(data, monday, now) {
+function 주의날들(data, monday, now, 옛표시 = true) {
     const 오늘 = new Date(now.getFullYear(), now.getMonth(), now.getDate());
     return Array.from({ length: 7 }, (_, i) => {
         const dt = new Date(monday);
         dt.setDate(monday.getDate() + i);
         const entry = (data[`${dt.getFullYear()}년 ${dt.getMonth() + 1}월`]?.daily ?? [])[dt.getDate() - 1];
-        const isFuture = entry?.a === -1 || dt > 오늘; // 미래 날 — 평균/막대에서 제외
+        const isFuture = (entry != null && 미래칸(entry, 옛표시)) || dt > 오늘; // 미래 날 — 평균/막대에서 제외
         return { dt, entry, isFuture };
     });
 }
 /** control(기간)에 따라 data를 막대 배열로 변환 */
-function barsFromControl(data, control, t, lang) {
+function barsFromControl(data, control, t, lang, 옛표시 = true) {
     const { period, monthRange, weekRange, weekRanges, DOW } = control;
     const isKo = lang?.startsWith('ko');
     const now = getTodayKstDate(); // 칸은 KST 달력 — 오늘·이번 주 표시도 KST 로
@@ -220,19 +227,20 @@ function barsFromControl(data, control, t, lang) {
                 // 시작일이 오늘 이후(또는 미래 달)면 아직 도래하지 않은 주 → 흐리게/막대 미표시
                 isFutureWeek = year > nowY || (year === nowY && (month > nowM || (month === nowM && startDay > nowD)));
             }
-            return { ...d, label, sublabel: isKo ? `${KO_ORD[n - 1] ?? n}주` : `Week ${n}`, isToday, a: isFutureWeek ? -1 : d.a, b: isFutureWeek ? 0 : d.b };
+            return { ...d, label, sublabel: isKo ? `${KO_ORD[n - 1] ?? n}주` : `Week ${n}`, isToday, future: (d.future === true || isFutureWeek) || undefined, a: isFutureWeek ? -1 : d.a, b: isFutureWeek ? 0 : d.b };
         });
     }
     const opt = weekRanges.find(o => o.value === weekRange);
     if (!opt)
         return [];
     const monday = new Date(opt.year, opt.month - 1, firstMondayOfMonth(opt.year, opt.month - 1) + opt.week * 7);
-    return 주의날들(data, monday, now).map(({ dt, entry, isFuture }) => {
+    return 주의날들(data, monday, now, 옛표시).map(({ dt, entry, isFuture }) => {
         const dM = dt.getMonth() + 1, dD = dt.getDate(), dY = dt.getFullYear();
         const sameMonth = dM === opt.month && dY === opt.year;
         return {
             label: sameMonth ? `${dD}` : `${dM}/${dD}`,
             sublabel: DOW[dt.getDay()] ?? '',
+            future: isFuture || undefined,
             a: isFuture ? -1 : (entry && entry.a > 0 ? entry.a : 0),
             b: isFuture ? 0 : (entry && entry.b > 0 ? entry.b : 0),
             isToday: dY === nowY && dM === nowM && dD === nowD,
@@ -259,7 +267,7 @@ export default function BarChart({ size = 'medium', barWidth, titleKey, data, co
     // 외부 control 미지정 시 내부 컨트롤 사용 (단독 차트 하위 호환)
     const internalControl = useBarChartControl(data);
     const control = controlProp ?? internalControl;
-    const rawBars = useMemo(() => barsFromControl(data, control, t, i18n.language), [data, control, t, i18n.language]);
+    const rawBars = useMemo(() => barsFromControl(data, control, t, i18n.language, baseline == null), [data, control, t, i18n.language, baseline]);
     // 완료율 모드: a = 진행률(a/b×100). labelBKey 지정 시 b = 정답률(parts[0]/parts[1]×100) 2계열.
     //  월 보기의 주 막대는 **그 주 경과한 날의 일별 진행률 평균(미기록일 0%)** — 아래 total 과
     //  주 보기가 쓰는 같은 셈. 주 합 a/b 로 두면 기록 없는 날(b=0)이 빠져 같은 주가 두 보기에서
@@ -299,7 +307,7 @@ export default function BarChart({ size = 'medium', barWidth, titleKey, data, co
         };
         return rawBars.map((d, i) => {
             let a = d.a === -1 ? -1 : (d.b > 0 ? Math.round((d.a / d.b) * 100) : 0);
-            if (월 && d.a !== -1) {
+            if (월 && !미래칸(d)) {
                 const y = Number(월[1]), m0 = Number(월[2]) - 1;
                 const 지난날 = 주의날들(data, new Date(y, m0, firstMondayOfMonth(y, m0) + i * 7), now).filter(x => !x.isFuture);
                 if (rateAgg === 'weighted') {
@@ -319,7 +327,7 @@ export default function BarChart({ size = 'medium', barWidth, titleKey, data, co
                 }
             }
             let 계열 = null;
-            if (나란히 && d.a !== -1) {
+            if (나란히 && !미래칸(d)) {
                 let 날들;
                 if (월) {
                     const y = Number(월[1]), m0 = Number(월[2]) - 1;
@@ -373,7 +381,7 @@ export default function BarChart({ size = 'medium', barWidth, titleKey, data, co
         /* 기준선 모드는 부호를 살려 더한다 — 오르내림의 **순변화** 가 합계다(양수만 더하면 내린 주가 사라진다).
            미래 표시(a === -1)는 여기서도 뺀다 — 기준선 모드에서도 -1 은 '아직 오지 않은 칸' 이다(실제 -1 이 나올 수 있으면 그 칸을 자료에서 뺀다). */
         if (baseline != null) {
-            return 합칠것.reduce((s, d) => s + (d.a === -1 ? 0 : 수(d.a)) + (labelBKey ? 수(d.b) : 0), 0);
+            return 합칠것.reduce((s, d) => s + (미래칸(d, false) ? 0 : 수(d.a) + (labelBKey ? 수(d.b) : 0)), 0);
         }
         return 합칠것.reduce((s, d) => s + (d.a > 0 ? d.a : 0) + (labelBKey && d.b > 0 ? d.b : 0), 0);
     }, [bars, rawBars, rate, rateAgg, avgMode, baseline, labelBKey, control.period, control.monthRange, data]);
@@ -389,7 +397,7 @@ export default function BarChart({ size = 'medium', barWidth, titleKey, data, co
     const isLarge = size === 'large';
     const sectionClassName = [isSmall ? 'manager-section--compact' : isLarge ? 'manager-section--full' : undefined, className]
         .filter(Boolean).join(' ') || undefined;
-    return (_jsx(ChartSection, { className: sectionClassName, inGrid: inGrid, title: t(titleKey), titleClassName: isSmall ? 'h5 chart-section-title--small' : undefined, headRight: isSmall ? (headExtra ?? undefined) : _jsxs(_Fragment, { children: [!hideControls && _jsx(BarChartControls, { control: control }), headExtra, onDetail && (_jsx("span", { className: "manager-bar-chart-detail-btn", children: _jsx(Button, { htmlType: "button", size: detailSize, type: "dot", icon: "list", ariaLabel: t('trainingStatus.detail', '상세보기'), onClick: onDetail }) }))] }), subRow: _jsxs(_Fragment, { children: [showTotal ? ((rate || avgMode || (!!totalLabelKey && !!totalFormat)) ? (
+    return (_jsx(ChartSection, { className: sectionClassName, inGrid: inGrid, title: t(titleKey), titleClassName: isSmall ? 'h5 chart-section-title--small' : undefined, headRight: isSmall ? (headExtra ?? undefined) : _jsxs(_Fragment, { children: [!hideControls && _jsx(BarChartControls, { control: control }), headExtra, onDetail && (_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)) ? (
                 // 진행률/평균 모드 또는 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/Tooltip/MenuTooltip.css

@@ -63,6 +63,13 @@
   padding: 6px 10px;
 }
 
+/* 묶음 사이 가로선 — 항목이 아니라 경계다(키보드 차례에 끼지 않는다) */
+.tooltip-menu__separator {
+  height: 1px;
+  margin: 4px 0;
+  background: var(--color-whiteLine);
+}
+
 .tooltip-menu__item {
   width: 100%;
 }

package/dist/packages/core/src/components/Tooltip/MenuTooltip.d.ts

@@ -13,6 +13,9 @@ export type TooltipMenuColumnItem = {
     disabled?: boolean;
     /** 비활성 사유 등 hover 설명(title 속성). */
     tooltip?: string;
+    /** 이 항목 **앞** 에 가로 구분선을 그린다 — 성격이 다른 묶음을 가를 때(보기 고르개 항목들 ↔ 창을 여는 항목).
+     *  선은 그리기만 할 뿐 항목이 아니라, 키보드 차례·낭독기 목록에 끼지 않는다(`role="separator"`). 첫 항목에 주면 무시한다. */
+    separatorBefore?: boolean;
     /** 우측 원형 배지 숫자(알림 개수 등). 라벨에 "(5)"를 붙이는 대신 SideNav와 같은
      *  Badge type="dot"으로 표시한다 — 두 메뉴가 같은 항목을 다르게 보여주지 않도록. */
     badgeCount?: number;

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useState, useEffect, useRef } from 'react';
+import { Fragment, useCallback, useMemo, useState, useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import Button from '../Button';
 import Badge from '../Badge';
@@ -81,14 +81,14 @@ export default function MenuTooltip({ columns = [], onClose, className = '', siz
         }
         catch (err) { }
     }, [onClose, 보이는깊이]);
-    return (_jsxs("div", { className: `tooltip-menu tooltip-menu--${size} ${className}`, children: [(stack.length > 1 || current.title) && (_jsxs("div", { className: "tooltip-menu__header", children: [stack.length > 1 ? (_jsx(Button, { htmlType: "button", size: itemSize, type: "dot", icon: "chevron-left", ariaLabel: t('common.back', '뒤로'), onClick: goBack, variant: "transparent-gray", useBorder: false })) : null, _jsx("div", { className: "tooltip-menu__title button-1", children: current.title })] })), _jsx("div", { className: "tooltip-menu__columns", ref: itemsWrapRef, children: current.columns && current.columns.map((col, ci) => (_jsxs("div", { className: "tooltip-menu__column", children: [col.title ? _jsx("div", { className: "tooltip-menu__column-title body-3", children: col.title }) : null, _jsx("div", { className: "tooltip-menu__items", children: (col.items || []).map((item, idx) => (_jsx(Button, { htmlType: "button", className: "tooltip-menu__item", size: itemSize, type: item.label ? 'bar' : 'dot', icon: item.selected ? 'check' : (item.icon || 'none'), rightIcon: Array.isArray(item.children) && item.children.length
-                                    ? 'chevron-right'
-                                    : item.badgeCount
-                                        ? _jsx(Badge, { type: "dot", position: "inline", number: Math.min(item.badgeCount, 99), size: 24, "aria-hidden": true })
-                                        : undefined, label: item.label, 
-                                /* 개수는 이름에 붙인다 — ariaLabel 이 글자뿐이라 배지 수가 이름에서 빠져 "알림" 으로만 읽혔다
-                                   (SideNav·BottomNav 와 같은 nav.badgeLabel "알림, 5개"). */
-                                ariaLabel: item.label && item.badgeCount && item.badgeCount > 0
-                                    ? t('nav.badgeLabel', { label: item.label, count: item.badgeCount, defaultValue: '{{label}}, {{count}}개' })
-                                    : item.label, onClick: () => handleClick(item, ci, idx), selected: item.selected, disabled: item.disabled, showTooltipInfo: item.tooltip || false, useBorder: false, align: "left" }, idx))) })] }, ci))) })] }));
+    return (_jsxs("div", { className: `tooltip-menu tooltip-menu--${size} ${className}`, children: [(stack.length > 1 || current.title) && (_jsxs("div", { className: "tooltip-menu__header", children: [stack.length > 1 ? (_jsx(Button, { htmlType: "button", size: itemSize, type: "dot", icon: "chevron-left", ariaLabel: t('common.back', '뒤로'), onClick: goBack, variant: "transparent-gray", useBorder: false })) : null, _jsx("div", { className: "tooltip-menu__title button-1", children: current.title })] })), _jsx("div", { className: "tooltip-menu__columns", ref: itemsWrapRef, children: current.columns && current.columns.map((col, ci) => (_jsxs("div", { className: "tooltip-menu__column", children: [col.title ? _jsx("div", { className: "tooltip-menu__column-title body-3", children: col.title }) : null, _jsx("div", { className: "tooltip-menu__items", children: (col.items || []).map((item, idx) => (_jsxs(Fragment, { children: [item.separatorBefore && idx > 0 && _jsx("div", { className: "tooltip-menu__separator", role: "separator" }), _jsx(Button, { htmlType: "button", className: "tooltip-menu__item", size: itemSize, type: item.label ? 'bar' : 'dot', icon: item.selected ? 'check' : (item.icon || 'none'), rightIcon: Array.isArray(item.children) && item.children.length
+                                            ? 'chevron-right'
+                                            : item.badgeCount
+                                                ? _jsx(Badge, { type: "dot", position: "inline", number: Math.min(item.badgeCount, 99), size: 24, "aria-hidden": true })
+                                                : undefined, label: item.label, 
+                                        /* 개수는 이름에 붙인다 — ariaLabel 이 글자뿐이라 배지 수가 이름에서 빠져 "알림" 으로만 읽혔다
+                                           (SideNav·BottomNav 와 같은 nav.badgeLabel "알림, 5개"). */
+                                        ariaLabel: item.label && item.badgeCount && item.badgeCount > 0
+                                            ? t('nav.badgeLabel', { label: item.label, count: item.badgeCount, defaultValue: '{{label}}, {{count}}개' })
+                                            : item.label, onClick: () => handleClick(item, ci, idx), selected: item.selected, disabled: item.disabled, showTooltipInfo: item.tooltip || false, useBorder: false, align: "left" })] }, idx))) })] }, ci))) })] }));
 }

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

@@ -11,6 +11,9 @@ export interface BarData {
     isToday?: boolean;
     parts?: number[];
     partsB?: number[];
+    /** 아직 오지 않은 칸 — 막대를 그리지 않고 글씨를 흐리게, 평균·합계에서 뺀다.
+     *  `a === -1` 이 같은 뜻의 옛 표시인데, **음수가 값인 차트**(baseline)에서는 −1 이 진짜 값일 수 있어 이 칸을 쓴다. */
+    future?: boolean;
 }
 /** 한 구간(월 등)의 주별/일별 막대 데이터 묶음 */
 export type MonthBarData = {
@@ -26,6 +29,8 @@ export interface ChartPoint {
     b: number;
     parts?: number[];
     partsB?: number[];
+    /** 아직 오지 않은 날 — `a === -1` 과 같은 뜻이고, 음수를 값으로 쓰는 차트(baseline)에서는 이쪽을 쓴다. */
+    future?: boolean;
 }
 /** 해당 월(0-based)의 첫 월요일 날짜(1~7). 예: 2026-05(금요일 시작) → 4 */
 export declare function firstMondayOfMonth(year: number, month0: number): number;

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

@@ -113,6 +113,8 @@ export function buildMonthChartData(points) {
             const isFuture = isCurMonth && d > today;
             daily.push({
                 label: String(d),
+                /* 미래는 두 표시를 함께 단다 — 음수를 값으로 쓰는 차트(baseline)는 -1 을 진짜 값으로 읽으므로 future 를 본다 */
+                ...(isFuture && dayA[d] === 0 && dayB[d] === 0 ? { future: true } : {}),
                 a: isFuture && dayA[d] === 0 && dayB[d] === 0 ? -1 : dayA[d],
                 b: dayB[d],
                 ...(partsLen ? { parts: dayParts[d] } : {}),

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

@@ -167,6 +167,9 @@ import CalendarIcon from 'lucide-react/dist/esm/icons/calendar.mjs';
 import CarIcon from 'lucide-react/dist/esm/icons/car.mjs';
 import CoffeeIcon from 'lucide-react/dist/esm/icons/coffee.mjs';
 import Gamepad2Icon from 'lucide-react/dist/esm/icons/gamepad-2.mjs';
+import ClockIcon from 'lucide-react/dist/esm/icons/clock.mjs';
+import TargetIcon from 'lucide-react/dist/esm/icons/target.mjs';
+import PercentIcon from 'lucide-react/dist/esm/icons/percent.mjs';
 import InboxIcon from 'lucide-react/dist/esm/icons/inbox.mjs';
 import ListTreeIcon from 'lucide-react/dist/esm/icons/list-tree.mjs';
 import MessageSquareMoreIcon from 'lucide-react/dist/esm/icons/message-square-more.mjs';
@@ -254,6 +257,11 @@ export const STATIC_LUCIDE_ICONS = {
     'folder-plus': FolderPlusIcon,
     'gamepad': GamepadIcon,
     'gamepad-2': Gamepad2Icon,
+    /* 시각·시간을 뜻하는 이름이 하나도 없었다(말귀 '⋯' 메뉴의 '시간' 항목) */
+    'clock': ClockIcon,
+    /* 정답률·목표 — target 과 percent 를 함께 둔다(쓰는 쪽이 뜻에 맞는 것을 고른다) */
+    'target': TargetIcon,
+    'percent': PercentIcon,
     'gavel': GavelIcon,
     'git-merge': GitMergeIcon,
     'globe': GlobeIcon,

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

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

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

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