tradingcodex 0.1.0__py3-none-any.whl

tradingcodex_service/templates/web/fragments/topology_canvas.html

@@ -0,0 +1,85 @@
+<section class="tc-topology-shell" aria-label="tcx harness topology"
+  x-data="{
+    selectedRole: '{{ selected_role.role }}',
+    edgeGroups: {
+      'dispatch': true,
+      'research-handoff': true,
+      'portfolio-risk-gate': true,
+      'approval-gate': true,
+      'execution-gate': true
+    }
+  }">
+  <div class="tc-canvas-toolbar">
+    <div>
+      <span class="tc-eyebrow">Harness topology</span>
+      <strong>Roles, gates, and MCP boundary</strong>
+    </div>
+  </div>
+
+  <div class="tc-edge-filter" aria-label="Edge groups">
+    {% for group in topology.edge_groups %}
+    <label>
+      <input type="checkbox" x-model="edgeGroups['{{ group.key }}']">
+      <span>{{ group.label }}</span>
+    </label>
+    {% endfor %}
+  </div>
+
+  <div class="tc-edge-contracts" aria-label="Handoff edge contracts">
+    {% for group in topology.edge_groups %}
+    <span x-show="edgeGroups['{{ group.key }}']"><strong>{{ group.label }}:</strong> {{ group.contract }}</span>
+    {% endfor %}
+  </div>
+
+  <div class="tc-canvas-grid">
+    <div class="tc-canvas-stage">
+      <div class="tc-canvas-zoom">
+        <svg class="tc-topology-svg" viewBox="0 0 100 100" preserveAspectRatio="none" aria-hidden="true">
+          <defs>
+            <marker id="tc-arrow" markerWidth="5" markerHeight="5" refX="4.5" refY="2.5" orient="auto">
+              <path d="M0,0 L5,2.5 L0,5 Z"></path>
+            </marker>
+          </defs>
+          <line class="tc-boundary-line" x1="{{ topology.boundary.x }}" y1="{{ topology.boundary.y1 }}" x2="{{ topology.boundary.x }}" y2="{{ topology.boundary.y2 }}"></line>
+          {% for edge in topology.edges %}
+          <polyline
+            x-show="edgeGroups['{{ edge.group }}']"
+            class="tc-edge tc-edge--{{ edge.group }}"
+            points="{{ edge.source_x }},{{ edge.source_y }} {{ edge.source_x }},{{ edge.mid_y }} {{ edge.target_x }},{{ edge.mid_y }} {{ edge.target_x }},{{ edge.target_y }}"
+            marker-end="url(#tc-arrow)"></polyline>
+          {% endfor %}
+        </svg>
+
+        <div class="tc-boundary-badge" style="--x: {{ topology.boundary.x }}%; --y: {{ topology.boundary.y1 }}%;">
+          <strong>{{ topology.boundary.label }}</strong>
+          <span>{{ topology.boundary.summary }}</span>
+        </div>
+
+        {% for layer in topology.layers %}
+        <div class="tc-layer-label" style="--y: {{ layer.y }}%;">
+          <span>{{ layer.label }}</span>
+        </div>
+        {% endfor %}
+
+        {% for node in topology.nodes %}
+        <button
+          type="button"
+          class="tc-node tc-node--{{ node.group }}"
+          :class="{ 'is-selected': selectedRole === '{{ node.role }}' }"
+          style="--x: {{ node.x }}%; --y: {{ node.y }}%;"
+          @click="selectedRole = '{{ node.role }}'"
+          hx-get="{% url 'web-role-inspector' role=node.role %}"
+          hx-target="#role-inspector"
+          hx-swap="innerHTML">
+          <span>{{ node.label }}</span>
+          <small>{{ node.skills_count }} skills · {{ node.tools_count }} tools</small>
+        </button>
+        {% endfor %}
+      </div>
+    </div>
+
+    <aside id="role-inspector" class="tc-inspector" aria-live="polite">
+      {% include "web/fragments/role_inspector.html" %}
+    </aside>
+  </div>
+</section>

tradingcodex_service/templates/web/harness.html

