// TopBar.jsx — sticky breadcrumbs + search + actions
function TopBar({ crumbs = [], actions, onOpenCommandPalette }) {
  return (
    <div className="topbar">
      <div className="crumbs">
        {crumbs.map((c, i) => (
          <React.Fragment key={i}>
            {i > 0 && <span className="sep">/</span>}
            <span className={i === crumbs.length - 1 ? 'here' : ''}>{c}</span>
          </React.Fragment>
        ))}
      </div>
      <div className="spacer" />
      <button type="button" className="search" onClick={onOpenCommandPalette}>
        <Icon name="MagnifyingGlassIcon" size={14} weight="bold" />
        <span>Jump to a ticket, view, or page…</span>
        <span className="k">⌘K</span>
      </button>
      {actions}
    </div>
  );
}
Object.assign(window, { TopBar });