/* global React */
const { useState, useEffect, useRef } = React;
/* ════════════════════════════════════════════════════════════════
SCREEN 7: NATAL CHART (when created)
═══════════════════════════════════════════════════════════════ */
const NATAL_NARRATIVES = [
{ g: '☉', t: 'Личность', b: 'Солнце во Льве в 10 доме. Ты создана быть видимой — твоя сила раскрывается, когда работа становится сценой. Свет, который ты несёшь, греет, а не обжигает.' },
{ g: '☽', t: 'Эмоции', b: 'Луна в Деве в 11 доме. Ты чувствуешь через детали и через других. Близкие люди — твой эмоциональный камертон.' },
{ g: '☿', t: 'Коммуникация', b: 'Меркурий во Льве. Ты говоришь образами и сценами. В словах живёт театр — это твоя сила убеждать.' },
{ g: '♀', t: 'Любовь', b: 'Венера в Деве. Ты любишь через заботу о деталях. Жесты значат для тебя больше слов.' },
{ g: '♂', t: 'Действие', b: 'Марс в Овне. Ты начинаешь стремительно. Учись держать темп — он твой главный союзник.' },
{ g: '♃', t: 'Рост', b: 'Юпитер в Стрельце. Тебя растят дороги и иностранные языки. Не оставайся в одной комнате слишком долго.' },
{ g: '♄', t: 'Структура', b: 'Сатурн в Козероге. Дисциплина — твой невидимый ангел. Через ограничение ты находишь свободу.' },
{ g: '♅', t: 'Свобода', b: 'Уран в Водолее. Ты рождена для перемен. Не бойся отказаться от того, что было правдой вчера.' },
{ g: '♆', t: 'Воображение', b: 'Нептун в Рыбах. Ты видишь сны как карты. Доверяй интуиции — она знает раньше разума.' },
{ g: '♇', t: 'Глубина', b: 'Плутон в Скорпионе. Ты способна на полную трансформацию. Не бойся уходить в темноту — там твой ресурс.' },
];
function NatalChartScreen({ name, onRecreate }) {
return (
НАТАЛЬНАЯ КАРТА
{name} · 12 августа 1993, 04:18 · Москва
ASCРак 14°
MCРыбы 22°
☉Лев 19°
{NATAL_NARRATIVES.map(n => (
{n.g}
{n.t.toUpperCase()}
{n.b}
))}
);
}
window.NatalChartScreen = NatalChartScreen;
/* Empty natal (offer to create) */
function NatalEmptyScreen({ onCreate }) {
return (
✶
КАРТА ЕЩЁ НЕ СОЗДАНА
Натальная карта — отпечаток неба в момент твоего рождения. Создаётся один раз.
);
}
window.NatalEmptyScreen = NatalEmptyScreen;
/* ════════════════════════════════════════════════════════════════
SCREEN 8: CALENDAR (Days)
═══════════════════════════════════════════════════════════════ */
const WD = ['ВС','ПН','ВТ','СР','ЧТ','ПТ','СБ'];
const MONTHS = ['янв','фев','мар','апр','мая','июн','июл','авг','сен','окт','ноя','дек'];
const MOON_SIGNS = ['Деве','Весах','Скорпионе','Стрельце','Козероге','Водолее','Рыбах','Овне','Тельце','Близнецах','Раке','Льве'];
function generateDays() {
// start Tue 12 May 2026, 30 days
const start = new Date(2026, 4, 12);
let seed = 42;
const rnd = () => { seed = (seed * 9301 + 49297) % 233280; return seed / 233280; };
const moods = ['up','tension','calm','up','down','calm','up','tension','up','calm','tension','calm'];
const leads = [
'Утро открытое, разговоры легки — ловите слова, которые давно ждали.',
'День внутреннего напряжения: лучше слушать, чем решать.',
'Тихий ровный день — для дел, требующих терпения.',
'Венера улыбается — день для нежного слова и старого письма.',
'Меркурий ретроградный задевает связь — перечитайте дважды.',
'Луна в Деве просит порядка — разберите одну полку.',
'День золотой: бери начатое и доводи до точки.',
'Марс задевает Солнце — следи за тоном после полудня.',
'Импульс силён — но направь его на одно дело, не на десять.',
'Тишина — лучший советник этого дня.',
'Ретроградность сгущает старые темы. Не торопитесь отвечать.',
'Лунные часы — для воды, ванны, медленных дел.',
];
return Array.from({ length: 30 }, (_, i) => {
const d = new Date(start);
d.setDate(start.getDate() + i);
const r = rnd();
const mood = moods[i % moods.length];
const markers = [];
if (r > 0.7) markers.push('opp');
if (r > 0.85) markers.push('tension');
if ([3, 11, 22].includes(i)) markers.push('merc');
if ([5, 14, 26].includes(i)) markers.push('moon');
return {
date: d, mood,
lead: leads[i % leads.length],
moonSign: MOON_SIGNS[i % MOON_SIGNS.length],
markers,
};
});
}
const moodColor = (m) => ({
up: 'linear-gradient(180deg, #6FD68A, #4FBD6E)',
tension: 'linear-gradient(180deg, #E0A560, #C77A35)',
calm: 'linear-gradient(180deg, rgba(201,168,106,0.7), rgba(201,168,106,0.3))',
down: 'linear-gradient(180deg, #E26565, #B53A3A)',
}[m] || 'rgba(255,255,255,0.2)');
function CalendarScreen({ hasNatal }) {
const days = useRef(generateDays()).current;
const [filter, setFilter] = useState('all');
const [openDay, setOpenDay] = useState(null);
const filtered = days.filter(d => {
if (filter === 'all') return true;
if (filter === 'opp') return d.markers.includes('opp');
if (filter === 'tension') return d.markers.includes('tension');
if (filter === 'peaks') return d.markers.includes('opp') && d.markers.includes('tension');
return true;
});
return (
КАЛЕНДАРЬ
Тридцать дней — тридцать состояний неба
{/* legend */}
Возможность Напряжение Меркурий рх
{hasNatal && Луна задевает}
{reversed
? 'В перевёрнутом положении карта зовёт замедлиться: то, что обычно делаешь снаружи — сегодня сделай внутри. День интроверсии и пересборки.'
: 'Карта говорит прямо: то, что чувствуешь сегодня — не случайность. Это направление. Не сворачивай — но и не торопись.'}
)}
);
}
window.CardOfDayScreen = CardOfDayScreen;
function TarotCardFace({ card, reversed, large }) {
const w = large ? 220 : 80;
const pad = large ? 9 : 3;
const id = String(card.id).padStart(2, '0');
return (
