import { Puzzle } from 'lucide-react';
import type { AppRegistryMeta } from '../../AppRegistry';
import { PluginsList } from './PluginsList';
import { PluginDetail } from './PluginDetail';

export { PluginsList } from './PluginsList';
export { PluginDetail } from './PluginDetail';
export { usePlugins } from './usePlugins';
export type { PluginItem, PluginPermission } from './usePlugins';

// Two panels, read side by side, neither telling the other anything — the selection is `?selected=` and
// both read it. `availableOnPanel: false` keeps them off the generic picker: they only make sense on
// /plugins, together.
export const appRegistryMetas: AppRegistryMeta[] = [
  { key: 'plugins-list', name: 'Plugins', icon: Puzzle, component: PluginsList, availableOnPanel: false },
  { key: 'plugin-detail', name: 'Plugin detail', icon: Puzzle, component: PluginDetail, availableOnPanel: false },
];