@@ -0,0 +1,87 @@
+{% extends "web/base.html" %}
+
+{% block title %}Harness Topology | tcx{% endblock %}
+{% block page_label %}Harness{% endblock %}
+
+{% block content %}
+{% include "web/fragments/topology_canvas.html" %}
+
+<section class="tc-section-grid">
+  <article class="tc-panel">
+    <div class="tc-panel-head">
+      <span class="tc-eyebrow">Health checks</span>
+      <h2>Harness status</h2>
+    </div>
+    <div class="tc-check-grid">
+      {% for check in health.checks %}
+      <div>
+        <span class="tc-pill tc-pill--{{ check.status }}">{{ check.status }}</span>
+        <strong>{{ check.label }}</strong>
+        <small>{{ check.value }}</small>
+      </div>
+      {% endfor %}
+    </div>
+  </article>
+
+  <aside class="tc-panel">
+    <div class="tc-panel-head">
+      <span class="tc-eyebrow">MCP boundary</span>
+      <h2>Execution gate</h2>
+    </div>
+    <ul class="tc-plain-list">
+      <li>Web does not spawn subagents.</li>
+      <li>Web does not approve or submit orders.</li>
+      <li>Paper/stub execution stays behind policy checks.</li>
+    </ul>
+  </aside>
+</section>
+
+<details class="tc-details tc-diagnostics">
+  <summary>Harness systems</summary>
+  <div class="tc-details-body">
+<section class="tc-panel">
+  <div class="tc-panel-head">
+    <span class="tc-eyebrow">Harness model</span>
+    <h2>Guardrails and Improvement sit under the harness</h2>
+  </div>
+  <div class="tc-harness-system-grid">
+    {% for system in topology.systems %}
+    <section class="tc-harness-system tc-harness-system--{{ system.key }}">
+      <div>
+        <strong>{{ system.label }}</strong>
+        <span>{{ system.summary }}</span>
+      </div>
+      <div class="tc-harness-list">
+        {% for item in system.items %}
+        <div><strong>{{ item.label }}</strong><span>{{ item.summary }}</span></div>
+        {% endfor %}
+      </div>
+    </section>
+    {% endfor %}
+  </div>
+</section>
+
+<section class="tc-panel">
+  <div class="tc-panel-head">
+    <span class="tc-eyebrow">Maintenance map</span>
+    <h2>Components are the implementation units</h2>
+  </div>
+  <div class="tc-record-list">
+    {% for component in topology.components %}
+    <article class="tc-record-row">
+      <div class="tc-chip-list">
+        <span class="tc-pill tc-pill--neutral">{{ component.status }}</span>
+        {% for tag in component.tags %}
+        <span class="tc-chip">{{ tag }}</span>
+        {% endfor %}
+      </div>
+      <strong>{{ component.label }}</strong>
+      <small>{{ component.summary }}</small>
+      <small><code>{{ component.id }}</code>{% if component.depends_on %} depends on {{ component.depends_on|join:", " }}{% endif %}</small>
+    </article>
+    {% endfor %}
+  </div>
+</section>
+  </div>
+</details>
+{% endblock %}

tradingcodex_service/templates/web/mcp_router.html

