aboutsummaryrefslogtreecommitdiff
path: root/help.html
diff options
context:
space:
mode:
Diffstat (limited to 'help.html')
-rw-r--r--help.html30
1 files changed, 30 insertions, 0 deletions
diff --git a/help.html b/help.html
index bf2402a..35baf8a 100644
--- a/help.html
+++ b/help.html
@@ -953,6 +953,36 @@ ollamaconnect</pre>
<p>All file-reading commands (<code>cut</code>, <code>uniq</code>, <code>expand</code>) work with shell pipes: <code>cat data.csv | cut -f2 -d, | uniq</code>.</p>
</section>
+ <!-- ── Floating ── -->
+ <section id="floating">
+ <h2>🪟 Floating UI Elements</h2>
+ <div class="callout callout-success">
+ <span class="callout-title">Buttons, Menus &amp; Panels</span>
+ Create persistent floating UI elements that survive page reload — buttons that run commands, collapsible menus with sub-buttons, and informational panels.
+ </div>
+ <div class="table-wrap"><table>
+ <tr><th>Command</th><th>Description</th><th>Example</th></tr>
+ <tr><td><code>floating-add</code></td><td>Add a floating element (btn, menu, or panel)</td><td><code>floating-add btn quick-status ls -la</code></td></tr>
+ <tr><td><code>floating-remove</code></td><td>Remove a floating element</td><td><code>floating-remove quick-status</code></td></tr>
+ <tr><td><code>floating-list</code></td><td>List all floating elements</td><td><code>floating-list</code></td></tr>
+ <tr><td><code>floating-pos</code></td><td>Reposition an element (x y in px, or auto)</td><td><code>floating-pos menu1 100 200</code></td></tr>
+ <tr><td><code>floating-clear</code></td><td>Remove all floating elements</td><td><code>floating-clear</code></td></tr>
+ <tr><td><code>floating-toggle</code></td><td>Show/hide a floating element</td><td><code>floating-toggle menu1</code></td></tr>
+ </table></div>
+ <h3>Usage Examples</h3>
+ <pre><span class="cmt"># Simple button — click to run a command</span>
+floating-add btn quick ls -la
+
+<span class="cmt"># Menu with sub-buttons (btn:Label:command)</span>
+floating-add menu tools Tools btn:Status:status btn:Help:help btn:Check:health-check
+
+<span class="cmt"># Panel with info text</span>
+floating-add panel info "Server: production | Uptime: 12d"
+
+<span class="cmt"># You can drag buttons and menu headers to reposition them</span>
+<span class="cmt"># Position persists across page reloads</span></pre>
+ </section>
+
<!-- ── Shell ── -->
<section id="shell">
<h2>🐚 Shell</h2>