// jsx/Glyphs.jsx — shared brand integration logos. Used by the AI Agents page
// (floating chips, library cards, integrations band) and the homepage (console
// stack row, service cards, integrations strip). One source of truth so the
// logo set never drifts between pages. Compact, recognizable at ~20-30px.
function FloatGlyph({ kind }) {
switch (kind) {
case "gmail": return ();
case "calendar": return ();
case "slack": return ();
case "notion": return ();
case "drive": return ();
case "sheets": return ();
case "github": return ();
case "discord": return ();
case "linkedin": return ();
case "asana": return ();
case "whatsapp": return ();
case "telegram": return ();
case "hubspot": return ();
case "xero": return ();
case "granola": return ();
case "onedrive": return ();
case "jira": return ();
case "intercom": return ();
case "airtable": return ();
case "clickup": return ();
case "salesforce": return ();
case "stripe": return ();
case "zoom": return ();
case "figma": return ();
case "docs": return ();
case "dropbox": return ();
case "gitlab": return ();
case "shopify": return ();
case "loom": return ();
case "monday": return ();
case "ga4": return ();
case "tenable": return ();
case "vanta": return ();
default: return ();
}
}
// Brand Z mark — black (or light, on dark) Z with an offset magenta shadow.
// Shared across every page. `onDark` flips the Z to paper so it reads on
// dark surfaces. (The favicon is the same mark, baked into zarco-mark.svg.)
function ZMark({ onDark }) {
const zf = onDark ? "#FAFAF7" : "#0E0E0E";
const pts = ["26,22 100,22 100,42 26,42", "26,84 100,84 100,104 26,104", "79,42 100,42 47,84 26,84"];
return (
);
}
// Agent faces — minimal flat-vector busts so agents read as colleagues, not
// letter tiles. Muted tones on the dark Console surfaces; one per named agent.
function AgentFace({ who }) {
const faces = {
juno: ( // Research · dark bob, plum top
),
ezra: ( // Finance · cropped hair, slate top
),
mara: ( // Support · curls, sage top
),
};
return faces[who] || faces.juno;
}
window.FloatGlyph = FloatGlyph;
window.ZMark = ZMark;
window.AgentFace = AgentFace;