@@ -0,0 +1,250 @@
+{% extends "web/base.html" %}
+
+{% block title %}MCP Router | tcx{% endblock %}
+{% block page_label %}MCP Router{% endblock %}
+
+{% block content %}
+<div
+  class="tc-mcp-page"
+  x-data="{
+    routerModalOpen: false,
+    selectedRouter: '{% if external_tools %}{{ external_tools.0.router.name|escapejs }}{% elif routers %}{{ routers.0.name|escapejs }}{% endif %}',
+    selectedTool: '{% if external_tools %}tool-{{ external_tools.0.id }}{% endif %}'
+  }"
+  @keydown.escape.window="routerModalOpen = false"
+>
+  <section class="tc-mcp-toolbar" aria-label="MCP Router controls">
+    <div class="tc-mcp-toolbar-main">
+      <strong>Routers</strong>
+      <span>{{ router_count }} routes / {{ external_tool_count }} tools / {{ enabled_external_tool_count }} enabled</span>
+    </div>
+    <button class="tc-button tc-button-primary" type="button" @click="routerModalOpen = true">Add MCP</button>
+  </section>
+
+  <section class="tc-mcp-workbench" aria-label="MCP routing workflow">
+    <aside class="tc-mcp-column tc-mcp-column--routers">
+      <div class="tc-mcp-column-head">
+        <div>
+          <span class="tc-eyebrow">MCP list</span>
+          <h2>Route sources</h2>
+        </div>
+        <span class="tc-pill tc-pill--warn">{{ review_required_count }} review</span>
+      </div>
+
+      <div class="tc-mcp-list">
+        {% for router in routers %}
+        <article class="tc-mcp-router-card" :class="{ 'is-active': selectedRouter === '{{ router.name|escapejs }}' }">
+          <button
+            class="tc-mcp-router-select"
+            type="button"
+            @click="selectedRouter = '{{ router.name|escapejs }}'; selectedTool = ''"
+          >
+            <span class="tc-pill tc-pill--{% if router.enabled %}good{% else %}neutral{% endif %}">{% if router.enabled %}enabled{% else %}disabled{% endif %}</span>
+            <strong>{{ router.label|default:router.name }}</strong>
+            <small>{{ router.transport }} / {{ router.trust_level }} / {{ router.last_status }}</small>
+            <code>{% if router.url %}{{ router.url }}{% else %}{{ router.command|default:"no command" }}{% endif %}</code>
+          </button>
+
+          <details class="tc-mcp-import">
+            <summary>Import tools/list</summary>
+            <form class="tc-form" method="post" action="{% url 'web-mcp-router-import' router.id %}">
+              {% csrf_token %}
+              <input type="hidden" name="next" value="{{ request.get_full_path }}">
+              <label>Discovery JSON
+                <textarea name="discovery_payload" rows="5" placeholder='{"tools":[{"name":"get_quote","description":"Get market quote","inputSchema":{"type":"object"}}]}'></textarea>
+              </label>
+              <button class="tc-mini-button" type="submit">Import</button>
+            </form>
+          </details>
+        </article>
+        {% empty %}
+        <div class="tc-empty-state">
+          <strong>No MCP routes</strong>
+          <span>Add a managed MCP route before importing tools.</span>
+        </div>
+        {% endfor %}
+      </div>
+    </aside>
+
+    <section class="tc-mcp-column tc-mcp-column--tools">
+      <div class="tc-mcp-column-head">
+        <div>
+          <span class="tc-eyebrow">Tool list</span>
+          <h2>Discovered tools</h2>
+        </div>
+      </div>
+
+      <div class="tc-mcp-list">
+        {% for tool in external_tools %}
+        <button
+          id="tool-{{ tool.id }}"
+          class="tc-mcp-tool-card"
+          type="button"
+          x-show="!selectedRouter || selectedRouter === '{{ tool.router.name|escapejs }}'"
+          :class="{ 'is-active': selectedTool === 'tool-{{ tool.id }}' }"
+          @click="selectedTool = 'tool-{{ tool.id }}'; selectedRouter = '{{ tool.router.name|escapejs }}'"
+        >
+          <span class="tc-pill tc-pill--{% if tool.risk_level == 'execution' or tool.risk_level == 'blocked' %}bad{% elif tool.risk_level == 'write' %}warn{% else %}neutral{% endif %}">{{ tool.risk_level }}</span>
+          <strong>{{ tool.external_name }}</strong>
+          <small>{{ tool.router.name }} / {{ tool.primitive }} / {{ tool.review_status }}</small>
+          <span class="tc-mcp-tool-meta">
+            <span>{{ tool.category }}</span>
+            <span>{{ tool.proxy_mode }}</span>
+          </span>
+        </button>
+        {% empty %}
+        <div class="tc-empty-state">
+          <strong>No tools yet</strong>
+          <span>Import discovery JSON from a route to classify tools.</span>
+        </div>
+        {% endfor %}
+      </div>
+    </section>
+
+    <section class="tc-mcp-column tc-mcp-column--handling">
+      <div class="tc-mcp-column-head">
+        <div>
+          <span class="tc-eyebrow">TradingCodex</span>
+          <h2>Processing</h2>
+        </div>
+      </div>
+
+      <div class="tc-mcp-processing" x-show="!selectedTool">
+        <div class="tc-mcp-step">
+          <span>1</span>
+          <strong>Classify</strong>
+          <small>Unknown, secret, policy, and execution-like tools start blocked.</small>
+        </div>
+        <div class="tc-mcp-step">
+          <span>2</span>
+          <strong>Map</strong>
+          <small>Allowed tools map to canonical capabilities and role scopes.</small>
+        </div>
+        <div class="tc-mcp-step">
+          <span>3</span>
+          <strong>Dry-run</strong>
+          <small>Proxy decisions stay audited before any service adapter path is used.</small>
+        </div>
+      </div>
+
+      {% for tool in external_tools %}
+      <div class="tc-mcp-controls" x-show="selectedTool === 'tool-{{ tool.id }}'" x-cloak>
+        <div class="tc-mcp-selected-tool">
+          <div>
+            <span class="tc-eyebrow">Selected tool</span>
+            <h3>{{ tool.external_name }}</h3>
+          </div>
+          <span class="tc-pill tc-pill--{% if tool.enabled %}good{% else %}neutral{% endif %}">{% if tool.enabled %}enabled{% else %}disabled{% endif %}</span>
+        </div>
+
+        <form class="tc-mcp-control-card tc-form" method="post" action="{% url 'web-mcp-external-tool-update' tool.id %}">
+          {% csrf_token %}
+          <input type="hidden" name="next" value="{{ request.get_full_path }}">
+          <div class="tc-mcp-control-title">
+            <strong>Review policy</strong>
+            <small>{{ tool.router.name }} / {{ tool.review_status }}</small>
+          </div>
+          <label>Category
+            <select name="category">
+              {% for option in category_options %}<option value="{{ option }}" {% if tool.category == option %}selected{% endif %}>{{ option }}</option>{% endfor %}
+            </select>
+          </label>
+          <label>Risk
+            <select name="risk_level">
+              {% for option in risk_options %}<option value="{{ option }}" {% if tool.risk_level == option %}selected{% endif %}>{{ option }}</option>{% endfor %}
+            </select>
+          </label>
+          <label>Sensitivity
+            <select name="sensitivity">
+              {% for option in sensitivity_options %}<option value="{{ option }}" {% if tool.sensitivity == option %}selected{% endif %}>{{ option }}</option>{% endfor %}
+            </select>
+          </label>
+          <label>Capability <input name="canonical_capability" value="{{ tool.canonical_capability }}"></label>
+          <label>Proxy
+            <select name="proxy_mode">
+              {% for option in proxy_mode_options %}<option value="{{ option }}" {% if tool.proxy_mode == option %}selected{% endif %}>{{ option }}</option>{% endfor %}
+            </select>
+          </label>
+          <label>Roles <input name="allowed_roles" value="{{ tool.allowed_roles|join:", " }}"></label>
+          <label>Enabled
+            <select name="enabled">
+              <option value="false" {% if not tool.enabled %}selected{% endif %}>false</option>
+              <option value="true" {% if tool.enabled %}selected{% endif %}>true</option>
+            </select>
+          </label>
+          <button class="tc-button" type="submit">Save review</button>
+        </form>
+
+        <form class="tc-mcp-control-card tc-form" method="post" action="{% url 'web-mcp-external-tool-check' tool.id %}">
+          {% csrf_token %}
+          <input type="hidden" name="next" value="{{ request.get_full_path }}">
+          <div class="tc-mcp-control-title">
+            <strong>Proxy dry-run</strong>
+            <small>{{ tool.proxy_mode }} / {{ tool.canonical_capability }}</small>
+          </div>
+          <label>Principal <input name="principal_id" value="head-manager"></label>
+          <label>Arguments <textarea name="arguments" rows="4">{}</textarea></label>
+          <button class="tc-button" type="submit">Run check</button>
+        </form>
+      </div>
+      {% endfor %}
+
+      <section class="tc-mcp-audit" aria-label="Recent proxy decisions">
+        <div class="tc-mcp-control-title">
+          <strong>Recent decisions</strong>
+          <small>Audit trail</small>
+        </div>
+        <div class="tc-mini-feed">
+          {% for call in recent_external_calls %}
+          <div>
+            <span class="tc-pill tc-pill--{% if call.decision == 'allow' %}good{% else %}bad{% endif %}">{{ call.decision }}</span>
+            <strong>{{ call.router_name }} / {{ call.external_name }}</strong>
+            <span>{{ call.principal_id }} / {{ call.proxy_mode }}</span>
+          </div>
+          {% empty %}
+          <p class="tc-empty">No proxy decisions yet.</p>
+          {% endfor %}
+        </div>
+      </section>
+    </section>
+  </section>
+
+  <div class="tc-modal-backdrop" x-show="routerModalOpen" x-cloak @click.self="routerModalOpen = false">
+    <section class="tc-modal" role="dialog" aria-modal="true" aria-labelledby="mcp-router-modal-title">
+      <div class="tc-modal-head">
+        <div>
+          <span class="tc-eyebrow">New route</span>
+          <h2 id="mcp-router-modal-title">Add MCP</h2>
+        </div>
+        <button class="tc-icon-button" type="button" aria-label="Close" @click="routerModalOpen = false">&times;</button>
+      </div>
+      <form class="tc-form" method="post" action="{% url 'web-mcp-router-create' %}">
+        {% csrf_token %}
+        <input type="hidden" name="next" value="{{ request.get_full_path }}">
+        <label>Name <input name="name" placeholder="alpaca-paper" required></label>
+        <label>Label <input name="label" placeholder="Alpaca Paper"></label>
+        <label>Transport
+          <select name="transport">
+            <option value="stdio">stdio</option>
+            <option value="http">http</option>
+            <option value="sse">sse</option>
+          </select>
+        </label>
+        <label>Command <input name="command" placeholder="uvx broker-mcp"></label>
+        <label>URL <input name="url" placeholder="https://localhost:9000/mcp"></label>
+        <label>Credential ref <input name="credential_ref" placeholder="os-keychain://tradingcodex/broker/default"></label>
+        <label>Enabled
+          <select name="enabled">
+            <option value="false">false</option>
+            <option value="true">true</option>
+          </select>
+        </label>
+        <div class="tc-modal-actions">
+          <button class="tc-button" type="button" @click="routerModalOpen = false">Cancel</button>
+          <button class="tc-button tc-button-primary" type="submit">Save router</button>
+        </div>
+      </form>
+    </section>
+  </div>
+</div>
+{% endblock %}

