pywebexec 1.2.4__py3-none-any.whl

pywebexec/static/css/style.css

@@ -0,0 +1,178 @@
+body {
+    font-family: Arial, sans-serif;
+    overflow: hidden;
+}
+.table-container {
+    height: 270px;
+    overflow-y: auto;
+    position: relative;
+    border-radius: 10px;
+    border: 1px solid #aaa;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.30);
+}
+table {
+    width: 100%;
+    border-collapse: collapse;
+}
+th, td {
+    padding: 8px;
+    text-align: left;
+    border-bottom: 1px solid #ddd;
+    white-space: nowrap;
+}
+th { 
+    background-color: #444;
+    color: #eee;
+    position: sticky;
+    top: 0;
+    z-index: 1;
+}
+.outcol {
+    width: 100%;
+}
+select { /* Safari bug */
+    font-size: 15px;
+    border: #aaa solid 1px;
+    border-radius: 5px;
+}
+.output {
+    white-space: pre-wrap;
+    background: #111;
+    padding: 10px;
+    border: 1px solid #ccc;
+    font-family: monospace;
+    border-radius: 10px;
+    overflow-y: hidden;
+}
+.copy-icon { cursor: pointer; }
+.monospace { font-family: monospace; }
+.copied { color: green; margin-left: 5px; }
+button {
+    -webkit-appearance: none;
+    -webkit-border-radius: none;
+    appearance: none;
+    border-radius: 15px;
+    padding-right: 13px;
+    border: 1px #555 solid;
+    height: 22px;
+    font-size: 13px;
+    outline: none;
+    text-indent: 10px;
+    background-color: #eee;
+}
+form {
+    padding-bottom: 15px;
+}
+.status-icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    margin-right: 5px;
+    background-size: contain;
+    background-repeat: no-repeat;
+    vertical-align: middle;
+}
+.title-icon {
+    width: 30px;
+    height: 30px;
+    background-image: url("/static/images/favicon.svg");
+    vertical-align: bottom;
+}
+.status-running { 
+    background-image: url("/static/images/running.gif")
+}
+.status-success { 
+    background-image: url("/static/images/success.svg")
+}
+.status-failed { 
+    background-image: url("/static/images/failed.svg")
+}
+.status-aborted { 
+    background-image: url("/static/images/aborted.svg")
+}
+.copy_clip {
+    padding-right: 20px;
+    background-repeat: no-repeat;
+    background-position: right top;
+    background-size: 20px 12px;
+    white-space: nowrap;
+}
+.copy_clip:hover {
+    cursor: pointer;
+    background-image: url("/static/images/copy.svg");
+}
+.copy_clip_ok, .copy_clip_ok:hover {
+    background-image: url("/static/images/copy_ok.svg");
+}
+input {
+    width: 50%;
+    -webkit-appearance: none;
+    -webkit-border-radius: none;
+    appearance: none;
+    border-radius: 15px;
+    padding: 3px;
+    padding-right: 13px;
+    border: 1px #aaa solid;
+    height: 15px;
+    font-size: 15px;
+    outline: none;
+    text-indent: 5px;
+    background-color: white;
+}
+.currentcommand {
+    background-color: #eef;
+}
+.resizer {
+    width: 100%;
+    height: 5px;
+    border-radius: 5px;
+    background: #aaa;
+    cursor: ns-resize;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+}
+.resizer-container {
+    position: relative;
+    height: 5px;
+    margin: 5px;
+    /*margin-bottom: 10px;*/
+}
+tr.clickable-row {
+    cursor: pointer;
+}
+body.dimmed {
+    background-color: rgba(0, 0, 0, 0.5);
+    pointer-events: none;
+}
+body.dimmed * {
+    pointer-events: none;
+}
+.dimmer {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 1000;
+    overflow-y: hidden;
+}
+.dimmer-text {
+    color: white;
+    font-size: 24px;
+    text-align: center;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+.xterm-cursor {
+    display: none;
+    visibility: hidden;
+    height: 0px;
+}
+span { /* allow wide chars in terminal */
+    letter-spacing: unset !important;
+}

pywebexec/static/css/xterm.css

@@ -0,0 +1,209 @@
+/**
+ * Copyright (c) 2014 The xterm.js authors. All rights reserved.
+ * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
+ * https://github.com/chjj/term.js
+ * @license MIT
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally forked from (with the author's permission):
+ *   Fabrice Bellard's javascript vt100 for jslinux:
+ *   http://bellard.org/jslinux/
+ *   Copyright (c) 2011 Fabrice Bellard
+ *   The original design remains. The terminal itself
+ *   has been extended to include xterm CSI codes, among
+ *   other features.
+ */
+
+/**
+ *  Default styles for xterm.js
+ */
+
+.xterm {
+    cursor: text;
+    position: relative;
+    user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+}
+
+.xterm.focus,
+.xterm:focus {
+    outline: none;
+}
+
+.xterm .xterm-helpers {
+    position: absolute;
+    top: 0;
+    /**
+     * The z-index of the helpers must be higher than the canvases in order for
+     * IMEs to appear on top.
+     */
+    z-index: 5;
+}
+
+.xterm .xterm-helper-textarea {
+    padding: 0;
+    border: 0;
+    margin: 0;
+    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
+    position: absolute;
+    opacity: 0;
+    left: -9999em;
+    top: 0;
+    width: 0;
+    height: 0;
+    z-index: -5;
+    /** Prevent wrapping so the IME appears against the textarea at the correct position */
+    white-space: nowrap;
+    overflow: hidden;
+    resize: none;
+}
+
+.xterm .composition-view {
+    /* TODO: Composition position got messed up somewhere */
+    background: #000;
+    color: #FFF;
+    display: none;
+    position: absolute;
+    white-space: nowrap;
+    z-index: 1;
+}
+
+.xterm .composition-view.active {
+    display: block;
+}
+
+.xterm .xterm-viewport {
+    /* On OS X this is required in order for the scroll bar to appear fully opaque */
+    background-color: #000;
+    overflow-y: scroll;
+    cursor: default;
+    position: absolute;
+    right: 0;
+    left: 0;
+    top: 0;
+    bottom: 0;
+}
+
+.xterm .xterm-screen {
+    position: relative;
+}
+
+.xterm .xterm-screen canvas {
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+
+.xterm .xterm-scroll-area {
+    visibility: hidden;
+}
+
+.xterm-char-measure-element {
+    display: inline-block;
+    visibility: hidden;
+    position: absolute;
+    top: 0;
+    left: -9999em;
+    line-height: normal;
+}
+
+.xterm.enable-mouse-events {
+    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
+    cursor: default;
+}
+
+.xterm.xterm-cursor-pointer,
+.xterm .xterm-cursor-pointer {
+    cursor: pointer;
+}
+
+.xterm.column-select.focus {
+    /* Column selection mode */
+    cursor: crosshair;
+}
+
+.xterm .xterm-accessibility,
+.xterm .xterm-message {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 10;
+    color: transparent;
+    pointer-events: none;
+}
+
+.xterm .live-region {
+    position: absolute;
+    left: -9999px;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+}
+
+.xterm-dim {
+    /* Dim should not apply to background, so the opacity of the foreground color is applied
+     * explicitly in the generated class and reset to 1 here */
+    opacity: 1 !important;
+}
+
+.xterm-underline-1 { text-decoration: underline; }
+.xterm-underline-2 { text-decoration: double underline; }
+.xterm-underline-3 { text-decoration: wavy underline; }
+.xterm-underline-4 { text-decoration: dotted underline; }
+.xterm-underline-5 { text-decoration: dashed underline; }
+
+.xterm-overline {
+    text-decoration: overline;
+}
+
+.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
+.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
+.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
+.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
+.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }
+
+.xterm-strikethrough {
+    text-decoration: line-through;
+}
+
+.xterm-screen .xterm-decoration-container .xterm-decoration {
+	z-index: 6;
+	position: absolute;
+}
+
+.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
+	z-index: 7;
+}
+
+.xterm-decoration-overview-ruler {
+    z-index: 8;
+    position: absolute;
+    top: 0;
+    right: 0;
+    pointer-events: none;
+}
+
+.xterm-decoration-top {
+    z-index: 2;
+    position: relative;
+}

