{% extends "base.html" %}
{% block title %}Memory Banks — LocalKeep{% endblock %}
{% block window_title %}{% if banks %}Memory Banks - LocalKeep{% else %}Getting started - LocalKeep{% endif %}{% endblock %}
{% block content %}
<div class="page-heading">
  <h1>Memory Banks</h1>
  {% if banks %}
  <a class="btn primary" href="/banks/new">New bank</a>
  {% endif %}
</div>

<div class="canvas">
{% if banks %}
<ul class="bank-list">
  {% for bank in banks %}
  <li>
    <a href="/banks/{{ bank.id }}">{{ bank.title }}</a>
    <div class="meta">{{ bank.memory_count }} memor{{ 'y' if bank.memory_count == 1 else 'ies' }}</div>
    {% if bank.description %}<p>{{ bank.description }}</p>{% endif %}
  </li>
  {% endfor %}
</ul>
{% else %}
<div class="first-run">
  <p class="first-run-lead">No memory banks yet.</p>
  <p class="first-run-pitch">
    LocalKeep is where <strong>you</strong> keep dated memories — life events, projects, research arcs.
    Connect it to Claude with an MCP connector (a small bridge apps use to share tools),
    and Claude can look up what you wrote — nothing is auto-scraped from chat.
  </p>

  <ol class="first-run-steps">
    <li><strong>Create a bank</strong> — one timeline (e.g. a life chapter or a project).</li>
    <li><strong>Add dated memories</strong> — short notes with an event date.</li>
    <li><strong>Ask Claude</strong> — after you save, we’ll give you a prompt so Claude can walk your timeline with your exact words and dates.</li>
  </ol>

  <p class="first-run-cta">
    <a class="btn primary" href="/banks/new">Create your first bank</a>
  </p>
</div>
{% endif %}
</div>
{% endblock %}