diff --git a/services/premiere-plugin/index.html b/services/premiere-plugin/index.html
index ea6efb4..701343a 100644
--- a/services/premiere-plugin/index.html
+++ b/services/premiere-plugin/index.html
@@ -8,8 +8,8 @@
 </head>
 <body>
     <div id="panel-container">
-        <!-- Connection Bar -->
-        <div class="connection-bar">
+        <!-- Connection Form: shown when disconnected (startup) -->
+        <div id="connection-form" class="connection-bar">
             <div class="connection-controls connection-controls--stacked">
                 <div class="server-input-row">
                     <input
@@ -35,6 +35,15 @@
             </div>
         </div>
 
+        <!-- Connected Bar: compact strip shown only when connected -->
+        <div id="connected-bar" class="connected-bar hidden">
+            <div class="connected-bar-status">
+                <div class="status-indicator connected"></div>
+                <span id="connected-host" class="connected-host"></span>
+            </div>
+            <button id="disconnect-btn" class="btn btn-ghost btn-sm">Disconnect</button>
+        </div>
+
         <!-- Tab Navigation -->
         <div class="tab-nav">
             <button id="tab-library" class="tab-btn active">
