shell-mirror
Version:
Access your Mac shell from any device securely. Perfect for mobile coding with Claude Code CLI, Gemini CLI, and any shell tool.
55 lines • 1.97 kB
HTML
<html>
<head>
<title>Local Terminal Test</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@4.15.0/css/xterm.css" />
<script src="https://cdn.jsdelivr.net/npm/xterm@4.15.0/lib/xterm.js"></script>
<script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.5.0/lib/xterm-addon-fit.js"></script>
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
background-color: #1e1e1e;
color: #ccc;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#terminal-container {
display: none;
height: 100%;
width: 100%;
background-color: #000000;
}
#terminal {
padding: 8px; /* Mac Terminal.app padding */
background-color: #000000;
height: calc(100% - 16px);
width: calc(100% - 16px);
}
#connect-container { padding: 2em; text-align: center; }
#agent-id-input { font-size: 1.2em; padding: 8px; width: 400px; margin-bottom: 1em; }
#connect-btn { font-size: 1.2em; padding: 10px 20px; }
</style>
</head>
<body>
<div id="connect-container">
<h2>Local Terminal Test</h2>
<div id="agent-discovery">
<p>Discovering available Mac agents...</p>
<div id="agent-list"></div>
</div>
<div id="manual-connect" style="display: none; margin-top: 20px;">
<p>Or manually enter Agent ID:</p>
<input type="text" id="agent-id-input" placeholder="e.g., agent-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx">
<br>
<button id="connect-btn">Connect</button>
</div>
<button id="show-manual" style="margin-top: 10px;">Manual Connect</button>
</div>
<div id="terminal-container">
<div id="terminal"></div>
</div>
<script src="/app/local_test.js"></script>
</body>
</html>