/* ═══════════════════════════════════════════════════════════
OpAgent Inside — shared UI primitives
═══════════════════════════════════════════════════════════ */
const { useState, useEffect, useRef } = React;
/* ── canonical OpAgent target mark (brand identity logo) ── */
function Reticle({ size = 30, color = "#163D2B", dot = "#C4973E" }){
return (
);
}
/* ── Q+i monogram — used only as a subtle corner watermark ── */
function QiWatermark({ onDark, inAside }){
const qFill = onDark ? "rgba(253,252,249,0.06)" : "rgba(22,61,43,0.05)";
const iFill = onDark ? "rgba(196,151,62,0.42)" : "rgba(196,151,62,0.12)";
return (
);
}
function Wordmark({ color="#163D2B" }){
return OpAgent.ai;
}
/* ── REF tag ── */
function Ref(){ return REF; }
/* ── chips ── */
function Chip({ kind, children, dot, dotColor }){
return {dot && }{children};
}
function EngineChip({ name }){ return {name}; }
function OwnerChip({ name }){ return ◦ {name}; }
function ClockChip({ when, urgent }){ return ◷ {when}; }
function PayerChip({ name }){ return {name}; }
function CptChip({ code }){ return {code}; }
/* ── dollar ── */
function Dollar({ amount, lost, refTag, sm }){
if(!amount) return null;
return {amount}{refTag && REF};
}
/* ── deep-link (propose-only; stages, human commits) ── */
function DeepLink({ label = "Deep-link to DrChrono", onStage }){
const [staged, setStaged] = useState(false);
return (
{staged ? "awaiting human commit" : "proposes · never writes"}
);
}
/* ── hero tile ── */
function Tile({ label, value, sub, kind }){
const cls = kind==="gilt" ? "gilt" : kind==="deny" ? "deny" : kind==="rej" ? "rej" : "";
const vcls = kind==="gilt" ? "gilt" : kind==="money" ? "money" : "";
return (
);
}
/* ── section head ── */
function SHead({ title, count }){
return {title}
{count && {count}};
}
/* ── toast ── */
function Toast({ msg, sub, show }){
return (
⤴
{msg}{sub && {sub}}
);
}
Object.assign(window, {
Reticle, QiWatermark, Wordmark, Ref, Chip, EngineChip, OwnerChip, ClockChip, PayerChip, CptChip,
Dollar, DeepLink, Tile, SHead, Toast
});