// Komonichi — Today page: calendar strip, goals hierarchy, today's tasks, focus timer
const { useKomonichi, actions, sel, fmtMin, todayKey } = window.KomonichiState;
const JP_QUOTES = [
{ jp: '一期一会', romaji: 'ichigo ichie', en: 'One time, one meeting. This moment will not come again.' },
{ jp: '七転び八起き', romaji: 'nana korobi ya oki', en: 'Fall seven times, rise eight.' },
{ jp: '初心忘るべからず', romaji: 'shoshin wasuru bekarazu', en: 'Do not forget the beginner’s mind.' },
{ jp: '有難う', romaji: 'arigatou', en: '“To be” “difficult” — thank you means: your existence here is rare.' },
{ jp: '水に流す', romaji: 'mizu ni nagasu', en: 'Let it flow with the water. What is past, let pass.' },
{ jp: '昔は昔今は今', romaji: 'mukashi wa mukashi ima wa ima', en: 'The past was the past. Now is now.' },
{ jp: '続けることは力なり', romaji: 'tsuzukeru koto wa chikara nari', en: 'To continue is itself a kind of strength.' },
{ jp: '心ここにあらざれば', romaji: 'kokoro koko ni arazareba', en: 'If the heart is not here, the eye does not see.' },
{ jp: '余白', romaji: 'yohaku', en: 'The blank space. What is not painted is also the painting.' },
{ jp: '静かなる水は深し', romaji: 'shizuka naru mizu wa fukashi', en: 'Still water runs deep.' },
{ jp: '今日の一針', romaji: 'kyou no ippari', en: 'Today’s single stitch — better than tomorrow’s thousand.' },
{ jp: '細流も海に至る', romaji: 'sairyuu mo umi ni itaru', en: 'Even the thinnest stream arrives at the sea.' },
];
function QuoteOfDay() {
// pick by day-of-year so it changes each day; rotate hourly with subtle fade
const [now, setNow] = React.useState(new Date());
React.useEffect(() => {
const id = setInterval(() => setNow(new Date()), 60 * 1000);
return () => clearInterval(id);
}, []);
const dayIdx = Math.floor((now - new Date(now.getFullYear(), 0, 0)) / 86400000);
const q = JP_QUOTES[(dayIdx + now.getHours() % 3) % JP_QUOTES.length];
return (
);
}
function DailyNotes() {
const [state] = useKomonichi();
const k = todayKey();
const stored = (state.notes && state.notes[k]) || '';
const [text, setText] = React.useState(stored);
// Pull today's note from the server on first mount (bootstrap doesn't include it).
React.useEffect(() => {
if (!(state.notes && k in state.notes)) {
actions.loadNoteForDate(k).catch(() => {});
}
}, [k]);
// Re-sync the textarea when the store updates (e.g. after a server load
// or an edit in the Journal tab).
React.useEffect(() => { setText(stored); }, [stored, k]);
const [savedAt, setSavedAt] = React.useState(null);
const tRef = React.useRef(null);
const onChange = (v) => {
setText(v);
if (tRef.current) clearTimeout(tRef.current);
tRef.current = setTimeout(() => {
actions.setDailyNote(k, v);
setSavedAt(new Date());
}, 500);
};
return (
a page kept open
today's notes
{savedAt ? `saved · ${savedAt.toLocaleTimeString('en', { hour: 'numeric', minute: '2-digit' }).toLowerCase()}` : 'auto-save'}