import type { AppRegistryMeta } from 'officerdev';
import { List, PanelRight } from 'lucide-react';
import { NavPanel } from './NavPanel';
import { DetailPanel } from './DetailPanel';

/**
 * Two panels: a nav, and whatever it selects.
 *
 * They are SIBLINGS that never speak to each other — the nav writes `?section=` and the detail panel
 * reads it. That is `docs/navigation-audit.md`'s rule, and it is what makes every section linkable and
 * survive a reload.
 *
 * `availableOnPanel: false` — these belong to this plugin's screen, not to the generic panel picker.
 * A "Fofos sections" panel offered on somebody's dashboard would render a nav with nothing beside it.
 */
export const appRegistryMetas: AppRegistryMeta[] = [
  {
    key: 'fofos-admin-nav',
    name: 'Sections',
    icon: List,
    component: NavPanel,
    availableOnPanel: false,
  },
  {
    key: 'fofos-admin-detail',
    name: 'Detail',
    icon: PanelRight,
    component: DetailPanel,
    availableOnPanel: false,
  },
];