index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>OpsCopilot — Aria AI</title>
  <style>
    :root { --indigo:#4338ca; --teal:#0f766e; --ink:#0f172a; --muted:#475569; --bg:#f8fafc; }
    * { box-sizing: border-box; }
    body { margin:0; font-family:"Segoe UI","Vazirmatn",Tahoma,sans-serif; color:var(--ink); background:radial-gradient(circle at top left,#e0e7ff,var(--bg) 42%); }
    header, main, footer { width:min(1120px, calc(100% - 32px)); margin:0 auto; }
    header { padding:36px 0 12px; }
    .eyebrow { color:var(--indigo); font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:.78rem; }
    h1 { font-size:clamp(1.8rem,3vw,2.4rem); margin:8px 0; }
    .lead { font-size:1.1rem; color:var(--muted); max-width:46rem; }
    .actions { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 8px; }
    a.btn { display:inline-block; text-decoration:none; padding:10px 16px; border-radius:999px; font-weight:600; }
    a.primary { background:var(--indigo); color:#fff; }
    a.ghost { background:#fff; color:var(--indigo); border:1px solid #c7d2fe; }
    .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin:24px 0; }
    .card { background:#fff; border:1px solid #e2e8f0; border-radius:18px; padding:16px 18px; }
    .card strong { display:block; font-size:1.4rem; color:var(--indigo); }
    .note { background:#eef2ff; border:1px solid #c7d2fe; border-radius:16px; padding:14px 16px; color:#3730a3; }
    iframe { width:100%; height:86vh; min-height:720px; border:1px solid #c7d2fe; border-radius:20px; background:#fff; margin:16px 0 28px; }
    footer { padding:12px 0 40px; color:var(--muted); font-size:.92rem; }
    .fa { direction:rtl; text-align:right; }
  </style>
</head>
<body>
  <header>
    <p class="eyebrow">Aria AI · Project 24 / 25</p>
    <h1>OpsCopilot — Documented Operational Decisions</h1>
    <p class="lead">
      Ask a handbook question, inspect citations and a schema proposal, then confirm
      before AriaStock or Shift compute. Documents cannot register a third tool.
    </p>
    <div class="actions">
      <a class="btn primary" href="https://huggingface.co/spaces/alirezaaminzadeh/ops-copilot" target="_blank" rel="noreferrer">Open live demo</a>
      <a class="btn ghost" href="https://huggingface.co/datasets/AriaAICompany/ops-copilot-corpus" target="_blank" rel="noreferrer">Dataset</a>
      <a class="btn ghost" href="https://huggingface.co/AriaAICompany" target="_blank" rel="noreferrer">Organization</a>
      <a class="btn ghost" href="https://huggingface.co/spaces/AriaAICompany/shift" target="_blank" rel="noreferrer">Project 11 Shift</a>
    </div>
  </header>
  <main>
    <section class="grid">
      <article class="card"><strong>36 docs</strong>Versioned synthetic handbook</article>
      <article class="card"><strong>2 tools</strong>Inventory MIP · Shift CP-SAT</article>
      <article class="card"><strong>Confirm</strong>No solver call before approval</article>
      <article class="card"><strong>CPU</strong>BM25+TF-IDF · no paid API</article>
    </section>
    <p class="note">
      Organization Gradio hosting needs Team/Enterprise. This page is the AriaAICompany project card;
      the iframe is the live assistant on the personal PRO account.
    </p>
    <section class="fa card">
      <h2>آپس‌کوپایلوت</h2>
      <p>از روی دستورالعمل بپرسید با این قید چه برنامه‌ای قابل اجراست. پاسخ مستند است و محاسبه فقط بعد از تأیید انجام می‌شود. سند ابزار جدید فعال نمی‌کند.</p>
    </section>
    <iframe title="OpsCopilot live demo" src="https://alirezaaminzadeh-ops-copilot.hf.space" loading="lazy"></iframe>
  </main>
  <footer>Aria AI · Operations research · Roadmap project 24 · Apache-2.0 / CC-BY-4.0</footer>
</body>
</html>