{% extends "base.html" %}
{% block title %}{{ t.title }} - OSAFIS PromptLab - Prompt Injection Lab{% endblock %}
{% block body %}
<div class="breadcrumbs"><a href="{{ url_for('index') }}">{{ tr('لابراتوار') }}</a><span>/</span><span>{{ tr('خانواده') }} {{ t.cat }}</span><span>/</span><b>{{ t.title }}</b></div>

<section class="lab-header">
  <div class="lab-id family-{{ t.cat }}">{{ t.cat }}<small>{{ tr('LAB') }} {{ t.n|int }}</small></div>
  <div class="lab-heading">
    <div class="eyebrow">{{ tr('ACTIVE SCENARIO') }}</div>
    <h1>{{ t.title }}</h1>
    <p>{{ t.sub }}</p>
  </div>
  {% if (t.id ~ ':' ~ level) in solved %}<span class="completed">✓ {{ tr('این سطح تکمیل شده') }}</span>{% endif %}
</section>

<div class="lab-grid">
  <section class="workbench">
    <div class="panel objective">
      <div class="panel-label">{{ tr('هدف مأموریت') }}</div>
      <h2>{{ t.goal }}</h2>
      <p class="difficulty-explanation">{{ DIFFICULTY_LABELS[difficulty] }} - {{ tr('سختی، دستورهای دفاعی را تغییر می‌دهد؛ موفقیت با مدل واقعی تضمین‌شده نیست') }}</p>
      <p>{{ tr('راز در سمت سرور نگهداری می‌شود و در این صفحه یا نمایش زمینه آشکار نخواهد شد.') }}</p>
      <div class="secret-mask" dir="ltr"><span>{{ tr('EXPECTED ARTIFACT') }}</span><code>PI{••••••••••••}</code></div>
      <div class="techniques">{{ tr('تکنیک‌های مرتبط') }} {% for code in t.techs %}<a href="{{ url_for('techniques') }}#{{ code }}">{{ code }}</a>{% endfor %}</div>
      <div class="standard-badges">
        <b>{{ t.curriculum.difficulty }} · {{ t.curriculum.points }} {{ tr('امتیاز') }}</b>
        {% for standard in t.curriculum.standards %}<span>{{ standard }}</span>{% endfor %}
      </div>
    </div>

    {% if t.multiturn %}
      <section class="panel conversation">
        <div class="panel-title"><div><span>{{ tr('CONVERSATION STATE') }}</span><h2>{{ tr('گفت‌وگوی چندنوبتی') }}</h2></div><a href="{{ url_for('new_chat', tid=t.id) }}">{{ tr('نشست تازه') }}</a></div>
        {% if hist %}
          {% for turn in hist %}
            <div class="bubble user bub u"><b>{{ tr('شما') }}</b><p>{{ turn.u }}</p></div>
            <div class="bubble assistant bub a"><b>{{ tr('مدل') }}</b><p>{{ turn.a }}</p></div>
          {% endfor %}
        {% else %}
          <p class="empty-state">{{ tr('هنوز پیامی ثبت نشده است. این سناریو برای موفقیت به ساخت زمینه در چند نوبت نیاز دارد.') }}</p>
        {% endif %}
      </section>
    {% endif %}

    <form method="post" enctype="multipart/form-data" class="panel attack-form surface-{{ t.surface }}" data-attack-form{% if t.id != 't19' %} data-stream-url="{{ url_for('stream_target', tid=t.id) }}"{% endif %}>
      <div class="panel-title">
        <div><span>{{ tr('PAYLOAD CONSOLE') }} · {{ t.source_label }}</span><h2>{{ tr('ورودی حمله') }}</h2></div>
        <div class="panel-title-actions"><small>{{ tr('حداکثر ۲۴KB') }}</small><a href="{{ url_for('compare_defenses', tid=t.id) }}">{{ tr('مقایسه چهار دفاع') }}</a></div>
      </div>
      {% if t.fields %}
        <p class="form-note">{{ tr('هر فیلد مستقل فیلتر می‌شود، اما مدل همهٔ آن‌ها را در یک زمینه می‌بیند.') }}</p>
        {% for key, label in t.fields %}
          <label for="{{ key }}">{{ label }}</label>
          <textarea id="{{ key }}" name="{{ key }}" rows="3" spellcheck="false">{{ parts.get(key, '') }}</textarea>
        {% endfor %}
      {% else %}
        <label for="payload">{{ tr('متن یا محتوای آلوده') }}</label>
        <textarea id="payload" name="payload" rows="9" spellcheck="false" placeholder="{{ t.ph }}">{{ payload }}</textarea>
        {% if t.id == 't19' %}
          <div class="vision-upload">
            <label for="image"><b>{{ tr('تصویر واقعی') }}</b><span>PNG · JPEG · WebP {{ tr('تا ۶MB') }}</span></label>
            <input id="image" name="image" type="file" accept="image/png,image/jpeg,image/webp" data-image-input>
            <button class="secondary image-craft" type="button" data-craft-image>{{ tr('ساخت تصویر از متن بالا') }}</button>
            <div class="image-preview" data-image-preview><span>{{ tr('تصویر انتخاب نشده') }}</span></div>
            {% if result and result.media_name %}<small>{{ tr('پردازش‌شده:') }} {{ result.media_name }}</small>{% endif %}
          </div>
        {% endif %}
      {% endif %}
      <div class="form-actions">
        <button class="run-button" type="submit"><span class="play">▶</span><span data-button-label>{{ tr('اجرای حمله') }}</span></button>
        {% if t.id != 't19' %}<button class="cancel-button" type="button" data-stream-cancel hidden>{{ tr('توقف پاسخ') }}</button>{% endif %}
        <span class="shortcut">Ctrl + Enter</span>
      </div>
    </form>

    {% if t.id != 't19' %}<section class="panel response-panel stream-panel" data-stream-panel hidden>
      <div class="panel-title"><div><span>{{ tr('LIVE STREAM') }}</span><h2>{{ tr('پاسخ مدل') }}</h2></div><small data-stream-status role="status">{{ tr('در حال اجرای مدل…') }}</small></div>
      <pre class="model-answer" data-stream-output></pre>
    </section>{% endif %}

    {% if result %}
      <section class="verdict verdict-{{ result.state }} v-{{ result.state }}">
        <div class="verdict-icon" aria-hidden="true">{% if result.state == 'owned' %}!{% elif result.state == 'blocked' %}✓{% elif result.state == 'error' %}×{% else %}-{% endif %}</div>
        <div><span>{{ tr('VERDICT') }} · {{ result.elapsed_ms }} ms</span>
          <h2>{% if result.telemetry and result.telemetry.observed_state == 'owned' and not result.telemetry.technique_gate_passed %}{{ tr('نشت مشاهده شد اما شرط آموزشی تکمیل نشده؛ امتیازی ثبت نشد') }}{% elif result.state == 'owned' %}{{ tr('سامانه تسخیر شد') }}{% elif result.state == 'blocked' %}{{ tr('اثر مهار شد') }}{% elif result.state == 'error' %}{{ tr('خطای موتور') }}{% else %}{{ tr('حمله ناموفق بود') }}{% endif %}</h2>
          <p>{{ result.note }}</p>
        </div>
      </section>

      {% if result.caught %}<div class="signal"><b>{{ result.caught }}</b> {{ tr('عبارت توسط فیلتر ورودی تغییر کرد.') }}</div>{% endif %}
      {% if result.used %}<div class="signal">{{ tr('رمزگشایی‌شده توسط موتور:') }} {% for item in result.used %}<b>{{ item }}</b>{% endfor %}</div>{% endif %}

      {% if result.state != 'error' %}
        <section class="panel response-panel">
          <div class="panel-title"><div><span>{{ tr('MODEL OUTPUT') }}</span><h2>{{ tr('پاسخ مدل') }}</h2></div></div>
          <pre class="model-answer ans">{{ result.answer }}</pre>
        </section>
        {% if result.rendered and result.rendered != result.answer %}
          <section class="panel response-panel">
            <div class="panel-title"><div><span>{{ tr('LOCAL SANDBOX') }}</span><h2>{{ tr('پاسخ مدل') }}</h2></div></div>
            <pre class="model-answer ans">{{ result.rendered }}</pre>
          </section>
        {% endif %}
      {% endif %}

      {% if result.events %}
        <section class="panel event-panel">
          <div class="panel-title"><div><span>{{ tr('EXECUTION EVENTS') }}</span><h2>{{ tr('رخدادهای زنجیره') }}</h2></div></div>
          <div class="event-list">
            {% for event in result.events %}
              <article class="event event-{{ event.status }}">
                <i>{{ loop.index }}</i><div><b>{{ event.title }}</b><code dir="ltr">{{ event.detail }}</code></div>
                <span>{{ tr('مهار شد') if event.status == 'blocked' else (tr('ثبت شد') if event.status == 'captured' else tr('مشاهده شد')) }}</span>
              </article>
            {% endfor %}
          </div>
        </section>
      {% endif %}

      {% if result.telemetry %}
        <section class="panel telemetry-panel">
          <div class="panel-title"><div><span>{{ tr('RUN TELEMETRY') }}</span><h2>{{ tr('خلاصه اجرای قابل ممیزی') }}</h2></div><small>{{ result.telemetry.model or engine.label }}</small></div>
          <div class="telemetry-grid">
            <article><small>{{ tr('طول ورودی') }}</small><strong>{{ result.telemetry.input_chars }}</strong><span>{{ tr('نویسه') }}</span></article>
            <article><small>{{ tr('طول پرامپت') }}</small><strong>{{ result.telemetry.prompt_chars }}</strong><span>{{ tr('نویسه') }}</span></article>
            <article><small>{{ tr('طول خروجی') }}</small><strong>{{ result.telemetry.output_chars }}</strong><span>{{ tr('نویسه') }}</span></article>
            <article><small>{{ tr('قطعه زمینه') }}</small><strong>{{ result.telemetry.segments }}</strong></article>
            <article><small>{{ tr('برخورد فیلتر ورودی') }}</small><strong>{{ result.telemetry.input_filter_hits }}</strong></article>
            <article><small>{{ tr('دروازه تکنیک') }}</small><strong>{{ tr('عبور کرد') if result.telemetry.technique_gate_passed else tr('رد شد') }}</strong></article>
            <article><small>{{ tr('فیلتر خروجی') }}</small><strong>{{ tr('اعمال شد') if result.telemetry.output_filter_applied else tr('اعمال نشد') }}</strong></article>
            <article><small>{{ tr('اثر حساس') }}</small><strong>{{ tr('مشاهده شد') if result.telemetry.artifact_exposed or result.telemetry.action_requested else tr('مشاهده نشد') }}</strong></article>
            <article><small>{{ tr('زیرسامانه') }}</small><strong>{{ result.telemetry.subsystem.kind | upper }}</strong></article>
            <article><small>{{ tr('درجه سختی') }}</small><strong>{{ DIFFICULTY_LABELS[result.telemetry.difficulty] }}</strong></article>
            <article><small>{{ tr('تصمیم سیاست') }}</small><strong>{{ result.telemetry.subsystem.decision or '-' }}</strong></article>
            <article><small>{{ tr('شناسه رهگیری') }}</small><strong dir="ltr">{{ result.telemetry.subsystem.trace_id }}</strong></article>
            <article><small>{{ tr('اثر خارجی') }}</small><strong>{{ tr('غیرفعال') if not result.telemetry.subsystem.external_effect else tr('فعال') }}</strong></article>
          </div>
        </section>
      {% endif %}

      <details class="panel trace-panel">
        <summary><span>{{ tr('SAFE TRACE') }}</span> {{ tr('مشاهدهٔ زمینهٔ ارسال‌شده به مدل') }}</summary>
        <p>{{ tr('برای جلوگیری از حل‌شدن تقلبی، مقدار راز در این نما ماسک شده است. رنگ‌ها فقط منبع هر قطعه را نشان می‌دهند.') }}</p>
        <div class="trace-legend"><i class="sys"></i> {{ tr('سیستم') }} <i class="usr"></i> {{ tr('ورودی شما') }} <i class="bot"></i> {{ tr('پاسخ قبلی') }}</div>
        <pre class="prompt-trace" dir="auto">{% for s in result.segments %}<span class="trace-{{ s.src }} g g-{{ s.src }}">{{ s.text }}</span>{% endfor %}</pre>
      </details>

      <section class="panel debrief {{ 'debrief-open' if (t.id ~ ':' ~ level) in solved }}">
        <div class="panel-title"><div><span>{{ tr('LEARNING DEBRIEF') }}</span><h2>{{ tr('از رخنه تا اصلاح قابل‌اثبات') }}</h2></div></div>
        <div class="debrief-grid">
          <article><small>{{ tr('فرضی که شکست') }}</small><p>{{ t.curriculum.assumption }}</p></article>
          <article><small>{{ tr('آنچه باید یاد بگیری') }}</small><p>{{ t.curriculum.lesson }}</p></article>
          <article><small>{{ tr('اثر در دنیای واقعی') }}</small><p>{{ t.curriculum.impact }}</p></article>
          <article><small>{{ tr('اصلاح دقیق') }}</small><p>{{ t.curriculum.defense }}</p></article>
          <article class="verify"><small>{{ tr('معیار اثبات اصلاح') }}</small><p>{{ t.curriculum.verify }}</p></article>
        </div>
      </section>
    {% endif %}
  </section>

  <aside class="lab-aside">
    <section class="panel defense-card">
      <div class="defense-number">0{{ LEVELS.index(level) + 1 }}</div>
      <span>{{ tr('دفاع فعلی') }}</span>
      <h2>{{ LEVEL_FA[level] }}</h2>
      {% if level == 'l1' %}<p>{{ tr('ورودی بدون مرز قابل‌اعتماد به زمینه متصل می‌شود. ساده‌ترین override را امتحان کن.') }}</p>
      {% elif level == 'l2' %}<p>{{ tr('ورودی داخل یک تگ ثابت قرار دارد. آیا مرز متنی واقعاً مرز امنیتی است؟') }}</p>
      {% elif level == 'l3' %}<p>{{ tr('تگ تصادفی و بلک‌لیست روی متن خام فعال‌اند. تفاوت رشته و معنا را هدف بگیر.') }}</p>
      {% else %}<p>{{ tr('راز از زمینه حذف شده یا اقدام پشت تأیید انسانی است. هدف، اثبات کاهش اثر حمله است.') }}</p>{% endif %}
    </section>

    <details class="panel hint-card">
      <summary>{{ tr('راهنمای این سطح') }} <span>+</span></summary>
      <p>{{ t.hints[level] }}</p>
    </details>

    <section class="panel checklist">
      <span>{{ tr('SUCCESS SIGNALS') }}</span>
      <ul>
        {% if level == 'l4' %}<li>{{ tr('در سطح چهار، مهار اثر حمله موفقیت دفاع است.') }}</li>
        {% elif t.kind == 'leak' %}<li>{{ tr('مدل باید مقدار کامل راز را در پاسخ تولید کند.') }}</li>
        {% elif t.kind == 'tool' %}<li>{{ tr('مدل باید خط واقعی ACTION: بسازد.') }}</li>
        {% else %}<li>{{ tr('راز باید داخل URL خروجی قرار بگیرد.') }}</li>{% endif %}
        <li>{{ tr('صرف گفتن اینکه «قوانین را نادیده گرفتم» امتیاز ندارد.') }}</li>
      </ul>
    </section>

    <section class="panel pipeline-card">
      <span>{{ tr('EXECUTION PIPELINE') }}</span>
      <ol>
        {% for step in t.flow %}<li><i>{{ loop.index }}</i><b>{{ step }}</b></li>{% endfor %}
      </ol>
    </section>
  </aside>
</div>
{% endblock %}