tradingcodex_service/templates/web/orders.html

@@ -0,0 +1,68 @@
+{% extends "web/base.html" %}
+
+{% block title %}Orders | tcx{% endblock %}
+{% block page_label %}Orders{% endblock %}
+
+{% block content %}
+<section class="tc-section-grid tc-section-grid--three">
+  <article class="tc-summary-card"><span>Order intents</span><strong>{{ order_count }}</strong></article>
+  <article class="tc-summary-card"><span>Approvals</span><strong>{{ approval_count }}</strong></article>
+  <article class="tc-summary-card"><span>Executions</span><strong>{{ execution_count }}</strong></article>
+</section>
+
+<section class="tc-section-grid">
+  <article class="tc-panel">
+    <div class="tc-panel-head">
+      <span class="tc-eyebrow">Drafts</span>
+      <h2>Recent order intents</h2>
+    </div>
+    <div class="tc-record-list">
+      {% for order in order_intents %}
+      <div class="tc-record-row">
+        <strong>{{ order.intent_id }}</strong>
+        <span>{{ order.side }} {{ order.quantity }} {{ order.symbol }} via {{ order.broker }}</span>
+        <small>{{ order.created_by }} · {{ order.created_at|date:"Y-m-d H:i" }}</small>
+      </div>
+      {% empty %}
+      <p class="tc-empty">No order intents are stored yet.</p>
+      {% endfor %}
+    </div>
+  </article>
+
+  <aside class="tc-panel">
+    <div class="tc-panel-head">
+      <span class="tc-eyebrow">Approvals</span>
+      <h2>Recent receipts</h2>
+    </div>
+    <div class="tc-record-list">
+      {% for approval in approval_receipts %}
+      <div class="tc-record-row">
+        <strong>{{ approval.receipt_id }}</strong>
+        <span>{{ approval.order_intent_id }} · approved by {{ approval.approved_by }}</span>
+        <small>expires {{ approval.expires_at|date:"Y-m-d H:i" }}</small>
+      </div>
+      {% empty %}
+      <p class="tc-empty">No approval receipts are stored yet.</p>
+      {% endfor %}
+    </div>
+  </aside>
+</section>
+
+<section class="tc-panel">
+  <div class="tc-panel-head">
+    <span class="tc-eyebrow">Experimental execution ledger</span>
+    <h2>Recent results</h2>
+  </div>
+  <div class="tc-record-list tc-record-list--grid">
+    {% for execution in execution_results %}
+    <div class="tc-record-row">
+      <strong>{{ execution.order_intent_id }}</strong>
+      <span>{{ execution.status }} via {{ execution.adapter }}</span>
+      <small>{{ execution.created_at|date:"Y-m-d H:i" }}</small>
+    </div>
+    {% empty %}
+    <p class="tc-empty">No execution results are stored yet.</p>
+    {% endfor %}
+  </div>
+</section>
+{% endblock %}