pywebexec/static/images/aborted.svg

@@ -0,0 +1 @@
+<svg viewBox="-1 -1 13 13" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 12A6 6 0 106 0a6 6 0 000 12zM3 5a1 1 0 000 2h6a1 1 0 100-2H3z" fill="#ff641a"></path></g></svg>

pywebexec/static/images/copy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="img" viewBox="0 0 16 16" width="25" height="16" fill="currentColor"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path></svg>

pywebexec/static/images/copy_ok.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="img" viewBox="0 0 16 16" width="25" height="16" fill="currentColor" style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"><path fill="#118811" d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path></svg>

pywebexec/static/images/failed.svg

@@ -0,0 +1 @@
+<svg viewBox="-2 -2 34 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>cross-circle</title><desc>Created with Sketch Beta.</desc><defs></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Icon-Set-Filled" sketch:type="MSLayerGroup" transform="translate(-570.000000, -1089.000000)" fill="#ca0000"><path d="M591.657,1109.24 C592.048,1109.63 592.048,1110.27 591.657,1110.66 C591.267,1111.05 590.633,1111.05 590.242,1110.66 L586.006,1106.42 L581.74,1110.69 C581.346,1111.08 580.708,1111.08 580.314,1110.69 C579.921,1110.29 579.921,1109.65 580.314,1109.26 L584.58,1104.99 L580.344,1100.76 C579.953,1100.37 579.953,1099.73 580.344,1099.34 C580.733,1098.95 581.367,1098.95 581.758,1099.34 L585.994,1103.58 L590.292,1099.28 C590.686,1098.89 591.323,1098.89 591.717,1099.28 C592.11,1099.68 592.11,1100.31 591.717,1100.71 L587.42,1105.01 L591.657,1109.24 L591.657,1109.24 Z M586,1089 C577.163,1089 570,1096.16 570,1105 C570,1113.84 577.163,1121 586,1121 C594.837,1121 602,1113.84 602,1105 C602,1096.16 594.837,1089 586,1089 L586,1089 Z" id="cross-circle" sketch:type="MSShapeGroup"></path></g></g></g></svg>

