// Small reusable bits + icons.
const Icon = {
Search: () => (
),
Plus: () => (
),
Filter: () => (
),
Close: () => (
),
Menu: () => (
),
Sun: () => (
),
Moon: () => (
),
Branch: () => (
),
PR: () => (
),
Chevron: ({ open }) => (
),
Sparkle: () => (
),
Tool: () => (
),
Dot: () => (
),
Output: () => (
),
Wait: () => (
),
Decision: () => (
),
};
function Avatar({ who, size = 20 }) {
const a = (window.AGENTS || {})[who] || { name: who || "?", kind: "ai", hue: Math.abs((who || "?").charCodeAt(0) || 0) % 360, role: "" };
const name = a.name || who || "?";
const initials = String(name).split(" ").map((s) => s[0] || "").join("").slice(0, 2).toUpperCase() || "?";
const bg = a.kind === "human"
? `oklch(56% 0.10 ${a.hue || 260})`
: `oklch(58% 0.14 ${a.hue || 200})`;
return (
{initials}
);
}
window.Icon = Icon;
window.Avatar = Avatar;