tradingcodex_service/templates/web/policy.html

@@ -0,0 +1,81 @@
+{% extends "web/base.html" %}
+
+{% block title %}Policy | tcx{% endblock %}
+{% block page_label %}Policy{% endblock %}
+
+{% block content %}
+<section class="tc-section-grid">
+  <article class="tc-panel">
+    <div class="tc-panel-head">
+      <span class="tc-eyebrow">Restricted list</span>
+      <h2>{{ policy.restricted_symbols|length }} symbols</h2>
+    </div>
+    <div class="tc-record-list">
+      {% for item in policy.restricted_symbols %}
+      <div class="tc-record-row">
+        <strong>{{ item.symbol }}</strong>
+        <span>{{ item.reason|default:"No reason recorded" }}</span>
+        <small>{% if item.active %}active{% else %}inactive{% endif %}</small>
+      </div>
+      {% empty %}
+      <p class="tc-empty">No restricted symbols are active.</p>
+      {% endfor %}
+    </div>
+  </article>
+
+  <aside class="tc-panel">
+    <div class="tc-panel-head">
+      <span class="tc-eyebrow">Guardrail</span>
+      <h2>Policy posture</h2>
+    </div>
+    <div class="tc-alert tc-alert-destructive">
+      <strong>{{ policy.explicit_denies|length }} explicit denies</strong>
+      <span>Risky policy changes stay outside the web review surface.</span>
+    </div>
+  </aside>
+</section>
+
+<section class="tc-panel">
+  <div class="tc-panel-head">
+    <span class="tc-eyebrow">Policy decisions</span>
+    <h2>Recent checks</h2>
+  </div>
+  <div class="tc-table-wrap">
+    <table class="tc-data-table">
+      <thead>
+        <tr>
+          <th>Decision</th>
+          <th>Principal</th>
+          <th>Action</th>
+          <th>Resource</th>
+          <th>Created</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for decision in policy.recent_decisions %}
+        <tr>
+          <td><span class="tc-pill tc-pill--{{ decision.status_class }}">{{ decision.decision }}</span></td>
+          <td>{{ decision.principal_id }}</td>
+          <td>{{ decision.action }}</td>
+          <td>{{ decision.resource|default:"-" }}</td>
+          <td>{{ decision.created_at|date:"Y-m-d H:i" }}</td>
+        </tr>
+        {% empty %}
+        <tr><td colspan="5">No policy decisions have been recorded yet.</td></tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+</section>
+
+<details class="tc-details tc-diagnostics">
+  <summary>Explicit denies</summary>
+  <div class="tc-details-body">
+    <div class="tc-chip-list">
+      {% for action in policy.explicit_denies %}
+      <span class="tc-chip tc-chip-danger">{{ action }}</span>
+      {% endfor %}
+    </div>
+  </div>
+</details>
+{% endblock %}