pywebexec/static/images/favicon.svg

@@ -0,0 +1 @@
+<svg fill="#000000" viewBox="-1 0 19 19" xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M16.5 9.5a8 8 0 1 1-8-8 8 8 0 0 1 8 8zm-2.97.006a5.03 5.03 0 1 0-5.03 5.03 5.03 5.03 0 0 0 5.03-5.03zm-7.383-.4H4.289a4.237 4.237 0 0 1 2.565-3.498q.1-.042.2-.079a7.702 7.702 0 0 0-.907 3.577zm0 .8a7.7 7.7 0 0 0 .908 3.577q-.102-.037-.201-.079a4.225 4.225 0 0 1-2.565-3.498zm.8-.8a9.04 9.04 0 0 1 .163-1.402 6.164 6.164 0 0 1 .445-1.415c.289-.615.66-1.013.945-1.013.285 0 .656.398.945 1.013a6.18 6.18 0 0 1 .445 1.415 9.078 9.078 0 0 1 .163 1.402zm3.106.8a9.073 9.073 0 0 1-.163 1.402 6.187 6.187 0 0 1-.445 1.415c-.289.616-.66 1.013-.945 1.013-.285 0-.656-.397-.945-1.013a6.172 6.172 0 0 1-.445-1.415 9.036 9.036 0 0 1-.163-1.402zm1.438-3.391a4.211 4.211 0 0 1 1.22 2.591h-1.858a7.698 7.698 0 0 0-.908-3.577q.102.037.201.08a4.208 4.208 0 0 1 1.345.906zm-.638 3.391h1.858a4.238 4.238 0 0 1-2.565 3.498q-.1.043-.2.08a7.697 7.697 0 0 0 .907-3.578z"></path></g></svg>

pywebexec/static/images/success.svg

@@ -0,0 +1 @@
+<svg viewBox="0 75 949 949" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#00a600" d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"></path></g></svg>

pywebexec/static/js/script.js

