import React from 'react'

const webSearchIcon = React.createElement(
  'svg',
  { width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2 },
  React.createElement('circle', { cx: 12, cy: 12, r: 10 }),
  React.createElement('path', { d: 'M2 12h20' }),
  React.createElement('path', { d: 'M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z' }),
)

export const metadata = {
  requireAuth: true,
  // Same view-level gate as the rest of the Agents group, so the entry appears
  // wherever the other orchestrator pages do. Writing the policy is separately
  // gated on `agents.manage` at the PUT route — read the config, don't change it.
  requireFeatures: ['agent_orchestrator.agents.view'],
  pageTitle: 'Web search',
  pageTitleKey: 'agent_orchestrator.nav.webSearch',
  // Lives in Settings, not the Agents group: this screen configures an
  // instance-wide capability (which adapters run, their credentials and the
  // fusion policy) rather than operating on any one agent.
  pageGroup: 'Settings',
  pageGroupKey: 'backend.nav.settings',
  pageOrder: 290,
  icon: webSearchIcon,
  pageContext: 'settings' as const,
  breadcrumb: [{ label: 'Web search', labelKey: 'agent_orchestrator.nav.webSearch' }],
}

export default metadata