// `panels.ts`, not `.tsx` — discovery checks for that exact name.
import type { AppRegistryMeta } from 'officerdev';
import { Globe, LayoutList, Plug } from 'lucide-react';
import { TabList } from './TabList';
import { TabPreview } from './TabPreview';
import { PairingPanel } from './PairingPanel';

// Two panels, both self-contained — they read their own data and take no props, which is why the screen
// that used to render them (`BrowserScreen.tsx`, with `appType: null` placeholders) had nothing to pass
// and could simply be deleted. The Workspace hosts them directly now.
export const appRegistryMetas: AppRegistryMeta[] = [
  {
    key: 'officerdev/browser-tabs',
    name: 'Tabs',
    icon: LayoutList,
    component: TabList,
    availableOnPanel: false,
  },
  {
    // Pairing is a panel rather than a settings page, because it is not configuration you set once — it
    // shows whether the extension is connected right now and how many tabs it holds, which is the first
    // thing anyone looks at when a capture does not work.
    key: 'officerdev/browser-pairing',
    name: 'Pairing',
    icon: Plug,
    component: PairingPanel,
    availableOnPanel: true,
  },
  {
    key: 'officerdev/browser-preview',
    name: 'Preview',
    icon: Globe,
    component: TabPreview,
    availableOnPanel: false,
  },
];