From 6ea8100aeb01ed78ae8d17437b750eb1c7f33151 Mon Sep 17 00:00:00 2001
From: ScreenTinker <hello@screentinker.com>
Date: Sun, 14 Jun 2026 16:10:25 -0500
Subject: [PATCH] feat(ui): the size-guidance card container in the agency
 portal (#73)

The #placementCard / #layoutView elements that agency-portal.js's reactive
loadLayoutForPlaylist() renders into. Was built with the card logic but never folded into a
commit; without it the size-guidance card has nowhere to render. Pure markup, no behavior.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 frontend/agency.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/agency.html b/frontend/agency.html
index b2661e2..1e8b826 100644
--- a/frontend/agency.html
+++ b/frontend/agency.html
@@ -68,6 +68,12 @@
       </div>
       <div style="margin-top:16px"><button id="scheduleBtn" disabled>Add to playlist</button></div>
     </div>
+
+    <div class="card" id="placementCard" style="display:none">
+      <h2>Where your content appears</h2>
+      <p class="sub">Your zone is highlighted on each screen layout below, with the size to design for. Other zones are shown for context only.</p>
+      <div id="layoutView"></div>
+    </div>
   </div>
 </div>
 <script src="/js/agency-portal.js"></script>