tradingcodex_service/templates/web/portfolio.html

@@ -0,0 +1,52 @@
+{% extends "web/base.html" %}
+
+{% block title %}Portfolio | tcx{% endblock %}
+{% block page_label %}Portfolio{% endblock %}
+
+{% block content %}
+<section class="tc-section-grid tc-section-grid--three">
+  <article class="tc-summary-card">
+    <span>Cash</span>
+    <strong>KRW {{ portfolio.cash_krw }}</strong>
+  </article>
+  <article class="tc-summary-card">
+    <span>Positions</span>
+    <strong>{{ portfolio.positions_count }}</strong>
+  </article>
+  <article class="tc-summary-card">
+    <span>Strategy</span>
+    <strong>{{ portfolio.strategy_id }}</strong>
+  </article>
+</section>
+
+<section class="tc-panel">
+  <div class="tc-panel-head">
+    <span class="tc-eyebrow">Holdings</span>
+    <h2>{{ portfolio.portfolio_id }} / {{ portfolio.account_id }}</h2>
+  </div>
+  <div class="tc-table-wrap">
+    <table class="tc-data-table">
+      <thead>
+        <tr>
+          <th>Symbol</th>
+          <th>Quantity</th>
+          <th>Average price</th>
+          <th>Currency</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for position in portfolio.positions %}
+        <tr>
+          <td><strong>{{ position.symbol }}</strong></td>
+          <td>{{ position.quantity }}</td>
+          <td>{{ position.average_price }}</td>
+          <td>{{ position.currency }}</td>
+        </tr>
+        {% empty %}
+        <tr><td colspan="4">No positions are recorded in the central paper portfolio.</td></tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+</section>
+{% endblock %}