From 9ba3bf6f832dd99ed4ce6c397d64195f55df542c Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Wed, 20 May 2026 00:38:09 -0400
Subject: [PATCH] feat(plugin): add seq info bar, hi-res button, export panel
 to panel UI

- Active sequence info bar shows current Premiere sequence name
- Import Proxy / Hi-Res split buttons replace single Import button
- Export panel (hidden) slides in with seq name, project picker, clip count
- Export Timeline button in second action row triggers panel
---
 services/premiere-plugin/index.html | 38 +++++++++++++++++++++++++++--
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/services/premiere-plugin/index.html b/services/premiere-plugin/index.html
index 7ae4f2e..56d2750 100644
--- a/services/premiere-plugin/index.html
+++ b/services/premiere-plugin/index.html
@@ -42,6 +42,13 @@
             </div>
         </div>
 
+        <!-- Active Sequence Info Bar (hidden until connected with an active sequence) -->
+        <div id="seq-info-bar" class="seq-info-bar hidden">
+            <span class="seq-info-label">SEQ</span>
+            <span id="seq-info-name" class="seq-info-name"></span>
+            <button id="seq-refresh-btn" class="seq-refresh-btn" title="Refresh active sequence">&#8635;</button>
+        </div>
+
         <!-- Main Content Area -->
         <div class="content-area">
             <!-- Asset Grid -->
@@ -105,10 +112,37 @@
             </div>
         </div>
 
+        <!-- Export Panel — shown when Export Timeline is clicked -->
+        <div id="export-panel" class="export-panel hidden">
+            <div class="export-panel-title">Push Timeline to MAM</div>
+            <input
+                type="text"
+                id="export-seq-name"
+                placeholder="Sequence name"
+                title="Name this sequence will have in the MAM"
+            >
+            <select id="export-proj-select" title="Target project in MAM">
+                <option value="">— Select project —</option>
+            </select>
+            <div id="export-clip-info" class="export-clip-info"></div>
+            <div class="export-panel-actions">
+                <button id="export-confirm-btn">Push to MAM</button>
+                <button id="export-cancel-btn" class="secondary">Cancel</button>
+            </div>
+        </div>
+
         <!-- Action Bar -->
         <div class="action-bar">
-            <button id="import-btn" disabled title="Import selected asset">Import</button>
-            <button id="import-all-btn" class="secondary" title="Import all visible assets">Import All</button>
+            <!-- Row 1: per-asset import buttons -->
+            <div class="action-row">
+                <button id="import-btn" disabled title="Download proxy and import into Premiere">Import Proxy</button>
+                <button id="import-hires-btn" class="secondary" disabled title="Download original hi-res and import into Premiere">Hi-Res</button>
+            </div>
+            <!-- Row 2: bulk + timeline actions -->
+            <div class="action-row">
+                <button id="import-all-btn" class="secondary" title="Import all visible assets as proxy">Import All</button>
+                <button id="export-timeline-btn" class="secondary" title="Push the current Premiere sequence to MAM">Export Timeline &#8593;</button>
+            </div>
         </div>
     </div>