chat/chat/templates/_drawer.html

<div class="drawer-content">
  <header class="drawer-header">
    <h2>{{ host_bot.name }}</h2>
    <button class="drawer-close" type="button"
            onclick="document.getElementById('drawer').setAttribute('hidden','')">&times;</button>
  </header>

  <section class="drawer-section">
    <h3>Scene</h3>
    {% if scene %}
      <p>Started: {{ scene.started_at }}</p>
    {% endif %}
    {% if container %}
      <p>Container: {{ container.name }} ({{ container.type }})</p>
    {% else %}
      <p class="muted">No active container.</p>
    {% endif %}
    <p>Time: {{ chat.time }}</p>
    {% if scene %}
      <form class="inline-edit"
            hx-post="/chats/{{ chat.id }}/drawer/scene/close"
            hx-target="#drawer" hx-swap="innerHTML">
        <button type="submit">Close scene</button>
      </form>
    {% else %}
      <p class="muted">No active scene.</p>
    {% endif %}
  </section>

  <section class="drawer-section">
    <h3>Activity</h3>
    {% for label, act in [("you", you_activity), (host_bot.name, bot_activity)] %}
      <div class="activity-row">
        <strong>{{ label }}</strong>
        {% if act %}
          <p>{{ act.posture or "—" }} / {{ (act.action or {}).verb or "—" }}</p>
          {% if act.attention %}<p class="muted">attention: {{ act.attention }}</p>{% endif %}
          {% if act.holding %}<p class="muted">holding: {{ act.holding|join(", ") }}</p>{% endif %}
        {% else %}
          <p class="muted">No activity recorded.</p>
        {% endif %}
      </div>
    {% endfor %}
  </section>

  {% if guest_bot %}
  <section class="drawer-section">
    <h3>Guest</h3>
    <p><strong>{{ guest_bot.name }}</strong></p>
    {% if guest_activity %}
      <p>{{ guest_activity.posture or "—" }} / {{ (guest_activity.action or {}).verb or "—" }}</p>
      {% if guest_activity.attention %}<p class="muted">attention: {{ guest_activity.attention }}</p>{% endif %}
      {% if guest_activity.holding %}<p class="muted">holding: {{ guest_activity.holding|join(", ") }}</p>{% endif %}
    {% else %}
      <p class="muted">No activity recorded.</p>
    {% endif %}

    {% if edge_h2g %}
      <div class="edge-row">
        <strong>{{ host_bot.name }} &rarr; {{ guest_bot.name }}</strong>
        <p>Affinity: {{ edge_h2g.affinity }}/100 &middot; Trust: {{ edge_h2g.trust }}/100</p>
        {% if edge_h2g.knowledge %}
          <details><summary>Knowledge ({{ edge_h2g.knowledge|length }})</summary>
            <ul>{% for fact in edge_h2g.knowledge %}<li>{{ fact }}</li>{% endfor %}</ul>
          </details>
        {% endif %}
      </div>
    {% endif %}
    {% if edge_g2h %}
      <div class="edge-row">
        <strong>{{ guest_bot.name }} &rarr; {{ host_bot.name }}</strong>
        <p>Affinity: {{ edge_g2h.affinity }}/100 &middot; Trust: {{ edge_g2h.trust }}/100</p>
        {% if edge_g2h.knowledge %}
          <details><summary>Knowledge ({{ edge_g2h.knowledge|length }})</summary>
            <ul>{% for fact in edge_g2h.knowledge %}<li>{{ fact }}</li>{% endfor %}</ul>
          </details>
        {% endif %}
      </div>
    {% endif %}
    {% if edge_y2g %}
      <div class="edge-row">
        <strong>you &rarr; {{ guest_bot.name }}</strong>
        <p>Affinity: {{ edge_y2g.affinity }}/100 &middot; Trust: {{ edge_y2g.trust }}/100</p>
      </div>
    {% endif %}
    {% if edge_g2y %}
      <div class="edge-row">
        <strong>{{ guest_bot.name }} &rarr; you</strong>
        <p>Affinity: {{ edge_g2y.affinity }}/100 &middot; Trust: {{ edge_g2y.trust }}/100</p>
      </div>
    {% endif %}

    <form class="inline-edit"
          hx-post="/chats/{{ chat.id }}/drawer/guest/remove"
          hx-target="#drawer" hx-swap="innerHTML">
      <button type="submit">Remove guest</button>
    </form>
  </section>
  {% else %}
  <section class="drawer-section">
    <h3>Add guest</h3>
    {% if available_guests %}
      <form class="inline-edit"
            hx-post="/chats/{{ chat.id }}/drawer/guest/add"
            hx-target="#drawer" hx-swap="innerHTML">
        <label>
          Bot:
          <select name="guest_bot_id" required>
            {% for b in available_guests %}
              <option value="{{ b.id }}">{{ b.name }}</option>
            {% endfor %}
          </select>
        </label>
        <label>
          Have they met before? Describe how (leave blank if not):
          <textarea name="relationship_prose" rows="3"
                    placeholder="e.g. Old college friends who studied physics together."></textarea>
        </label>
        <button type="submit">Add guest</button>
      </form>
    {% else %}
      <p class="muted">No other bots authored yet.</p>
    {% endif %}
  </section>
  {% endif %}

  {% if group_node %}
  <section class="drawer-section">
    <h3>Group</h3>
    {% if group_node.summary %}
      <p>{{ group_node.summary }}</p>
    {% else %}
      <p class="muted">No group summary yet.</p>
    {% endif %}
    {% if group_node.dynamic %}
      <p class="muted">Dynamic: {{ group_node.dynamic }}</p>
    {% endif %}
  </section>
  {% endif %}

  <section class="drawer-section">
    <h3>Edges</h3>
    {% if edge_b2y %}
      <div class="edge-row">
        <strong>{{ host_bot.name }} &rarr; you</strong>
        <p>Affinity: {{ edge_b2y.affinity }}/100 &middot; Trust: {{ edge_b2y.trust }}/100</p>
        <form class="inline-edit"
              hx-post="/chats/{{ chat.id }}/drawer/edge/{{ host_bot.id }}/you/affinity"
              hx-target="#drawer" hx-swap="innerHTML">
          <label>
            Affinity:
            <input type="range" name="affinity" min="0" max="100"
                   value="{{ edge_b2y.affinity }}"
                   oninput="this.nextElementSibling.value = this.value">
            <output>{{ edge_b2y.affinity }}</output>
          </label>
          <button type="submit">Save</button>
        </form>
        {% if edge_b2y.summary %}<p class="muted">{{ edge_b2y.summary }}</p>{% endif %}
        {% if edge_b2y.knowledge %}
          <details><summary>Knowledge ({{ edge_b2y.knowledge|length }})</summary>
            <ul>{% for fact in edge_b2y.knowledge %}<li>{{ fact }}</li>{% endfor %}</ul>
          </details>
        {% endif %}
      </div>
    {% endif %}
    {% if edge_y2b %}
      <div class="edge-row">
        <strong>you &rarr; {{ host_bot.name }}</strong>
        <p>Affinity: {{ edge_y2b.affinity }}/100 &middot; Trust: {{ edge_y2b.trust }}/100</p>
        {% if edge_y2b.summary %}<p class="muted">{{ edge_y2b.summary }}</p>{% endif %}
      </div>
    {% endif %}
    {% if not edge_b2y and not edge_y2b %}
      <p class="muted">No edges yet.</p>
    {% endif %}
  </section>

  <section class="drawer-section">
    <h3>Pinned memories ({{ pinned|length }} / {{ pin_cap }})</h3>
    {% if pinned %}
      <ul class="memory-list">
        {% for m in pinned %}
          <li>
            <span class="sig sig-{{ m.significance }}">{{ ['·','•','★','★★'][m.significance|default(0)] }}</span>
            {{ m.pov_summary }}
            <form class="inline-edit"
                  hx-post="/chats/{{ chat.id }}/drawer/memory/{{ m.id }}/pin"
                  hx-target="#drawer" hx-swap="innerHTML">
              <input type="hidden" name="pinned" value="0">
              <button type="submit">Unpin</button>
            </form>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="muted">No pinned memories.</p>
    {% endif %}
  </section>

  <section class="drawer-section">
    <h3>Recent memories</h3>
    {% if recent_memories %}
      <ul class="memory-list">
        {% for m in recent_memories %}
          <li>
            <span class="sig sig-{{ m.significance }}">{{ ['·','•','★','★★'][m.significance|default(0)] }}</span>
            {{ m.pov_summary[:200] }}{% if m.pov_summary|length > 200 %}…{% endif %}
            <form class="inline-edit"
                  hx-post="/chats/{{ chat.id }}/drawer/memory/{{ m.id }}/significance"
                  hx-target="#drawer" hx-swap="innerHTML">
              <select name="significance">
                {% for s in [0, 1, 2, 3] %}
                  <option value="{{ s }}" {% if m.significance == s %}selected{% endif %}>
                    {{ ['·','•','★','★★'][s] }} ({{ s }})
                  </option>
                {% endfor %}
              </select>
              <button type="submit">Set</button>
            </form>
            <form class="inline-edit"
                  hx-post="/chats/{{ chat.id }}/drawer/memory/{{ m.id }}/pin"
                  hx-target="#drawer" hx-swap="innerHTML">
              <input type="hidden" name="pinned" value="{{ 0 if m.pinned else 1 }}">
              <button type="submit">{{ 'Unpin' if m.pinned else 'Pin' }}</button>
            </form>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="muted">No memories yet.</p>
    {% endif %}
  </section>
</div>