mcpengine/servers/toast/src/ui/react-app/revenue-by-hour.html
Jake Shore 2c41d0fb3b toast: Complete rebuild with 76 tools, 18 React apps, and HTTP+stdio modes
- Rebuilt src/tools/ with 10 files covering all Toast API domains
  * orders.ts (12 tools) - Complete order lifecycle
  * menus.ts (11 tools) - Menu and item management
  * employees.ts (9 tools) - Staff management
  * restaurant.ts (9 tools) - Configuration
  * cash.ts (8 tools) - Cash management
  * labor.ts (6 tools) - Workforce analytics
  * payments.ts (6 tools) - Transactions
  * reporting.ts (6 tools) - Analytics
  * inventory.ts (5 tools) - Stock management
  * customers.ts (4 tools) - CRM

- Built src/ui/react-app/ with 18 client-side apps
  * Orders: order-dashboard, order-detail, order-grid, table-map
  * Menus: menu-manager, menu-item-detail, menu-performance
  * Staff: employee-dashboard, employee-schedule, labor-dashboard, tip-summary
  * Finance: payment-history, sales-dashboard, revenue-by-hour
  * Ops: inventory-tracker, restaurant-overview
  * CRM: customer-detail, customer-loyalty

- Built server.ts + main.ts supporting both stdio and HTTP modes
- Updated package.json, tsconfig.json, comprehensive README.md
- Dark theme UI (#0f0f0f bg, #00bfa5 accent)
- Client-side state management with sample data
2026-02-12 18:24:34 -05:00

43 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Revenue by Hour - Toast MCP</title>
<script src="shared.js"></script>
<style id="theme"></style>
</head>
<body>
<div class="app-container">
<a href="index.html" class="back-link">← Back to Dashboard</a>
<header>
<h1>⏰ Revenue by Hour</h1>
<p class="subtitle">Hourly sales breakdown and peak times</p>
</header>
<div class="card">
<h2>Revenue by Hour Interface</h2>
<div class="grid grid-3">
<div class="stat-card">
<div class="stat-value">0</div>
<div class="stat-label">Total Items</div>
</div>
<div class="stat-card">
<div class="stat-value">$0</div>
<div class="stat-label">Value</div>
</div>
<div class="stat-card">
<div class="stat-value">0</div>
<div class="stat-label">Active</div>
</div>
</div>
<div style="margin-top: 20px;">
<p style="color: #888;">Client-side demo interface for Revenue by Hour. Connect to Toast API for live data.</p>
</div>
</div>
</div>
<script>
document.getElementById('theme').textContent = window.ToastUI.DARK_THEME;
</script>
</body>
</html>