// Minimal stroke icons. Keep them ~14px and currentColor.
const Icon = ({ d, size = 14, strokeWidth = 1.6, fill = "none" }) => (
  <svg width={size} height={size} viewBox="0 0 16 16" fill={fill} stroke="currentColor" strokeWidth={strokeWidth} strokeLinecap="round" strokeLinejoin="round">
    {d}
  </svg>
);

const I = {
  Inbox:    () => <Icon d={<><path d="M2 9l2-5h8l2 5"/><path d="M2 9v3h12V9"/><path d="M5 9h2a1 1 0 0 0 2 0h2"/></>}/>,
  Task:     () => <Icon d={<><rect x="2.5" y="3" width="11" height="10" rx="1.5"/><path d="M5 7l1.5 1.5L9 6"/><path d="M5 11h6"/></>}/>,
  Queue:    () => <Icon d={<><path d="M3 4h10"/><path d="M3 8h7"/><path d="M3 12h10"/></>}/>,
  Sessions: () => <Icon d={<><circle cx="8" cy="8" r="5"/><path d="M8 5v3l2 1.5"/></>}/>,
  Console:  () => <Icon d={<><rect x="2" y="3" width="12" height="10" rx="1.5"/><path d="M5 7l1.5 1.5L5 10"/><path d="M9 10h2.5"/></>}/>,
  Search:   () => <Icon d={<><circle cx="7" cy="7" r="4"/><path d="M10 10l3 3"/></>}/>,
  Play:     () => <Icon d={<><path d="M5 3v10l8-5z" fill="currentColor"/></>} fill="currentColor" strokeWidth={0}/>,
  Plus:     () => <Icon d={<><path d="M8 3v10M3 8h10"/></>}/>,
  Edit:     () => <Icon d={<><path d="M3 13l3-1 7-7-2-2-7 7-1 3z"/></>}/>,
  X:        () => <Icon d={<><path d="M4 4l8 8M12 4l-8 8"/></>}/>,
  More:     () => <Icon d={<><circle cx="3" cy="8" r=".7" fill="currentColor"/><circle cx="8" cy="8" r=".7" fill="currentColor"/><circle cx="13" cy="8" r=".7" fill="currentColor"/></>} fill="currentColor" strokeWidth={0}/>,
  Chev:     () => <Icon d={<><path d="M5 6l3 3 3-3"/></>}/>,
  Arrow:    () => <Icon d={<><path d="M3 8h10M9 4l4 4-4 4"/></>}/>,
};

window.I = I;