// `panels.ts`, not `.tsx` — discovery checks for that exact name.
import type { AppRegistryMeta } from 'officerdev';
import { MonitorSmartphone } from 'lucide-react';
import { DesktopWrapper } from './DesktopWrapper';
import { DesktopHeader } from './DesktopHeader';

export const appRegistryMetas: AppRegistryMeta[] = [
  {
    key: 'officerdev/desktop',
    name: 'Remote Desktop',
    icon: MonitorSmartphone,
    component: DesktopWrapper,
    header: DesktopHeader,
    availableOnPanel: false,
    // noVNC scales the remote framebuffer itself and maps pointer coordinates against that; a wrapping
    // CSS transform would leave every click landing somewhere other than where it was aimed.
    zoomable: false,
  },
];