KDS — Kitchen Display System

Real-time kitchen display with order cards, color-coded timers, bump actions, and fullscreen mode. Based on the Cloud Central implementation.

Order Cards

Live orders with timer states

Sur place — CB001POS

2:30

Wings (6 pcs)

Sauce Piquante

Frites

À emporter — ESP002POS

6:45

Bibimbap Bulgogi

Eau Plate 50cl

Sur place — COM003KIOSK

11:20

Poulet Burger

Mayo Japonaise

Frites Assaisonnées

Coca-Cola 33cl

<div class="kds-card">
    <div class="kds-card-header kds-green">
        <span class="kds-display-name">Sur place — CB001</span>
        <span class="kds-source-badge">POS</span>
        <span class="kds-elapsed">2:30</span>
    </div>
    <div class="kds-card-body">
        <div class="kds-item">
            <span class="kds-item-qty">1x</span>
            <span class="kds-item-name">Wings (6 pcs)</span>
            <span class="kds-mod">Sauce Piquante</span>
        </div>
    </div>
    <div class="kds-card-footer">
        <button class="kds-btn kds-btn-bump">BUMP</button>
    </div>
</div>

<!-- Timer: .kds-green | .kds-orange | .kds-red (flash) | .kds-gray -->
<!-- Buttons: .kds-btn-bump | .kds-btn-ready | .kds-btn-served -->

Timer States

Color thresholds (configurable per site)

2:30

< 5 min

6:45

5–10 min

11:20

> 10 min (flash)

Bump Actions

Order lifecycle

Empty Kitchen

No pending orders

restaurant

Aucune commande en attente

Tab Bar

Display / Configuration