HOTEL OS

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Rebuild a playable single-page web app titled “HOTEL OS,” a fictional hotel operations console rather than an action game. Use a polished professional light dashboard UI: dark navy left sidebar, white top bar, pale blue-gray page background, white cards with thin gray borders and subtle shadows, blue primary buttons, compact system font, rounded 6–8px corners, and status pills in green/orange/red/blue/purple. The app should be responsive: on narrower screens collapse the sidebar to an icon rail and stack dashboard columns.

Overall layout: full-height app with a fixed-width dark navy sidebar on the left. At its top show “HOTEL OS” and “Console d’exploitation.” Below it provide navigation items with simple monochrome glyph icons and labels: Tableau de bord, Réservations, Réception, Chambres, Ménage, Clients, Maintenance, Facturation, Clôture de nuit, Rapports, Paramètres. Highlight the active item with a lighter navy background. Sidebar footer says “Établissement 001 · Mode démo” and “Dernière sync : à l’instant.” Across the top of the main area use a white header containing the current section name, a global search input with placeholder “Rechercher une réservation, un client, une chambre...”, a notifications button showing 3, an Aide button, and a circular AM avatar.

The default Dashboard page should show the eyebrow “Établissement 001 / Exploitation,” title “Tableau de bord,” and subtitle “Vue d’ensemble opérationnelle · dimanche 27 septembre 2026,” with Exporter l’instantané and + Nouvelle réservation buttons. Display an 8-card KPI grid (four columns on desktop): Taux d’occupation 87.4% (+2,1 % par rapport à hier) in green; Chambres disponibles 24 (3 chambres nettoyées aujourd’hui) in blue; Occupation des fauteuils 63.2% (Selon les déplacements de sièges) in orange; Consommation de café 47 tasses (+11 depuis 06:00) in blue; Indice de confusion client 8.7 / 10 (Au-dessus de la normale) in red; Activité inutile 142 événements (18 événements non résolus) in orange; Stock de croissants 18 (Réapprovisionnement à 12) in green; Situation générale Sous contrôle (Aucune action requise) in green. Under that, show two chart cards: “Occupation et activité” with a seven-day vertical bar chart labeled Lun through Dim, and a legend for Chambres occupées and Activité inutile; and “Arrivées / Départs” with two simple smooth line charts/lines and a legend showing Arrivées : 18 and Départs : 11. Then show a “Réservations récentes” table.

Seed the app with realistic but intentionally absurd hotel data. Reservations: RS-2048 Jean Dupont room 204, Sep 27–29 2026, CONFIRMÉE, PAYÉ, note “Looking out the window”; RS-2049 Marc Martin room 118, same-day, ARRIVÉ, EN ATTENTE, note “Afternoon nap — 17 minutes”; RS-2050 Sophie Bernard in Lobby, same-day, TRÈS CONFUS, N/D, note “Waiting for someone who is already here”; RS-2051 Thomas Leroy room 307, Sep 28–30, EN ATTENTE, EN ATTENTE, note “Charging phone.” Seed 24 rooms numbered 101–124 with floor, type (mostly SINGLE with some DOUBLE/SUITE), statuses PROPRE/OCCUPÉE/SALE, guests, temperatures around 20–24°C, noise values including occasional Saxophone, and activity notes such as “Chair re-aligned 4cm.” Also seed housekeeping tasks involving straightening a chair by approximately 4 cm, finding a missing remote, checking suspicious saxophone noise, and replacing an unused towel; guests Jean Dupont, Marc Martin (VIP), and Sophie Bernard; maintenance tickets for a noisy door, tilted lobby furniture, a missing remote, and an overly bright lamp; and folio charges for Room Charge, Coffee, Chair Reservation, and Emotional Damage.

Make every sidebar page functional and navigable without a backend, with state persisted in localStorage. Réservations: title/subtitle, New Reservation button, search field, status filter, Aujourd’hui button, and a wide table with reservation ID, client, room, arrival, departure, guests, status, payment, notes. Front desk: real-time operation page with check-in/check-out buttons, KPI cards (arrivals, departures, guests present, walk-ins, messages, tasks), reception queue with action buttons, and a message center about room 214 requesting a quieter room; suggested reply mentions room 215 is occupied by someone practicing saxophone. Chambres: search/filter toolbar, block-room button, and a grid of clickable room cards showing room number, status, type/floor, guest, temperature/noise, and last activity. Ménage: a task table with editable status selects (EN ATTENTE, EN COURS, DONE), priorities, assignee, time, and notes. Clients: guest table; clicking a guest opens a modal profile with room, VIP status, balance, arrivals, preferences (21°C, unnecessarily strong coffee, 3 pillows, absolute silence), and internal notes. Maintenance: filter toolbar and ticket table. Facturation: charges table plus invoice summary with subtotal €22.50, tax €2.25, total €24.75, pending status, refund and adjust actions. Clôture de nuit: operational date 27 sept. 2026, reconciliation stats, progress bar, and a “LANCER LA CLÔTURE DE NUIT” button that animates through steps like checking reservations, reconciling payments, checking rooms, counting coffee, checking unnecessary activity, and finalizing, ending with “NIGHT AUDIT COMPLETED” and “Problems not understood: 9.” Rapports: grid of report cards including Daily Occupancy Report, Revenue Report, Consommation de café Report, Guest Confusion Report, Chair Utilization Report, Activité inutile Report, Maintenance Report, and Monthly Nothing Happened Report, each with date range, progress bar, status, and Export button, plus a chart preview. Paramètres: editable establishment name “The Carefully Managed Hotel,” EUR currency, 02:00 night audit time, light/professional appearance, chair tilt threshold 4°, confusion threshold 7/10, automatic coffee restock enabled, and “Allow Clients To Ask Unnecessary Questions.”

Interactions should feel like a working admin tool: navigation rerenders the active page; global search moves to reservations and filters rows; page and room searches filter content; status changes save immediately; room cards, action buttons, notifications, exports, check-in/out, refund, adjust, and message controls show concise bottom-right toast notifications. “+ Nouvelle réservation,” “+ New Maintenance Ticket,” “+ Ajouter un frais,” and “+ Nouvelle tâche” open centered modal dialogs with dim backdrop, forms, cancel/close and create buttons. Creating items adds them to the in-memory/localStorage data and rerenders: reservations get a generated RS id, tickets an MT id, charges append to the folio, and tasks append to housekeeping. Use HTML/CSS/SVG or lightweight native drawing for the charts; no external assets are needed. Keep the language/UI mix faithful to the source: much of the main interface is French, while some seeded records, labels, and audit/report text remain English, contributing to the dry absurdist “hotel management software” tone. The goal is a highly detailed static-feeling but interactive hotel back-office simulation, not a 3D game or character-based game.