Rework Terminal into a real live console; polish danger buttons and Settings

Terminal panel now opens a genuinely interactive shell (ttyd bound to a
unix socket, proxied through Unraid's own /logterminal/ nginx location —
the same mechanism Unraid's own Docker "Console" button uses) instead of
one-shot exec calls, shown inline with a Disconnect action; bash is the
default shell. Container/shell selectors and action buttons are now
correctly bottom-aligned (root cause: Unraid's theme puts a 10px margin
on every <button>, never reset before).

Destructive actions (Disconnect, Compose/Template Delete, Volumes/Images/
Networks Remove) get a consistent, solid red treatment at rest instead of
only tinting on hover, via new --bad-strong/--bad-contrast tokens.

Settings panel restructured: a real save toolbar instead of a button
buried in an empty-label row, card subtitles, a toggle switch instead of
a bare checkbox, and installed-package versions shown as chips.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

webui/plugins/podman/Podman.page

@@ -184,12 +184,22 @@ function podman_asset_version(string $relPath): string
     <!-- ============================= TERMINAL ============================= -->
     <section class="podman-panel" id="podman-panel-terminal">
       <div class="podman-card">
+        <div class="podman-card-head"><h2>Live Terminal</h2></div>
         <div class="podman-card-pad">
-          <div style="display:flex; gap:8px; align-items:center; margin-bottom:12px; font-size:12.5px; color:var(--text-dim);">
-            Exec into: <select id="term-container-select"></select>
+          <div class="podman-term-launcher">
+            <label>Container <select class="podman-term-select" id="term-container-select"></select></label>
+            <label>Shell
+              <select class="podman-term-select" id="term-shell-select">
+                <option value="bash" selected>bash</option>
+                <option value="sh">sh</option>
+              </select>
+            </label>
+            <button class="podman-btn podman-btn-primary" id="term-open-btn">&#9654; Open Terminal</button>
+            <button class="podman-btn podman-btn-ghost podman-btn-danger" id="term-disconnect-btn" disabled>&#9632; Disconnect</button>
+          </div>
+          <div id="term-frame-wrap">
+            <p class="podman-empty-note">Pick a running container and click "Open Terminal" — the same live, fully interactive terminal Unraid's own Docker "Console" button opens (arrow-key history, tab completion, vim, etc. all work).</p>
           </div>
-          <div class="podman-term" id="term-output"></div>
-          <input class="podman-term-input" id="term-input" type="text" placeholder="Type a command and press Enter… (one-shot exec — see Compose panel note on API scope)" autocomplete="off">
         </div>
       </div>
     </section>
@@ -207,7 +217,7 @@ function podman_asset_version(string $relPath): string
           <div>
             <div class="podman-toolbar">
               <strong id="compose-title" style="flex:1;">—</strong>
-              <button class="podman-btn podman-btn-ghost" id="compose-action-delete">Delete</button>
+              <button class="podman-btn podman-btn-ghost podman-btn-danger" id="compose-action-delete">Delete</button>
               <button class="podman-btn" id="compose-action-pull">&#11015; Pull</button>
               <button class="podman-btn" id="compose-action-down">&#9632; Down</button>
               <button class="podman-btn podman-btn-primary" id="compose-action-up">&#9654; Up</button>
@@ -221,9 +231,15 @@ function podman_asset_version(string $relPath): string
 
     <!-- ============================= SETTINGS ============================= -->
     <section class="podman-panel" id="podman-panel-settings">
+      <div class="podman-settings-actions">
+        <span class="hint" id="settings-save-hint">Changes to storage/enabled/timeout need <span class="mono">rc.podman restart</span> to take effect.</span>
+        <button class="podman-btn podman-btn-primary" id="settings-save-btn">Save Settings</button>
+      </div>
       <div class="podman-grid">
         <div class="podman-card">
-          <div class="podman-card-head"><h2>Storage</h2></div>
+          <div class="podman-card-head">
+            <div><h2>Storage</h2><div class="sub">Where podman keeps images, containers and volumes on disk.</div></div>
+          </div>
           <div class="podman-field-row">
             <label for="settings-storage-path">Storage path</label>
             <div>
@@ -233,40 +249,52 @@ function podman_asset_version(string $relPath): string
           </div>
           <div class="podman-field-row">
             <label for="settings-storage-size">podman.img size</label>
-            <div><input type="number" id="settings-storage-size" style="max-width:100px;"> <span style="font-size:12px;color:var(--text-dim);">GB</span></div>
+            <div>
+              <div class="podman-input-suffix"><input type="number" id="settings-storage-size" min="1"> <span>GB</span></div>
+              <div class="hint">Overlay filesystem image size. Only applies the first time podman initializes storage at this path.</div>
+            </div>
           </div>
         </div>
 
         <div class="podman-card">
-          <div class="podman-card-head"><h2>Autostart &amp; Lifecycle</h2></div>
+          <div class="podman-card-head">
+            <div><h2>Autostart &amp; Lifecycle</h2><div class="sub">What runs when the array starts, and how containers shut down.</div></div>
+          </div>
           <div class="podman-field-row">
             <label for="settings-enabled">Start podman on array start</label>
-            <div><input type="checkbox" id="settings-enabled"></div>
-          </div>
-          <div class="podman-field-row">
-            <label for="settings-stop-timeout">Container stop timeout</label>
-            <div><input type="number" id="settings-stop-timeout" style="max-width:100px;"> <span style="font-size:12px;color:var(--text-dim);">seconds</span></div>
-          </div>
-          <div class="podman-field-row">
-            <label>Autostart order</label>
-            <div class="podman-table-wrap">
-              <table>
-                <thead><tr><th>#</th><th>Container</th><th></th></tr></thead>
-                <tbody id="autostart-tbody"></tbody>
-              </table>
+            <div>
+              <label class="podman-switch">
+                <input type="checkbox" id="settings-enabled"><span class="podman-switch-track"><span class="podman-switch-thumb"></span></span>
+              </label>
             </div>
           </div>
           <div class="podman-field-row">
-            <label></label>
-            <div><button class="podman-btn podman-btn-primary" id="settings-save-btn">Save Settings</button></div>
+            <label for="settings-stop-timeout">Container stop timeout</label>
+            <div>
+              <div class="podman-input-suffix"><input type="number" id="settings-stop-timeout" min="0"> <span>seconds</span></div>
+              <div class="hint">Grace period before a stop/restart escalates to SIGKILL.</div>
+            </div>
+          </div>
+          <div class="podman-field-row">
+            <label>Autostart order</label>
+            <div>
+              <div class="podman-table-wrap">
+                <table>
+                  <thead><tr><th>#</th><th>Container</th><th></th></tr></thead>
+                  <tbody id="autostart-tbody"></tbody>
+                </table>
+              </div>
+              <div class="hint">Saved immediately on reorder/remove — no separate save step.</div>
+            </div>
           </div>
         </div>
 
         <div class="podman-card">
-          <div class="podman-card-head"><h2>Installed Packages</h2></div>
-          <div class="podman-field-row">
-            <label>Versions</label>
-            <div class="hint mono" id="settings-package-versions" style="max-width:none;">—</div>
+          <div class="podman-card-head">
+            <div><h2>Installed Packages</h2><div class="sub">Versions currently installed on this system.</div></div>
+          </div>
+          <div class="podman-card-pad">
+            <div class="podman-version-chips" id="settings-package-versions">—</div>
           </div>
         </div>
       </div>