import { MessageSquare, Route, ShieldCheck } from 'lucide-react';
import type { AppRegistryMeta } from 'officerdev';
import { HostsPanel } from './HostsPanel';
import { CertificatesPanel } from './CertificatesPanel';
import { ChatPanel } from './ChatPanel';

// Three panels. Hosts is what the plugin is for; certificates is the thing that quietly breaks and is
// worth seeing beside it rather than a click away; chat is where you ask about either of them.
//
// The chat panel has to be OURS even though the chat inside it is the platform's — `PluginScreen` pins the
// layout to `allowed = panels.map(p => p.key)`, so naming `officerdev/chat` in layout.ts renders the
// fallback instead. See ChatPanel.tsx.
//
// `availableOnPanel: false` — these belong to this plugin's screen, not to the generic panel picker.
export const appRegistryMetas: AppRegistryMeta[] = [
  { key: 'proxy-manager-hosts', name: 'Hosts', icon: Route, component: HostsPanel, availableOnPanel: false },
  {
    key: 'proxy-manager-certificates',
    name: 'Certificates',
    icon: ShieldCheck,
    component: CertificatesPanel,
    availableOnPanel: false,
  },
  { key: 'proxy-manager-chat', name: 'Chat', icon: MessageSquare, component: ChatPanel, availableOnPanel: false },
];