// ForestLynk shared icons + small primitives.
// Lucide-derived strokes; never increase weight past 1.5px in product chrome.
const FLIcons = {
Map: ({ size = 22, color = 'currentColor' }) => (
),
Sun: ({ size = 22, color = 'currentColor' }) => (
),
Pencil: ({ size = 22, color = 'currentColor' }) => (
),
User: ({ size = 22, color = 'currentColor' }) => (
),
Pin: ({ size = 16, color = 'currentColor' }) => (
),
Branch: ({ size = 16, color = 'currentColor' }) => (
),
Search: ({ size = 18, color = 'currentColor' }) => (
),
ArrowUp: ({ size = 18, color = 'currentColor' }) => (
),
ChevronLeft: ({ size = 22, color = 'currentColor' }) => (
),
More: ({ size = 22, color = 'currentColor' }) => (
),
TreeMark: ({ size = 22, active = false }) => {
const ring = active ? "#4F8E51" : "#586552";
return (
);
},
};
// Identity stage badge
function StageBadge({ stage = 'stranger', size = 'sm' }) {
const cfg = {
stranger: { bg: '#1A2812', border: '#2D3A22', fg: '#8A9678', label: 'Stranger' },
acquaintance: { bg: '#1B3A1D', border: '#2C5F2E', fg: '#A9C2A4', label: 'Acquaintance' },
friend: { bg: '#4F8E51', border: '#4F8E51', fg: '#F2EDE4', label: 'Friend' },
}[stage];
return (
{cfg.label}
);
}
// Node dot — color encodes depth
function NodeDot({ depth = 0, active = false, size = 10 }) {
const colors = ['#2C5F2E', '#5E8048', '#A8C5A0', '#A8C5A0'];
const c = active ? '#D4960C' : (colors[Math.min(depth, 3)]);
return (
);
}
Object.assign(window, { FLIcons, StageBadge, NodeDot });