// <MetaNav> — the header's meta-nav strip (`<nav id="meta-links">` in
// the old markup): stats/screen/forge/config + any
// `hyperhive.dashboardLinks` extras, sourced from the backend's
// `agent_links()` (the single source of truth — same list also feeds
// the dashboard card's icon strip). See
// docs/web-ui/agent.md::Header for the kind → URL resolution table
// this ports verbatim from app.js's `refreshState` (lines ~1216-1244):
// `container` → same-origin path (this page is itself container-local);
// `forge` → `forgePublicUrl + url`, and the link is dropped entirely
// when `forgePublicUrl` is unset (never guessed from `<host>:3000`);
// `external` → already absolute. Plain JSX text (not `innerHTML`), so
// this is XSS-safe by construction the same way app.js's `el()`-built
// anchors were — no new escaping to get right.
import type { AgentLink } from '../types.js';

export interface MetaNavProps {
  links: AgentLink[];
  forgePublicUrl: string | null;
}

export function MetaNav({ links, forgePublicUrl }: MetaNavProps) {
  const visible = links.filter((lnk) => lnk.kind !== 'forge' || forgePublicUrl);
  if (visible.length === 0) return null;

  return (
    <nav class="agent-nav" id="meta-links">
      {visible.map((lnk) => {
        const href = lnk.kind === 'forge' ? `${forgePublicUrl}${lnk.url}` : lnk.url;
        return (
          <a
            key={lnk.url}
            class="agent-nav-link"
            href={href}
            target="_blank"
            rel="noopener"
            title={lnk.label}
          >
            {`${lnk.icon} ${lnk.label}`.trim()} →
          </a>
        );
      })}
    </nav>
  );
}