App Registry: Registering Apps in src/constants/apps.tsx

export interface AppItem {
  /** Unique identifier — also used as the window id by WindowManager */
  id: string;
  /** Identifier resolved by AppRegistry to lazy-load the actual component */
  appId: string;
  /** Fluent UI or Lucide icon rendered in Start Menu, Taskbar, and window chrome */
  icon: React.ReactNode;
  /** Display name shown in Start Menu, Search results, and window title bar */
  label: string;
  /** When true, the app appears as a permanent pin in the Taskbar */
  isPinned?: boolean;
}

// src/constants/apps.tsx
import { Document24Regular, Clock24Regular, Image24Regular } from '@fluentui/react-icons';
import Notepad from '../components/apps/Notepad';
import Clock from '../components/apps/Clock';
import Photos from '../components/apps/Photos';

export const APPS: AppItem[] = [
  {
    id: 'notepad',
    appId: 'notepad',
    icon: <Document24Regular />,
    label: 'Bloc de notas',
    component: (props) => <Notepad {...props} />
  },
  {
    id: 'clock',
    appId: 'clock',
    icon: <Clock24Regular />,
    label: 'Reloj',
    component: (props) => <Clock {...props} />
  },
  {
    id: 'photos',
    appId: 'photos',
    icon: <Image24Regular />,
    label: 'Fotos',
    component: (props) => <Photos {...props} />
  },
  // ...
];

{
  id: 'terminal',
  appId: 'terminal',
  icon: <span style={{ fontFamily: 'Consolas, monospace', fontSize: 16 }}>C:\\</span>,
  label: 'Terminal',
  isPinned: true,
}