claude-remote-cli 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +110 -0
- package/bin/claude-remote-cli.js +51 -0
- package/config.example.json +11 -0
- package/package.json +50 -0
- package/public/app.js +706 -0
- package/public/index.html +134 -0
- package/public/style.css +803 -0
- package/public/vendor/addon-fit.js +2 -0
- package/public/vendor/xterm.css +218 -0
- package/public/vendor/xterm.js +2 -0
- package/server/auth.js +58 -0
- package/server/config.js +25 -0
- package/server/index.js +306 -0
- package/server/sessions.js +104 -0
- package/server/ws.js +100 -0
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
6
|
+
<title>Claude Remote CLI</title>
|
|
7
|
+
<link rel="stylesheet" href="/vendor/xterm.css" />
|
|
8
|
+
<link rel="stylesheet" href="/style.css" />
|
|
9
|
+
</head>
|
|
10
|
+
<body>
|
|
11
|
+
|
|
12
|
+
<!-- PIN Gate -->
|
|
13
|
+
<div id="pin-gate">
|
|
14
|
+
<div class="pin-container">
|
|
15
|
+
<h1>Claude Remote CLI</h1>
|
|
16
|
+
<p>Enter PIN to continue</p>
|
|
17
|
+
<input
|
|
18
|
+
type="password"
|
|
19
|
+
id="pin-input"
|
|
20
|
+
inputmode="numeric"
|
|
21
|
+
maxlength="20"
|
|
22
|
+
placeholder="PIN"
|
|
23
|
+
autofocus
|
|
24
|
+
/>
|
|
25
|
+
<button id="pin-submit">Unlock</button>
|
|
26
|
+
<p id="pin-error" class="error" hidden></p>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
<!-- Main App (hidden until PIN unlocked) -->
|
|
31
|
+
<div id="main-app" hidden>
|
|
32
|
+
|
|
33
|
+
<!-- Sidebar -->
|
|
34
|
+
<div id="sidebar">
|
|
35
|
+
<div class="sidebar-header">
|
|
36
|
+
<span class="sidebar-label">Sessions</span>
|
|
37
|
+
<button id="sidebar-toggle" class="icon-btn" aria-label="Toggle sidebar">☰</button>
|
|
38
|
+
</div>
|
|
39
|
+
<div class="sidebar-filters">
|
|
40
|
+
<select id="sidebar-root-filter">
|
|
41
|
+
<option value="">All roots</option>
|
|
42
|
+
</select>
|
|
43
|
+
<select id="sidebar-repo-filter">
|
|
44
|
+
<option value="">All repos</option>
|
|
45
|
+
</select>
|
|
46
|
+
<input type="text" id="session-filter" placeholder="Filter..." />
|
|
47
|
+
</div>
|
|
48
|
+
<ul id="session-list"></ul>
|
|
49
|
+
<button id="new-session-btn">+ New Session</button>
|
|
50
|
+
<button id="settings-btn">Settings</button>
|
|
51
|
+
</div>
|
|
52
|
+
|
|
53
|
+
<!-- Sidebar Overlay (mobile) -->
|
|
54
|
+
<div id="sidebar-overlay"></div>
|
|
55
|
+
|
|
56
|
+
<!-- Terminal Area -->
|
|
57
|
+
<div id="terminal-area">
|
|
58
|
+
<div id="mobile-header">
|
|
59
|
+
<button id="menu-btn" class="icon-btn" aria-label="Open sessions menu">☰</button>
|
|
60
|
+
<span id="session-title" class="mobile-title">No session</span>
|
|
61
|
+
</div>
|
|
62
|
+
<div id="terminal-container"></div>
|
|
63
|
+
<div id="no-session-msg">No active session. Create or select a session to begin.</div>
|
|
64
|
+
|
|
65
|
+
<!-- Touch Toolbar -->
|
|
66
|
+
<div id="toolbar">
|
|
67
|
+
<div class="toolbar-row">
|
|
68
|
+
<button class="tb-btn" data-key="[D" aria-label="Left arrow">←</button>
|
|
69
|
+
<button class="tb-btn" data-key="[A" aria-label="Up arrow">↑</button>
|
|
70
|
+
<button class="tb-btn" data-key="[B" aria-label="Down arrow">↓</button>
|
|
71
|
+
<button class="tb-btn" data-key="[C" aria-label="Right arrow">→</button>
|
|
72
|
+
<button class="tb-btn" data-key="
" aria-label="Enter">⏎</button>
|
|
73
|
+
<button class="tb-btn" data-key="" aria-label="Escape">Esc</button>
|
|
74
|
+
<button class="tb-btn" data-key="" aria-label="Ctrl+C">^C</button>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="toolbar-row">
|
|
77
|
+
<button class="tb-btn" data-key="y" aria-label="y">y</button>
|
|
78
|
+
<button class="tb-btn" data-key="n" aria-label="n">n</button>
|
|
79
|
+
<button class="tb-btn" data-text="/resume
" aria-label="/resume">/resume</button>
|
|
80
|
+
<button class="tb-btn" data-text="/clear
" aria-label="/clear">/clear</button>
|
|
81
|
+
<button class="tb-btn" data-key="[Z" aria-label="Shift+Tab">⇧Tab</button>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
|
|
86
|
+
</div>
|
|
87
|
+
|
|
88
|
+
<!-- New Session Dialog -->
|
|
89
|
+
<dialog id="new-session-dialog">
|
|
90
|
+
<h2>New Session</h2>
|
|
91
|
+
|
|
92
|
+
<div class="dialog-field">
|
|
93
|
+
<label for="dialog-root-select">Root</label>
|
|
94
|
+
<select id="dialog-root-select"><option value="">Select a root...</option></select>
|
|
95
|
+
</div>
|
|
96
|
+
|
|
97
|
+
<div class="dialog-field">
|
|
98
|
+
<label for="dialog-repo-select">Repo</label>
|
|
99
|
+
<select id="dialog-repo-select" disabled><option value="">Select a repo...</option></select>
|
|
100
|
+
</div>
|
|
101
|
+
|
|
102
|
+
<hr class="dialog-separator" />
|
|
103
|
+
<div class="dialog-custom-path">
|
|
104
|
+
<label for="custom-path-input">Or enter a local path:</label>
|
|
105
|
+
<input type="text" id="custom-path-input" placeholder="/Users/you/code/my-repo" />
|
|
106
|
+
</div>
|
|
107
|
+
<div class="dialog-actions">
|
|
108
|
+
<button id="dialog-cancel">Cancel</button>
|
|
109
|
+
<button id="dialog-start" class="btn-accent">New Worktree</button>
|
|
110
|
+
</div>
|
|
111
|
+
</dialog>
|
|
112
|
+
|
|
113
|
+
<!-- Settings Dialog -->
|
|
114
|
+
<dialog id="settings-dialog">
|
|
115
|
+
<h2>Settings</h2>
|
|
116
|
+
<div class="settings-section">
|
|
117
|
+
<label class="settings-label">Root Directories</label>
|
|
118
|
+
<p class="settings-hint">Add folders that contain your repos. The app scans one level deep for git repos.</p>
|
|
119
|
+
<div id="settings-roots-list"></div>
|
|
120
|
+
<div class="settings-add-repo">
|
|
121
|
+
<input type="text" id="add-root-path" placeholder="/Users/you/code" />
|
|
122
|
+
<button id="add-root-btn" class="btn-accent">Add</button>
|
|
123
|
+
</div>
|
|
124
|
+
</div>
|
|
125
|
+
<div class="dialog-actions">
|
|
126
|
+
<button id="settings-close">Done</button>
|
|
127
|
+
</div>
|
|
128
|
+
</dialog>
|
|
129
|
+
|
|
130
|
+
<script src="/vendor/xterm.js"></script>
|
|
131
|
+
<script src="/vendor/addon-fit.js"></script>
|
|
132
|
+
<script src="/app.js"></script>
|
|
133
|
+
</body>
|
|
134
|
+
</html>
|