{% extends "main.html" %}

{#
  Filigree product landing page.
  Applied only to docs/index.md via front-matter `template: home.html`.
  The hero, feature cards, and Loom-suite grid are defined here; the markdown
  body of index.md (install + quick-start) is rendered via {{ page.content }}
  so Material's syntax highlighting and content.code.copy buttons keep working
  on the real fenced code blocks.
#}

{% block content %}
<div class="fg-landing">

  <section class="fg-hero">
    <h1 class="fg-hero__title">Filigree</h1>
    <p class="fg-hero__tagline">
      A local-first issue tracker built for AI coding agents. SQLite on disk,
      114 MCP tools for agents, a full CLI for humans &mdash; no cloud, no
      accounts, no scraping log output.
    </p>
    <div class="fg-hero__cta">
      <a class="fg-btn fg-btn--primary" href="{{ 'getting-started/' | url }}">
        Get Started
      </a>
      <a class="fg-btn fg-btn--secondary" href="{{ config.repo_url }}"
         rel="noopener" target="_blank">
        View on GitHub
      </a>
    </div>
  </section>

  <section class="fg-features" aria-label="What Filigree does">
    <div class="fg-feature-card">
      <h3>Agents as first-class citizens</h3>
      <p>
        114 <code>mcp__filigree__*</code> tools let coding agents create, claim,
        and close work natively &mdash; no parsing CLI text. A pre-computed
        <code>context.md</code> orients every session at startup.
      </p>
    </div>
    <div class="fg-feature-card">
      <h3>Local-first, zero infrastructure</h3>
      <p>
        Each project gets a <code>.filigree/</code> directory &mdash; like
        <code>.git/</code> &mdash; holding a SQLite database and config. No
        server required; no data leaves your machine.
      </p>
    </div>
    <div class="fg-feature-card">
      <h3>Built for many agents at once</h3>
      <p>
        Atomic claim-and-transition verbs with optimistic locking stop two
        agents double-working an issue. Claim leases, stale-claim discovery,
        and event streams keep handoffs clean.
      </p>
    </div>
    <div class="fg-feature-card">
      <h3>Real workflow, not just a list</h3>
      <p>
        24 issue types across 9 packs with enforced state machines, a
        dependency graph with ready-queue and critical-path analysis, and a
        live web dashboard with Kanban and graph views.
      </p>
    </div>
  </section>

  {# The markdown body of index.md: install + quick-start. Rendered as Material
     markdown so code blocks keep highlighting + copy buttons. #}
  <section class="fg-body" aria-label="Install and quick start">
    {{ page.content }}
  </section>

  <section class="fg-suite" aria-labelledby="fg-suite-heading">
    <h2 id="fg-suite-heading">The Loom suite</h2>
    <p class="fg-suite__intro">
      Filigree is one of four Loom citizens &mdash; agent-first tooling built on
      &ldquo;humans on the loop, not in the loop.&rdquo; Each is zero-config and
      opt-in: enterprise-class for one-to-two-developer teams, without enterprise
      weight.
    </p>
    <div class="fg-suite__grid">
      <a class="fg-suite-card fg-suite-card--current" href="https://filigree.foundryside.dev"
         rel="noopener" target="_blank">
        <h3>Filigree</h3>
        <p>Issue tracking built for agent-driven teams.</p>
        <span class="fg-suite-card__badge">You are here</span>
      </a>
      <a class="fg-suite-card" href="https://wardline.foundryside.dev"
         rel="noopener" target="_blank">
        <h3>Wardline</h3>
        <p>Semantic-tainting static analysis for Python.</p>
      </a>
      <a class="fg-suite-card" href="https://clarion.foundryside.dev"
         rel="noopener" target="_blank">
        <h3>Clarion</h3>
        <p>Code intelligence &mdash; entity-level facts about your codebase.</p>
      </a>
      <a class="fg-suite-card" href="https://legis.foundryside.dev"
         rel="noopener" target="_blank">
        <h3>Legis</h3>
        <p>Opt-in governance for the development lifecycle.</p>
      </a>
    </div>
  </section>

</div>
{% endblock %}