@@ -0,0 +1,280 @@
+let currentCommandId = null;
+let outputInterval = null;
+let nextOutputLink = null;
+
+const terminal = new Terminal({
+    cursorBlink: false,
+    cursorHidden: true,
+    disableStdin: true,
+    convertEol: true,
+    fontFamily: 'Consolas NF, monospace, courier-new, courier'
+});
+const fitAddon = new FitAddon.FitAddon();
+terminal.loadAddon(fitAddon);
+terminal.open(document.getElementById('output'));
+fitAddon.fit();
+
+terminal.onSelectionChange(() => {
+    const selectionText = terminal.getSelection();
+    if (selectionText) {
+        navigator.clipboard.writeText(selectionText).catch(err => {
+            console.error('Failed to copy text to clipboard:', err);
+        });
+    }
+});
+
+document.getElementById('launchForm').addEventListener('submit', async (event) => {
+    event.preventDefault();
+    const commandName = document.getElementById('commandName').value;
+    const params = document.getElementById('params').value.split(' ');
+    try {
+        const response = await fetch('/run_command', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({ command: commandName, params: params })
+        });
+        if (!response.ok) {
+            throw new Error('Failed to launch command');
+        }
+        const data = await response.json();
+        await new Promise(r => setTimeout(r, 200));
+        fetchCommands();
+        viewOutput(data.command_id);
+    } catch (error) {
+        console.log('Error running command:', error);
+    }
+});
+
+async function fetchCommands() {
+    try {
+        const response = await fetch('/commands');
+        if (!response.ok) {
+            document.getElementById('dimmer').style.display = 'block';
+            return;
+        }
+        const commands = await response.json();
+        commands.sort((a, b) => new Date(b.start_time) - new Date(a.start_time));
+        const commandsTbody = document.getElementById('commands');
+        commandsTbody.innerHTML = '';
+        if (!currentCommandId && commands.length) {
+            currentCommandId = commands[0].command_id;
+            viewOutput(currentCommandId);
+        }
+        commands.forEach(command => {
+            const commandRow = document.createElement('tr');
+            commandRow.className = `clickable-row ${command.command_id === currentCommandId ? 'currentcommand' : ''}`;
+            commandRow.onclick = () => viewOutput(command.command_id);
+            commandRow.innerHTML = `
+                <td class="monospace">
+                    ${navigator.clipboard == undefined ? `${command.command_id.slice(0, 8)}` : `<span class="copy_clip" onclick="copyToClipboard('${command.command_id}', this, event)">${command.command_id.slice(0, 8)}</span>`}
+                </td>
+                <td>${formatTime(command.start_time)}</td>
+                <td>${command.status === 'running' ? formatDuration(command.start_time, new Date().toISOString()) : formatDuration(command.start_time, command.end_time)}</td>
+                <td>${command.command.replace(/^\.\//, '')}</td>
+                <td>${command.exit_code}</td>
+                <td><span class="status-icon status-${command.status}"></span>${command.status}</td>
+                <td>
+                    ${command.status === 'running' ? `<button onclick="stopCommand('${command.command_id}')">Stop</button>` : `<button onclick="relaunchCommand('${command.command_id}')">Run</button>`}
+                </td>
+                <td class="monospace outcol">${command.last_output_line || ''}</td>
+            `;
+            commandsTbody.appendChild(commandRow);
+        });
+        document.getElementById('dimmer').style.display = 'none';
+    } catch (error) {
+        console.log('Error fetching commands:', error);
+        document.getElementById('dimmer').style.display = 'block';
+    }
+}
+
+async function fetchExecutables() {
+    try {
+        const response = await fetch('/executables');
+        if (!response.ok) {
+            throw new Error('Failed to fetch command status');
+        }
+        const executables = await response.json();
+        const commandNameSelect = document.getElementById('commandName');
+        commandNameSelect.innerHTML = '';
+        executables.forEach(executable => {
+            const option = document.createElement('option');
+            option.value = executable;
+            option.textContent = executable;
+            commandNameSelect.appendChild(option);
+        });
+    } catch (error) {
+        console.log('Error fetching executables:', error);
+        alert("Failed to fetch executables");
+    }
+}
+
+async function fetchOutput(url) {
+    try {
+        const response = await fetch(url);
+        if (!response.ok) {
+            return;
+        }
+        const data = await response.json();
+        if (data.error) {
+            terminal.write(data.error);
+            clearInterval(outputInterval);
+        } else {
+            terminal.write(data.output);
+            nextOutputLink = data.links.next;
+            if (data.status != 'running') {
+                clearInterval(outputInterval);
+            }
+        }
+    } catch (error) {
+        console.log('Error fetching output:', error);
+    }
+}
+
+async function viewOutput(command_id) {
+    adjustOutputHeight();
+    currentCommandId = command_id;
+    nextOutputLink = `/command_output/${command_id}`;
+    clearInterval(outputInterval);
+    terminal.clear();
+    try {
+        const response = await fetch(`/command_status/${command_id}`);
+        if (!response.ok) {
+            return;
+        }
+        const data = await response.json();
+        if (data.status === 'running') {
+            fetchOutput(nextOutputLink);
+            outputInterval = setInterval(() => fetchOutput(nextOutputLink), 1000);
+        } else {
+            fetchOutput(nextOutputLink);
+        }
+        fetchCommands(); // Refresh the command list to highlight the current command
+    } catch (error) {
+        console.log('Error viewing output:', error);
+    }
+}
+
+async function relaunchCommand(command_id) {
+    try {
+        const response = await fetch(`/command_status/${command_id}`);
+        if (!response.ok) {
+            throw new Error('Failed to fetch command status');
+        }
+        const data = await response.json();
+        if (data.error) {
+            alert(data.error);
+            return;
+        }
+        const relaunchResponse = await fetch('/run_command', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                command: data.command,
+                params: data.params
+            })
+        });
+        if (!relaunchResponse.ok) {
+            throw new Error('Failed to relaunch command');
+        }
+        const relaunchData = await relaunchResponse.json();
+        fetchCommands();
+        viewOutput(relaunchData.command_id);
+    } catch (error) {
+        console.log('Error relaunching command:', error);
+        alert('Failed to relaunch command. Please try again.');
+    }
+}
+
+async function stopCommand(command_id) {
+    try {
+        const response = await fetch(`/stop_command/${command_id}`, {
+            method: 'POST'
+        });
+        if (!response.ok) {
+            throw new Error('Failed to stop command');
+        }
+        const data = await response.json();
+        if (data.error) {
+            alert(data.error);
+        } else {
+            fetchCommands();
+        }
+    } catch (error) {
+        console.log('Error stopping command:', error);
+        alert('Failed to stop command. Please try again.');
+    }
+}
+
+function formatTime(time) {
+    if (!time || time === 'N/A') return 'N/A';
+    const date = new Date(time);
+    return date.toISOString().slice(0, 16).replace('T', ' ');
+}
+
+function formatDuration(startTime, endTime) {
+    if (!startTime || !endTime) return 'N/A';
+    const start = new Date(startTime);
+    const end = new Date(endTime);
+    const duration = (end - start) / 1000;
+    const hours = Math.floor(duration / 3600);
+    const minutes = Math.floor((duration % 3600) / 60);
+    const seconds = Math.floor(duration % 60);
+    return `${hours}h ${minutes}m ${seconds}s`;
+}
+
+function copyToClipboard(text, element, event) {
+    event.stopPropagation();
+    event.stopImmediatePropagation();
+    navigator.clipboard.writeText(text).then(() => {
+        element.classList.add('copy_clip_ok');
+        setTimeout(() => {
+            element.classList.remove('copy_clip_ok');
+        }, 1000);
+    });
+}
+
+function adjustOutputHeight() {
+    const outputDiv = document.getElementById('output');
+    const windowHeight = window.innerHeight;
+    const outputTop = outputDiv.getBoundingClientRect().top;
+    const maxHeight = windowHeight - outputTop - 30; // 20px for padding/margin
+    outputDiv.style.height = `${maxHeight}px`;
+    fitAddon.fit();
+}
+
+function initResizer() {
+    const resizer = document.getElementById('resizer');
+    const tableContainer = document.getElementById('tableContainer');
+    let startY, startHeight;
+
+    resizer.addEventListener('mousedown', (e) => {
+        startY = e.clientY;
+        startHeight = parseInt(document.defaultView.getComputedStyle(tableContainer).height, 10);
+        document.documentElement.addEventListener('mousemove', doDrag, false);
+        document.documentElement.addEventListener('mouseup', stopDrag, false);
+    });
+
+    function doDrag(e) {
+        tableContainer.style.height = `${startHeight + e.clientY - startY}px`;
+        adjustOutputHeight();
+    }
+
+    function stopDrag() {
+        document.documentElement.removeEventListener('mousemove', doDrag, false);
+        document.documentElement.removeEventListener('mouseup', stopDrag, false);
+    }
+}
+
+window.addEventListener('resize', adjustOutputHeight);
+window.addEventListener('load', () => {
+    adjustOutputHeight();
+    initResizer();
+});
+
+fetchExecutables();
+fetchCommands();
+setInterval(fetchCommands, 5000);