diff --git a/frontend/src/views/DiaryView.vue b/frontend/src/views/DiaryView.vue
index c4cf988f..498ca373 100644
--- a/frontend/src/views/DiaryView.vue
+++ b/frontend/src/views/DiaryView.vue
@@ -439,6 +439,9 @@
{{ getPlanItemStatus(item).label }}
+
+ {{ getPlanDurationMinutesDisplay(item) }}
+
@@ -469,6 +472,9 @@
{{ getPlanItemStatus(item).label }}
+
+ {{ getPlanDurationMinutesDisplay(item) }}
+
@@ -2749,6 +2755,13 @@ export default {
}
return `${item.duration || ''}${item.durationText && item.durationText.trim() !== '' ? ` (${item.durationText})` : ''}`;
},
+ getPlanDurationMinutesDisplay(item) {
+ const duration = Number(item?.duration);
+ if (!Number.isFinite(duration) || duration <= 0) {
+ return '';
+ }
+ return `${duration} ${this.$t('diary.minutes')}`;
+ },
getTimeblockMaxGroupDuration(timeblockItem) {
const entries = Array.isArray(timeblockItem?.groupActivities) ? timeblockItem.groupActivities : [];
if (!entries.length) return 0;
@@ -5722,6 +5735,17 @@ img {
color: #7a5a12;
}
+.plan-duration-badge {
+ display: inline-flex;
+ align-items: center;
+ border-radius: 999px;
+ padding: 0.1rem 0.45rem;
+ font-size: 0.72rem;
+ font-weight: 700;
+ background: #eaf1f5;
+ color: #39566a;
+}
+
.diary-readiness-panel {
margin-bottom: 1rem;
padding: 0.9rem 1rem;