relmio 0.2.6 → 0.2.8
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/CHANGELOG.md +31 -0
- package/README.md +19 -18
- package/docs/images/setup/01-local-sign-in-ready.png +0 -0
- package/docs/images/setup/02-vps-identity-confirmed.png +0 -0
- package/docs/images/setup/03-n8n-detected.png +0 -0
- package/docs/images/setup/04-install-plan.png +0 -0
- package/docs/images/setup/05-bridge-ready.png +0 -0
- package/package.json +1 -1
- package/src/ui/app.js +6 -21
- package/src/ui/icons/monitor.svg +6 -0
- package/src/ui/icons/moon.svg +4 -0
- package/src/ui/icons/sun.svg +12 -0
- package/src/ui/index.html +407 -452
- package/src/ui/styles.css +599 -669
- package/src/ui/theme.js +50 -0
- package/src/web/server.js +16 -10
- package/src/ui/geist-latin.woff2 +0 -0
package/src/ui/index.html
CHANGED
|
@@ -5,501 +5,456 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
6
6
|
<meta
|
|
7
7
|
name="description"
|
|
8
|
-
content="Relmio
|
|
8
|
+
content="Relmio connects compatible AI clients to a private ChatGPT/Codex OAuth sidecar, starting with self-hosted n8n."
|
|
9
9
|
/>
|
|
10
|
-
<title>Relmio |
|
|
10
|
+
<title>Relmio | n8n Setup</title>
|
|
11
11
|
<link
|
|
12
12
|
rel="icon"
|
|
13
13
|
href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23137c74' d='M7 8h19l31 24H41L26 20v10L7 17Z'/%3E%3Cpath fill='%2312211f' d='M7 47l19-13v10l15-12h16L26 56H7Z'/%3E%3C/svg%3E"
|
|
14
14
|
/>
|
|
15
15
|
<link rel="stylesheet" href="/styles.css" />
|
|
16
|
+
<script src="/theme.js" type="module"></script>
|
|
16
17
|
<script src="/app.js" type="module"></script>
|
|
17
18
|
</head>
|
|
18
19
|
<body>
|
|
19
|
-
|
|
20
|
-
THESIS: Relmio makes an invisible relay legible as a verified route, refusing the generic setup card and progress bar.
|
|
21
|
-
OWN-WORLD: Warm paper surfaces, midnight ink, relay teal, graphite seams, and precise signal spines form a compact Patchbay Ledger.
|
|
22
|
-
STORY: Verify the local sign-in, confirm the host, inspect n8n, review every write, then complete the private route.
|
|
23
|
-
FIRST VIEWPORT: A persistent route rail occupies the left while one dominant gate and its current safety boundary occupy the right.
|
|
24
|
-
FORM: Signal Spine adapted for operation, first of three approved compositions, from candidate 5 and seed c4426c7c.
|
|
25
|
-
FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md
|
|
26
|
-
-->
|
|
27
|
-
<a class="skip-link" href="#main-content">Skip to the current gate</a>
|
|
20
|
+
<a class="skip-link" href="#main-content">Skip to setup</a>
|
|
28
21
|
|
|
29
22
|
<header class="site-header">
|
|
30
|
-
<
|
|
23
|
+
<div class="brand">
|
|
31
24
|
<svg
|
|
32
25
|
class="brand-mark"
|
|
33
26
|
viewBox="0 0 64 64"
|
|
34
27
|
aria-hidden="true"
|
|
35
28
|
focusable="false"
|
|
36
29
|
>
|
|
37
|
-
<path
|
|
38
|
-
<path
|
|
30
|
+
<path fill="#137c74" d="M7 8h19l31 24H41L26 20v10L7 17Z" />
|
|
31
|
+
<path fill="#12211f" d="M7 47l19-13v10l15-12h16L26 56H7Z" />
|
|
39
32
|
</svg>
|
|
40
33
|
<span>Relmio</span>
|
|
41
|
-
</
|
|
42
|
-
<
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
|
|
34
|
+
</div>
|
|
35
|
+
<div class="header-actions">
|
|
36
|
+
<fieldset class="theme-picker">
|
|
37
|
+
<legend class="visually-hidden">Color theme</legend>
|
|
38
|
+
<label title="Use system appearance">
|
|
39
|
+
<input type="radio" name="color-theme" value="system" checked />
|
|
40
|
+
<span class="theme-icon theme-icon-system" aria-hidden="true"></span>
|
|
41
|
+
<span class="visually-hidden">System</span>
|
|
42
|
+
</label>
|
|
43
|
+
<label title="Use light appearance">
|
|
44
|
+
<input type="radio" name="color-theme" value="light" />
|
|
45
|
+
<span class="theme-icon theme-icon-light" aria-hidden="true"></span>
|
|
46
|
+
<span class="visually-hidden">Light</span>
|
|
47
|
+
</label>
|
|
48
|
+
<label title="Use dark appearance">
|
|
49
|
+
<input type="radio" name="color-theme" value="dark" />
|
|
50
|
+
<span class="theme-icon theme-icon-dark" aria-hidden="true"></span>
|
|
51
|
+
<span class="visually-hidden">Dark</span>
|
|
52
|
+
</label>
|
|
53
|
+
</fieldset>
|
|
54
|
+
<span class="local-badge">Runs only on this computer</span>
|
|
55
|
+
</div>
|
|
46
56
|
</header>
|
|
47
57
|
|
|
48
|
-
<main id="main-content" class="
|
|
49
|
-
<section class="
|
|
50
|
-
<
|
|
51
|
-
<
|
|
52
|
-
|
|
53
|
-
|
|
58
|
+
<main id="main-content" class="shell">
|
|
59
|
+
<section class="intro" aria-labelledby="page-title">
|
|
60
|
+
<p class="eyebrow">Guided VPS setup</p>
|
|
61
|
+
<h1 id="page-title">Connect n8n without changing n8n</h1>
|
|
62
|
+
<p class="lede">
|
|
63
|
+
This wizard installs one separate Docker sidecar. Your existing n8n
|
|
64
|
+
image, Compose file, container, and workflows stay untouched.
|
|
54
65
|
</p>
|
|
55
|
-
<section class="intro-ledger" aria-label="Setup boundaries">
|
|
56
|
-
<span>
|
|
57
|
-
<strong>Back up first</strong>
|
|
58
|
-
<small>Export your n8n workflows before connecting.</small>
|
|
59
|
-
</span>
|
|
60
|
-
<span>
|
|
61
|
-
<strong>No public port</strong>
|
|
62
|
-
<small>The sidecar stays on the private Docker network.</small>
|
|
63
|
-
</span>
|
|
64
|
-
<span>
|
|
65
|
-
<strong>You approve writes</strong>
|
|
66
|
-
<small>The exact remote plan appears before installation.</small>
|
|
67
|
-
</span>
|
|
68
|
-
</section>
|
|
69
66
|
</section>
|
|
70
67
|
|
|
71
|
-
<
|
|
72
|
-
<
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
<
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
</p>
|
|
124
|
-
</section>
|
|
125
|
-
</aside>
|
|
126
|
-
|
|
127
|
-
<section class="work-column" aria-label="Current setup gate">
|
|
128
|
-
<section class="status-dock" aria-label="Wizard status">
|
|
129
|
-
<p id="preview-badge" class="preview-badge" hidden>
|
|
130
|
-
<strong>Sanitized preview</strong>
|
|
131
|
-
<span>Sample data only. No live sign-in or VPS writes.</span>
|
|
132
|
-
</p>
|
|
133
|
-
<p id="global-message" class="message" role="status" aria-live="polite">
|
|
134
|
-
Checking your local sign-in…
|
|
68
|
+
<aside class="safety-note" aria-label="Safety guarantee">
|
|
69
|
+
<strong>Sidecar-only guarantee</strong>
|
|
70
|
+
<span>
|
|
71
|
+
No n8n restart. No n8n rebuild. No public port. You approve the exact
|
|
72
|
+
plan before anything is written.
|
|
73
|
+
</span>
|
|
74
|
+
</aside>
|
|
75
|
+
|
|
76
|
+
<aside class="safety-note backup-note" aria-label="Backup reminder">
|
|
77
|
+
<strong>Back up first</strong>
|
|
78
|
+
<span>
|
|
79
|
+
Export your n8n workflows before connecting. This wizard uses
|
|
80
|
+
sidecar-only commands, but it still writes to your VPS.
|
|
81
|
+
</span>
|
|
82
|
+
</aside>
|
|
83
|
+
|
|
84
|
+
<nav class="steps" aria-label="Setup progress">
|
|
85
|
+
<ol>
|
|
86
|
+
<li data-step-marker="1" aria-current="step">
|
|
87
|
+
<span>1</span><em>Sign in</em>
|
|
88
|
+
</li>
|
|
89
|
+
<li data-step-marker="2"><span>2</span><em>VPS</em></li>
|
|
90
|
+
<li data-step-marker="3"><span>3</span><em>n8n</em></li>
|
|
91
|
+
<li data-step-marker="4"><span>4</span><em>Review</em></li>
|
|
92
|
+
<li data-step-marker="5"><span>5</span><em>Done</em></li>
|
|
93
|
+
</ol>
|
|
94
|
+
</nav>
|
|
95
|
+
|
|
96
|
+
<div id="global-message" class="message" role="status" aria-live="polite">
|
|
97
|
+
Checking your local sign-in…
|
|
98
|
+
</div>
|
|
99
|
+
<div id="global-error" class="error" role="alert" tabindex="-1" hidden></div>
|
|
100
|
+
|
|
101
|
+
<section class="panel" data-step="1" aria-labelledby="signin-title">
|
|
102
|
+
<div class="panel-heading">
|
|
103
|
+
<span class="step-kicker">Step 1 of 5</span>
|
|
104
|
+
<h2 id="signin-title" tabindex="-1">Use your local ChatGPT sign-in</h2>
|
|
105
|
+
<p>
|
|
106
|
+
The OAuth credential stays on this computer until you approve its
|
|
107
|
+
encrypted SSH upload to your VPS.
|
|
108
|
+
</p>
|
|
109
|
+
</div>
|
|
110
|
+
|
|
111
|
+
<div class="status-row">
|
|
112
|
+
<span id="auth-indicator" class="status-dot" aria-hidden="true"></span>
|
|
113
|
+
<div>
|
|
114
|
+
<strong id="auth-title">Checking…</strong>
|
|
115
|
+
<p id="auth-detail">Looking for your local Codex credential.</p>
|
|
116
|
+
<p id="auth-updated" class="credential-time" hidden>
|
|
117
|
+
Credential updated
|
|
118
|
+
<time id="auth-updated-time"></time>
|
|
119
|
+
(local time).
|
|
135
120
|
</p>
|
|
136
|
-
|
|
137
|
-
|
|
121
|
+
</div>
|
|
122
|
+
</div>
|
|
123
|
+
|
|
124
|
+
<div class="actions">
|
|
125
|
+
<button id="login-button" class="button secondary" type="button">
|
|
126
|
+
Sign in with ChatGPT
|
|
127
|
+
</button>
|
|
128
|
+
<a
|
|
129
|
+
id="login-link"
|
|
130
|
+
class="button secondary"
|
|
131
|
+
target="_blank"
|
|
132
|
+
rel="noopener noreferrer"
|
|
133
|
+
hidden
|
|
134
|
+
>
|
|
135
|
+
Open fresh ChatGPT sign-in
|
|
136
|
+
</a>
|
|
137
|
+
<button id="signin-next" class="button primary" type="button" disabled>
|
|
138
|
+
Continue to VPS
|
|
139
|
+
</button>
|
|
140
|
+
</div>
|
|
141
|
+
</section>
|
|
138
142
|
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
143
|
+
<section class="panel" data-step="2" aria-labelledby="vps-title" hidden>
|
|
144
|
+
<div class="panel-heading">
|
|
145
|
+
<span class="step-kicker">Step 2 of 5</span>
|
|
146
|
+
<h2 id="vps-title" tabindex="-1">Connect to your VPS</h2>
|
|
147
|
+
<p>
|
|
148
|
+
Copy the address exactly from Hostinger. Your password is used only
|
|
149
|
+
for this live SSH connection and is never saved.
|
|
150
|
+
</p>
|
|
151
|
+
</div>
|
|
152
|
+
|
|
153
|
+
<form id="vps-form">
|
|
154
|
+
<div class="field-grid">
|
|
155
|
+
<label class="field">
|
|
156
|
+
<span>VPS address</span>
|
|
157
|
+
<input
|
|
158
|
+
id="host"
|
|
159
|
+
name="host"
|
|
160
|
+
inputmode="url"
|
|
161
|
+
autocomplete="off"
|
|
162
|
+
placeholder="your-vps-ip-or-hostname"
|
|
163
|
+
required
|
|
164
|
+
/>
|
|
165
|
+
<small>Use the full IP address. Do not add <code>ssh root@</code>.</small>
|
|
166
|
+
</label>
|
|
161
167
|
|
|
162
|
-
<
|
|
163
|
-
<
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
</a>
|
|
175
|
-
<button id="signin-next" class="button primary" type="button" disabled>
|
|
176
|
-
Continue to VPS
|
|
177
|
-
</button>
|
|
178
|
-
</footer>
|
|
179
|
-
</section>
|
|
168
|
+
<label class="field compact">
|
|
169
|
+
<span>SSH port</span>
|
|
170
|
+
<input
|
|
171
|
+
id="port"
|
|
172
|
+
name="port"
|
|
173
|
+
type="number"
|
|
174
|
+
min="1"
|
|
175
|
+
max="65535"
|
|
176
|
+
value="22"
|
|
177
|
+
required
|
|
178
|
+
/>
|
|
179
|
+
</label>
|
|
180
180
|
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
<
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
<label class="field">
|
|
195
|
-
<span>VPS address</span>
|
|
196
|
-
<input
|
|
197
|
-
id="host"
|
|
198
|
-
name="host"
|
|
199
|
-
inputmode="url"
|
|
200
|
-
autocomplete="off"
|
|
201
|
-
placeholder="your-vps-ip-or-hostname"
|
|
202
|
-
required
|
|
203
|
-
/>
|
|
204
|
-
<small>Use the full IP address. Do not add <code>ssh root@</code>.</small>
|
|
205
|
-
</label>
|
|
206
|
-
|
|
207
|
-
<label class="field compact">
|
|
208
|
-
<span>SSH port</span>
|
|
209
|
-
<input
|
|
210
|
-
id="port"
|
|
211
|
-
name="port"
|
|
212
|
-
type="number"
|
|
213
|
-
min="1"
|
|
214
|
-
max="65535"
|
|
215
|
-
value="22"
|
|
216
|
-
required
|
|
217
|
-
/>
|
|
218
|
-
</label>
|
|
219
|
-
|
|
220
|
-
<label class="field compact">
|
|
221
|
-
<span>Username</span>
|
|
222
|
-
<input
|
|
223
|
-
id="username"
|
|
224
|
-
name="username"
|
|
225
|
-
autocomplete="username"
|
|
226
|
-
value="root"
|
|
227
|
-
required
|
|
228
|
-
/>
|
|
229
|
-
<small>The guided setup currently expects the VPS root account.</small>
|
|
230
|
-
</label>
|
|
231
|
-
|
|
232
|
-
<label class="field">
|
|
233
|
-
<span>VPS password</span>
|
|
234
|
-
<input
|
|
235
|
-
id="password"
|
|
236
|
-
name="password"
|
|
237
|
-
type="password"
|
|
238
|
-
autocomplete="current-password"
|
|
239
|
-
disabled
|
|
240
|
-
required
|
|
241
|
-
/>
|
|
242
|
-
<small>
|
|
243
|
-
This unlocks after host confirmation, then clears as soon
|
|
244
|
-
as the connection attempt finishes.
|
|
245
|
-
</small>
|
|
246
|
-
</label>
|
|
247
|
-
</section>
|
|
248
|
-
|
|
249
|
-
<button id="fingerprint-button" class="button secondary" type="button">
|
|
250
|
-
Check server identity
|
|
251
|
-
</button>
|
|
181
|
+
<label class="field compact">
|
|
182
|
+
<span>Username</span>
|
|
183
|
+
<input
|
|
184
|
+
id="username"
|
|
185
|
+
name="username"
|
|
186
|
+
autocomplete="username"
|
|
187
|
+
value="root"
|
|
188
|
+
required
|
|
189
|
+
/>
|
|
190
|
+
<small>
|
|
191
|
+
The current guided setup expects the VPS root account.
|
|
192
|
+
</small>
|
|
193
|
+
</label>
|
|
252
194
|
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
<button id="connect-button" class="button primary" type="submit" disabled>
|
|
270
|
-
Connect and inspect Docker
|
|
271
|
-
</button>
|
|
272
|
-
</footer>
|
|
273
|
-
</form>
|
|
274
|
-
</section>
|
|
195
|
+
<label class="field">
|
|
196
|
+
<span>VPS password</span>
|
|
197
|
+
<input
|
|
198
|
+
id="password"
|
|
199
|
+
name="password"
|
|
200
|
+
type="password"
|
|
201
|
+
autocomplete="current-password"
|
|
202
|
+
disabled
|
|
203
|
+
required
|
|
204
|
+
/>
|
|
205
|
+
<small>
|
|
206
|
+
This unlocks after you confirm the server identity, then clears
|
|
207
|
+
immediately after connecting.
|
|
208
|
+
</small>
|
|
209
|
+
</label>
|
|
210
|
+
</div>
|
|
275
211
|
|
|
276
|
-
<
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
<span>Gate 3 of 5</span>
|
|
280
|
-
<p>
|
|
281
|
-
Discovery uses read-only Docker commands and does not execute
|
|
282
|
-
anything inside n8n.
|
|
283
|
-
</p>
|
|
284
|
-
</header>
|
|
285
|
-
|
|
286
|
-
<section class="version-strip" aria-label="Detected Docker versions">
|
|
287
|
-
<span>Docker <strong id="docker-version">Pending</strong></span>
|
|
288
|
-
<span>Compose <strong id="compose-version">Pending</strong></span>
|
|
289
|
-
</section>
|
|
290
|
-
|
|
291
|
-
<section class="field-grid single">
|
|
292
|
-
<label class="field">
|
|
293
|
-
<span>Running n8n container</span>
|
|
294
|
-
<select id="container-select"></select>
|
|
295
|
-
</label>
|
|
296
|
-
|
|
297
|
-
<label class="field">
|
|
298
|
-
<span>Shared Docker network</span>
|
|
299
|
-
<select id="network-select"></select>
|
|
300
|
-
<small>The sidecar joins this network. n8n itself is not changed.</small>
|
|
301
|
-
</label>
|
|
302
|
-
</section>
|
|
303
|
-
|
|
304
|
-
<footer class="actions">
|
|
305
|
-
<button class="button ghost back-button" data-back="2" type="button">
|
|
306
|
-
Back
|
|
307
|
-
</button>
|
|
308
|
-
<button id="review-button" class="button primary" type="button">
|
|
309
|
-
Review the exact plan
|
|
310
|
-
</button>
|
|
311
|
-
</footer>
|
|
312
|
-
</section>
|
|
212
|
+
<button id="fingerprint-button" class="button secondary" type="button">
|
|
213
|
+
Check server identity
|
|
214
|
+
</button>
|
|
313
215
|
|
|
314
|
-
<
|
|
315
|
-
<
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
<
|
|
319
|
-
</header>
|
|
320
|
-
|
|
321
|
-
<section class="review-grid">
|
|
322
|
-
<section aria-labelledby="will-title">
|
|
323
|
-
<h3 id="will-title">The wizard will</h3>
|
|
324
|
-
<ul class="check-list">
|
|
325
|
-
<li>Create or update <code>/docker/n8n-openai-oauth</code></li>
|
|
326
|
-
<li>Build and start only the <code>openai-oauth</code> sidecar</li>
|
|
327
|
-
<li>Attach the sidecar to <strong id="review-network">Pending</strong></li>
|
|
328
|
-
<li>
|
|
329
|
-
Use the private hostname
|
|
330
|
-
<code id="review-endpoint">n8n-openai-oauth</code>
|
|
331
|
-
</li>
|
|
332
|
-
<li>Upload the OAuth file with owner-only permissions</li>
|
|
333
|
-
</ul>
|
|
334
|
-
</section>
|
|
335
|
-
<section aria-labelledby="wont-title">
|
|
336
|
-
<h3 id="wont-title">The wizard will not</h3>
|
|
337
|
-
<ul class="no-list">
|
|
338
|
-
<li>Edit or rebuild the n8n image</li>
|
|
339
|
-
<li>Stop, restart, or recreate n8n</li>
|
|
340
|
-
<li>Publish port <code>10531</code></li>
|
|
341
|
-
<li>Create a Traefik route</li>
|
|
342
|
-
</ul>
|
|
343
|
-
</section>
|
|
344
|
-
</section>
|
|
345
|
-
|
|
346
|
-
<label class="check-row approval">
|
|
347
|
-
<input id="install-confirm" type="checkbox" />
|
|
216
|
+
<div id="fingerprint-box" class="fingerprint" hidden>
|
|
217
|
+
<span>SSH fingerprint</span>
|
|
218
|
+
<code id="fingerprint-value"></code>
|
|
219
|
+
<label class="check-row">
|
|
220
|
+
<input id="fingerprint-confirm" type="checkbox" />
|
|
348
221
|
<span>
|
|
349
|
-
I
|
|
350
|
-
|
|
222
|
+
This is the VPS I intended to connect to. I checked the address
|
|
223
|
+
carefully.
|
|
351
224
|
</span>
|
|
352
225
|
</label>
|
|
226
|
+
</div>
|
|
353
227
|
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
</button>
|
|
358
|
-
<button id="install-button" class="button primary" type="button" disabled>
|
|
359
|
-
Install the sidecar
|
|
360
|
-
</button>
|
|
361
|
-
</footer>
|
|
362
|
-
</section>
|
|
363
|
-
|
|
364
|
-
<section class="panel success-panel" data-step="5" aria-labelledby="done-title" hidden>
|
|
365
|
-
<svg
|
|
366
|
-
class="success-mark"
|
|
367
|
-
viewBox="0 0 32 32"
|
|
368
|
-
aria-hidden="true"
|
|
369
|
-
focusable="false"
|
|
370
|
-
>
|
|
371
|
-
<circle cx="16" cy="16" r="14"></circle>
|
|
372
|
-
<path d="m9.5 16.5 4 4 9-10"></path>
|
|
373
|
-
</svg>
|
|
374
|
-
<header class="panel-heading">
|
|
375
|
-
<h2 id="done-title" tabindex="-1">The private route is ready</h2>
|
|
376
|
-
<span>Gate 5 of 5</span>
|
|
377
|
-
<p>
|
|
378
|
-
Copy the OpenAI credential values first, then use the node
|
|
379
|
-
recipe that matches your n8n workflow.
|
|
380
|
-
</p>
|
|
381
|
-
</header>
|
|
382
|
-
|
|
383
|
-
<h3>1. OpenAI credential</h3>
|
|
384
|
-
<dl class="result-list">
|
|
385
|
-
<div>
|
|
386
|
-
<dt>Base URL</dt>
|
|
387
|
-
<dd class="result-value">
|
|
388
|
-
<code id="result-url">http://n8n-openai-oauth:10531/v1</code>
|
|
389
|
-
<button
|
|
390
|
-
class="button secondary copy-value"
|
|
391
|
-
type="button"
|
|
392
|
-
data-copy-target="result-url"
|
|
393
|
-
data-copy-label="Base URL"
|
|
394
|
-
aria-label="Copy Base URL"
|
|
395
|
-
>
|
|
396
|
-
Copy
|
|
397
|
-
</button>
|
|
398
|
-
</dd>
|
|
399
|
-
</div>
|
|
400
|
-
<div>
|
|
401
|
-
<dt>API key</dt>
|
|
402
|
-
<dd class="result-value">
|
|
403
|
-
<code id="result-key">local-only</code>
|
|
404
|
-
<button
|
|
405
|
-
class="button secondary copy-value"
|
|
406
|
-
type="button"
|
|
407
|
-
data-copy-target="result-key"
|
|
408
|
-
data-copy-label="API key"
|
|
409
|
-
aria-label="Copy API key"
|
|
410
|
-
>
|
|
411
|
-
Copy
|
|
412
|
-
</button>
|
|
413
|
-
</dd>
|
|
414
|
-
</div>
|
|
415
|
-
<div>
|
|
416
|
-
<dt>Organization ID</dt>
|
|
417
|
-
<dd>Leave empty</dd>
|
|
418
|
-
</div>
|
|
419
|
-
<div>
|
|
420
|
-
<dt>Custom header</dt>
|
|
421
|
-
<dd><strong>Off</strong></dd>
|
|
422
|
-
</div>
|
|
423
|
-
</dl>
|
|
424
|
-
|
|
425
|
-
<button id="copy-settings" class="button secondary" type="button">
|
|
426
|
-
Copy credential settings
|
|
228
|
+
<div class="actions">
|
|
229
|
+
<button class="button ghost back-button" data-back="1" type="button">
|
|
230
|
+
Back
|
|
427
231
|
</button>
|
|
232
|
+
<button id="connect-button" class="button primary" type="submit" disabled>
|
|
233
|
+
Connect and inspect Docker
|
|
234
|
+
</button>
|
|
235
|
+
</div>
|
|
236
|
+
</form>
|
|
237
|
+
</section>
|
|
428
238
|
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
</
|
|
486
|
-
</
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
239
|
+
<section class="panel" data-step="3" aria-labelledby="n8n-title" hidden>
|
|
240
|
+
<div class="panel-heading">
|
|
241
|
+
<span class="step-kicker">Step 3 of 5</span>
|
|
242
|
+
<h2 id="n8n-title" tabindex="-1">Choose the detected n8n</h2>
|
|
243
|
+
<p>
|
|
244
|
+
Discovery uses read-only Docker commands. It does not execute
|
|
245
|
+
anything inside n8n.
|
|
246
|
+
</p>
|
|
247
|
+
</div>
|
|
248
|
+
|
|
249
|
+
<div class="version-strip" aria-label="Detected Docker versions">
|
|
250
|
+
<span>Docker <strong id="docker-version">Not detected</strong></span>
|
|
251
|
+
<span>Compose <strong id="compose-version">Not detected</strong></span>
|
|
252
|
+
</div>
|
|
253
|
+
|
|
254
|
+
<div class="field-grid single">
|
|
255
|
+
<label class="field">
|
|
256
|
+
<span>Running n8n container</span>
|
|
257
|
+
<select id="container-select"></select>
|
|
258
|
+
</label>
|
|
259
|
+
|
|
260
|
+
<label class="field">
|
|
261
|
+
<span>Shared Docker network</span>
|
|
262
|
+
<select id="network-select"></select>
|
|
263
|
+
<small>The sidecar joins this network; n8n itself is not changed.</small>
|
|
264
|
+
</label>
|
|
265
|
+
</div>
|
|
266
|
+
|
|
267
|
+
<div class="actions">
|
|
268
|
+
<button class="button ghost back-button" data-back="2" type="button">
|
|
269
|
+
Back
|
|
270
|
+
</button>
|
|
271
|
+
<button id="review-button" class="button primary" type="button">
|
|
272
|
+
Review the exact plan
|
|
273
|
+
</button>
|
|
274
|
+
</div>
|
|
275
|
+
</section>
|
|
276
|
+
|
|
277
|
+
<section class="panel" data-step="4" aria-labelledby="review-title" hidden>
|
|
278
|
+
<div class="panel-heading">
|
|
279
|
+
<span class="step-kicker">Step 4 of 5</span>
|
|
280
|
+
<h2 id="review-title" tabindex="-1">Review before installing</h2>
|
|
281
|
+
<p>No existing n8n files or containers will be changed.</p>
|
|
282
|
+
</div>
|
|
283
|
+
|
|
284
|
+
<div class="review-grid">
|
|
285
|
+
<section aria-labelledby="will-title">
|
|
286
|
+
<h3 id="will-title">The wizard will</h3>
|
|
287
|
+
<ul class="check-list">
|
|
288
|
+
<li>Create or update <code>/docker/n8n-openai-oauth</code></li>
|
|
289
|
+
<li>Build and start only the <code>openai-oauth</code> sidecar</li>
|
|
290
|
+
<li>Attach the sidecar to <strong id="review-network">Not selected</strong></li>
|
|
291
|
+
<li>
|
|
292
|
+
Use the private hostname
|
|
293
|
+
<code id="review-endpoint">n8n-openai-oauth</code>
|
|
294
|
+
</li>
|
|
295
|
+
<li>Upload the OAuth file with owner-only permissions</li>
|
|
296
|
+
</ul>
|
|
297
|
+
</section>
|
|
298
|
+
<section aria-labelledby="wont-title">
|
|
299
|
+
<h3 id="wont-title">The wizard will not</h3>
|
|
300
|
+
<ul class="no-list">
|
|
301
|
+
<li>Edit or rebuild the n8n image</li>
|
|
302
|
+
<li>Stop, restart, or recreate n8n</li>
|
|
303
|
+
<li>Publish port <code>10531</code></li>
|
|
304
|
+
<li>Create a Traefik route</li>
|
|
305
|
+
</ul>
|
|
494
306
|
</section>
|
|
495
|
-
</
|
|
307
|
+
</div>
|
|
308
|
+
|
|
309
|
+
<label class="check-row approval">
|
|
310
|
+
<input id="install-confirm" type="checkbox" />
|
|
311
|
+
<span>
|
|
312
|
+
I approve this sidecar-only installation and understand
|
|
313
|
+
<code>openai-oauth</code> is an unofficial project.
|
|
314
|
+
</span>
|
|
315
|
+
</label>
|
|
316
|
+
|
|
317
|
+
<div class="actions">
|
|
318
|
+
<button class="button ghost back-button" data-back="3" type="button">
|
|
319
|
+
Back
|
|
320
|
+
</button>
|
|
321
|
+
<button id="install-button" class="button primary" type="button" disabled>
|
|
322
|
+
Install the sidecar
|
|
323
|
+
</button>
|
|
324
|
+
</div>
|
|
325
|
+
</section>
|
|
326
|
+
|
|
327
|
+
<section class="panel success-panel" data-step="5" aria-labelledby="done-title" hidden>
|
|
328
|
+
<div class="success-mark" aria-hidden="true">✓</div>
|
|
329
|
+
<div class="panel-heading">
|
|
330
|
+
<span class="step-kicker">Step 5 of 5</span>
|
|
331
|
+
<h2 id="done-title" tabindex="-1">The private bridge is ready</h2>
|
|
332
|
+
<p>
|
|
333
|
+
Copy the OpenAI credential values first, then use one of the node
|
|
334
|
+
recipes below.
|
|
335
|
+
</p>
|
|
336
|
+
</div>
|
|
337
|
+
|
|
338
|
+
<h3>1. OpenAI credential</h3>
|
|
339
|
+
<dl class="result-list">
|
|
340
|
+
<div>
|
|
341
|
+
<dt>Base URL</dt>
|
|
342
|
+
<dd class="result-value">
|
|
343
|
+
<code id="result-url">http://n8n-openai-oauth:10531/v1</code>
|
|
344
|
+
<button
|
|
345
|
+
class="button secondary copy-value"
|
|
346
|
+
type="button"
|
|
347
|
+
data-copy-target="result-url"
|
|
348
|
+
data-copy-label="Base URL"
|
|
349
|
+
aria-label="Copy Base URL"
|
|
350
|
+
>
|
|
351
|
+
Copy
|
|
352
|
+
</button>
|
|
353
|
+
</dd>
|
|
354
|
+
</div>
|
|
355
|
+
<div>
|
|
356
|
+
<dt>API key</dt>
|
|
357
|
+
<dd class="result-value">
|
|
358
|
+
<code id="result-key">local-only</code>
|
|
359
|
+
<button
|
|
360
|
+
class="button secondary copy-value"
|
|
361
|
+
type="button"
|
|
362
|
+
data-copy-target="result-key"
|
|
363
|
+
data-copy-label="API key"
|
|
364
|
+
aria-label="Copy API key"
|
|
365
|
+
>
|
|
366
|
+
Copy
|
|
367
|
+
</button>
|
|
368
|
+
</dd>
|
|
369
|
+
</div>
|
|
370
|
+
<div>
|
|
371
|
+
<dt>Organization ID</dt>
|
|
372
|
+
<dd>Leave empty</dd>
|
|
373
|
+
</div>
|
|
374
|
+
<div>
|
|
375
|
+
<dt>Custom header</dt>
|
|
376
|
+
<dd><strong>Off</strong></dd>
|
|
377
|
+
</div>
|
|
378
|
+
</dl>
|
|
379
|
+
|
|
380
|
+
<button id="copy-settings" class="button secondary" type="button">
|
|
381
|
+
Copy credential settings
|
|
382
|
+
</button>
|
|
383
|
+
|
|
384
|
+
<div class="model-box">
|
|
385
|
+
<h3>2. OpenAI Chat Model for AI Agent or Basic LLM Chain</h3>
|
|
386
|
+
<dl class="result-list">
|
|
387
|
+
<div>
|
|
388
|
+
<dt>Model ID</dt>
|
|
389
|
+
<dd class="result-value">
|
|
390
|
+
<code id="result-model">Not detected</code>
|
|
391
|
+
<button
|
|
392
|
+
class="button secondary copy-value"
|
|
393
|
+
type="button"
|
|
394
|
+
data-copy-target="result-model"
|
|
395
|
+
data-copy-label="model ID"
|
|
396
|
+
aria-label="Copy model ID"
|
|
397
|
+
>
|
|
398
|
+
Copy
|
|
399
|
+
</button>
|
|
400
|
+
</dd>
|
|
401
|
+
</div>
|
|
402
|
+
<div>
|
|
403
|
+
<dt>Responses API</dt>
|
|
404
|
+
<dd><strong>On</strong> for Chat Model node version 1.3</dd>
|
|
405
|
+
</div>
|
|
406
|
+
</dl>
|
|
407
|
+
<p>All models detected: <span id="result-models">Not detected</span></p>
|
|
408
|
+
<p>
|
|
409
|
+
If the Responses API switch is absent, keep the node's default
|
|
410
|
+
Chat Completions behavior; the bridge supports that route too.
|
|
411
|
+
</p>
|
|
412
|
+
</div>
|
|
413
|
+
|
|
414
|
+
<div class="model-box">
|
|
415
|
+
<h3>3. HTTP Request node</h3>
|
|
416
|
+
<dl class="result-list">
|
|
417
|
+
<div>
|
|
418
|
+
<dt>Method</dt>
|
|
419
|
+
<dd><code>POST</code></dd>
|
|
420
|
+
</div>
|
|
421
|
+
<div>
|
|
422
|
+
<dt>URL</dt>
|
|
423
|
+
<dd class="result-value">
|
|
424
|
+
<code id="result-http-url">
|
|
425
|
+
http://n8n-openai-oauth:10531/v1/responses
|
|
426
|
+
</code>
|
|
427
|
+
<button
|
|
428
|
+
class="button secondary copy-value"
|
|
429
|
+
type="button"
|
|
430
|
+
data-copy-target="result-http-url"
|
|
431
|
+
data-copy-label="HTTP endpoint"
|
|
432
|
+
aria-label="Copy HTTP endpoint"
|
|
433
|
+
>
|
|
434
|
+
Copy
|
|
435
|
+
</button>
|
|
436
|
+
</dd>
|
|
437
|
+
</div>
|
|
438
|
+
<div>
|
|
439
|
+
<dt>Authentication</dt>
|
|
440
|
+
<dd>None</dd>
|
|
441
|
+
</div>
|
|
442
|
+
</dl>
|
|
443
|
+
</div>
|
|
444
|
+
|
|
445
|
+
<p class="final-note">
|
|
446
|
+
The README includes complete AI Agent, Basic LLM Chain, JSON, and
|
|
447
|
+
importable cURL examples. Start with no built-in tools. You can now
|
|
448
|
+
return to Terminal and press Control+C to close this local wizard;
|
|
449
|
+
the VPS sidecar will keep running.
|
|
450
|
+
</p>
|
|
496
451
|
</section>
|
|
497
452
|
</main>
|
|
498
453
|
|
|
499
|
-
<footer
|
|
454
|
+
<footer>
|
|
500
455
|
<p>
|
|
501
456
|
Personal and experimental use only. Keep your OAuth credential private
|
|
502
|
-
and follow OpenAI
|
|
457
|
+
and follow OpenAI’s terms and usage policies.
|
|
503
458
|
</p>
|
|
504
459
|
</footer>
|
|
505
460
|
</body>
|