/* Reeve — phone shell, brand mark, and tiny primitives.
Everything here is theme-agnostic: visual differences between the two
directions live entirely in CSS keyed off .style-glass / .style-notion. */
const { useState, useRef, useEffect } = React;
/* ---------- ReeveMark — the brand logo ----------
A single warm ember (filled dot + soft glow) cradled by a thin open arc:
the assistant quietly keeping one thing warm and held until you decide.
Built from a circle + an arc only. */
function ReeveMark({ size = 24, stroke = 2 }) {
const s = size;
return (
);
}
/* ---------- SpecMark — the specialist sub-agent's mark ----------
Same open cradle as Reeve (it's brought in BY Reeve, same family), but the
ember is credentialed: a focused core ringed once. Tinted to the secondary
color via CSS (.specmark { color: var(--accent-b) }) so it reads as a
distinct, domain-expert helper without leaving the palette. */
function SpecMark({ size = 24, stroke = 2 }) {
const s = size;
return (
);
}
/* ---------- specialist enabled-state store (shared across files) ----------
One-time authorization model: once on, Reeve dispatches the specialist on
its own at sensible moments; the user still only approves the final send.
Persisted to localStorage; default ON (by the time you're in the app you've
been through the cold-start recommend). Any component subscribes via the
useSpecialist() hook. */
const SPEC_KEY = "reeve.specialist.on";
let _specOn = true;
try { if (localStorage.getItem(SPEC_KEY) === "0") _specOn = false; } catch (e) {}
const _specSubs = new Set();
function setSpecialistOn(v) {
_specOn = !!v;
try { localStorage.setItem(SPEC_KEY, _specOn ? "1" : "0"); } catch (e) {}
_specSubs.forEach((fn) => fn(_specOn));
}
function useSpecialist() {
const [on, setOn] = useState(_specOn);
useEffect(() => {
const fn = (v) => setOn(v);
_specSubs.add(fn);
setOn(_specOn);
return () => { _specSubs.delete(fn); };
}, []);
return [on, setSpecialistOn];
}
function Chev() { return ›; }
/* hiTime — wrap every time phrase in a highlighted .
Covers weekday(+period+clock), standalone clock, durations, relative days,
and the English email forms (Tuesday / March 10th / 10:30 AM / 3/10). */
const TIME_RE = /周[一二三四五六日](?:上午|下午|早上|晚上)?(?:\s?\d{1,2}:\d{2}\s?(?:[AaPp][Mm])?)?|\d{1,2}:\d{2}\s?(?:[AaPp][Mm])?|\d+\s?(?:天|小时|分钟|秒)(?![一-鿿])|前一天|明早|明天|今天|当天|上午|下午|早上|晚上|(?:Mon|Tues|Wednes|Thurs|Fri|Satur|Sun)day|(?:January|February|March|April|May|June|July|August|September|October|November|December)\s?\d{1,2}(?:st|nd|rd|th)?|\d{1,2}\/\d{1,2}/g;
function hiTime(text) {
if (typeof text !== "string") return text;
const out = []; let last = 0; let m;
const re = new RegExp(TIME_RE);
while ((m = re.exec(text)) !== null) {
if (m.index > last) out.push(text.slice(last, m.index));
out.push({m[0]});
last = m.index + m[0].length;
if (m.index === re.lastIndex) re.lastIndex++;
}
if (last < text.length) out.push(text.slice(last));
return out;
}
function Avatar({ dot }) {
return D{dot ? : null};
}
function Chip({ children, tone }) { return {children}; }
/* official multicolor Google "G" for the sign-in button */
function GoogleG() {
return (
);
}
/* Apple logo glyph for the sign-in button */
function AppleLogo() {
return (
);
}
/* ---------- iOS status bar (Dynamic Island era) ---------- */
function StatusBar() {
return (
9:41
);
}
/* ---------- phone frame ---------- */
function Phone({ styleId, children }) {
return (
{children}
);
}
/* ---------- chrome shared by screens ---------- */
function AppTop() {
return (
Reeve在盯
);
}
function BackTop({ title, onBack, right }) {
return (