herdr-remote-relay 0.3.8 → 0.3.10
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/package.json +1 -1
- package/src/relay-server.js +206 -0
- package/src/stream-frame.js +66 -0
- package/web/dist/assets/index-CBtPkbrH.css +32 -0
- package/web/dist/assets/index-DWl9udCi.js +61 -0
- package/web/dist/fonts/cascadia-code/OFL.txt +93 -0
- package/web/dist/fonts/cascadia-code/cascadia-code-latin-400-italic.woff2 +0 -0
- package/web/dist/fonts/cascadia-code/cascadia-code-latin-400-normal.woff2 +0 -0
- package/web/dist/fonts/cascadia-code/cascadia-code-latin-700-italic.woff2 +0 -0
- package/web/dist/fonts/cascadia-code/cascadia-code-latin-700-normal.woff2 +0 -0
- package/web/dist/fonts/cascadia-code/cascadia-code-latin-ext-400-italic.woff2 +0 -0
- package/web/dist/fonts/cascadia-code/cascadia-code-latin-ext-400-normal.woff2 +0 -0
- package/web/dist/fonts/cascadia-code/cascadia-code-latin-ext-700-italic.woff2 +0 -0
- package/web/dist/fonts/cascadia-code/cascadia-code-latin-ext-700-normal.woff2 +0 -0
- package/web/dist/fonts/fira-code/OFL.txt +93 -0
- package/web/dist/fonts/fira-code/fira-code-latin-400-normal.woff2 +0 -0
- package/web/dist/fonts/fira-code/fira-code-latin-700-normal.woff2 +0 -0
- package/web/dist/fonts/fira-code/fira-code-latin-ext-400-normal.woff2 +0 -0
- package/web/dist/fonts/fira-code/fira-code-latin-ext-700-normal.woff2 +0 -0
- package/web/dist/fonts/ibm-plex-mono/OFL.txt +93 -0
- package/web/dist/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-italic.woff2 +0 -0
- package/web/dist/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2 +0 -0
- package/web/dist/fonts/ibm-plex-mono/ibm-plex-mono-latin-700-italic.woff2 +0 -0
- package/web/dist/fonts/ibm-plex-mono/ibm-plex-mono-latin-700-normal.woff2 +0 -0
- package/web/dist/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-400-italic.woff2 +0 -0
- package/web/dist/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-400-normal.woff2 +0 -0
- package/web/dist/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-700-italic.woff2 +0 -0
- package/web/dist/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-700-normal.woff2 +0 -0
- package/web/dist/fonts/jetbrains-mono/OFL.txt +93 -0
- package/web/dist/fonts/jetbrains-mono/jetbrains-mono-latin-400-italic.woff2 +0 -0
- package/web/dist/fonts/jetbrains-mono/jetbrains-mono-latin-400-normal.woff2 +0 -0
- package/web/dist/fonts/jetbrains-mono/jetbrains-mono-latin-700-italic.woff2 +0 -0
- package/web/dist/fonts/jetbrains-mono/jetbrains-mono-latin-700-normal.woff2 +0 -0
- package/web/dist/fonts/jetbrains-mono/jetbrains-mono-latin-ext-400-italic.woff2 +0 -0
- package/web/dist/fonts/jetbrains-mono/jetbrains-mono-latin-ext-400-normal.woff2 +0 -0
- package/web/dist/fonts/jetbrains-mono/jetbrains-mono-latin-ext-700-italic.woff2 +0 -0
- package/web/dist/fonts/jetbrains-mono/jetbrains-mono-latin-ext-700-normal.woff2 +0 -0
- package/web/dist/fonts/source-code-pro/OFL.txt +93 -0
- package/web/dist/fonts/source-code-pro/source-code-pro-latin-400-italic.woff2 +0 -0
- package/web/dist/fonts/source-code-pro/source-code-pro-latin-400-normal.woff2 +0 -0
- package/web/dist/fonts/source-code-pro/source-code-pro-latin-700-italic.woff2 +0 -0
- package/web/dist/fonts/source-code-pro/source-code-pro-latin-700-normal.woff2 +0 -0
- package/web/dist/fonts/source-code-pro/source-code-pro-latin-ext-400-italic.woff2 +0 -0
- package/web/dist/fonts/source-code-pro/source-code-pro-latin-ext-400-normal.woff2 +0 -0
- package/web/dist/fonts/source-code-pro/source-code-pro-latin-ext-700-italic.woff2 +0 -0
- package/web/dist/fonts/source-code-pro/source-code-pro-latin-ext-700-normal.woff2 +0 -0
- package/web/dist/index.html +2 -2
- package/web/dist/assets/index-CaMOCCNE.js +0 -61
- package/web/dist/assets/index-CnN7clDd.css +0 -32
package/package.json
CHANGED
package/src/relay-server.js
CHANGED
|
@@ -16,6 +16,8 @@ const {
|
|
|
16
16
|
packStreamFrameV2,
|
|
17
17
|
FRAME_TYPE_INPUT,
|
|
18
18
|
sanitizeTerminalPalette,
|
|
19
|
+
sanitizeTerminalFont,
|
|
20
|
+
TERMINAL_FONT_CHUNK_BYTES,
|
|
19
21
|
} = require('./stream-frame');
|
|
20
22
|
const { ensureDir } = require('./state');
|
|
21
23
|
|
|
@@ -27,9 +29,31 @@ const MAX_DIMENSION = 500;
|
|
|
27
29
|
const MIN_SESSION_COLS = 20;
|
|
28
30
|
const MIN_SESSION_ROWS = 6;
|
|
29
31
|
|
|
32
|
+
/** A release version as npm writes it; anything else is not forwarded. */
|
|
33
|
+
const RELEASE_VERSION = /^\d{1,6}\.\d{1,6}\.\d{1,6}(?:-[0-9A-Za-z.-]{1,32})?$/;
|
|
34
|
+
|
|
30
35
|
/** A window asks to start its workstation's Herdr at most this often. */
|
|
31
36
|
const HERDR_START_REPEAT_MS = 3_000;
|
|
32
37
|
|
|
38
|
+
/** A window asks its workstation to re-read the terminal font at most this often. */
|
|
39
|
+
const FONT_REFRESH_REPEAT_MS = 2_000;
|
|
40
|
+
/**
|
|
41
|
+
* Font chunks a window may have outstanding. Fonts are pulled a slice at a
|
|
42
|
+
* time so megabytes of font never queue ahead of terminal output; an answer
|
|
43
|
+
* that never comes stops counting after the timeout.
|
|
44
|
+
*/
|
|
45
|
+
const MAX_FONT_CHUNKS_IN_FLIGHT = 4;
|
|
46
|
+
const FONT_CHUNK_TIMEOUT_MS = 30_000;
|
|
47
|
+
/** Base64 of one full chunk, the most a `host_font_chunk` may carry. */
|
|
48
|
+
const MAX_FONT_CHUNK_BASE64 = Math.ceil(TERMINAL_FONT_CHUNK_BYTES / 3) * 4;
|
|
49
|
+
const SHA256_HEX = /^[0-9a-f]{64}$/;
|
|
50
|
+
/** Characters one subset request may ask for (UTF-16 units of `text`). */
|
|
51
|
+
const MAX_FONT_SUBSET_TEXT = 32 * 1024;
|
|
52
|
+
/** Cut fonts a window may pull by hash; older ones stop being fetchable. */
|
|
53
|
+
const MAX_FONT_SUBSETS_PER_CLIENT = 64;
|
|
54
|
+
const MAX_FONT_SUBSET_BYTES = 16 * 1024 * 1024;
|
|
55
|
+
const REQUEST_ID = /^[A-Za-z0-9_-]{1,32}$/;
|
|
56
|
+
|
|
33
57
|
/** Matches the host's own cap; the relay re-applies it rather than trusting it. */
|
|
34
58
|
const MAX_AGENT_STATUS_ENTRIES = 16;
|
|
35
59
|
|
|
@@ -56,6 +80,16 @@ function jsonSend(socket, payload) {
|
|
|
56
80
|
if (isOpen(socket)) socket.send(JSON.stringify(payload));
|
|
57
81
|
}
|
|
58
82
|
|
|
83
|
+
/** One outstanding font chunk request of this window was answered. */
|
|
84
|
+
function settleFontChunk(client) {
|
|
85
|
+
if (Array.isArray(client.fontChunkRequests) && client.fontChunkRequests.length) client.fontChunkRequests.shift();
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
/** One outstanding font subset request of this window was answered. */
|
|
89
|
+
function settleFontSubset(client) {
|
|
90
|
+
if (Array.isArray(client.fontSubsetRequests) && client.fontSubsetRequests.length) client.fontSubsetRequests.shift();
|
|
91
|
+
}
|
|
92
|
+
|
|
59
93
|
function closeSocket(socket, code = 1000, reason = '') {
|
|
60
94
|
if (!socket || socket.readyState === WebSocket.CLOSED || socket.readyState === WebSocket.CLOSING) return;
|
|
61
95
|
try {
|
|
@@ -610,8 +644,12 @@ class RelayServer {
|
|
|
610
644
|
connectedAt: new Date(pending.connectedAt).toISOString(),
|
|
611
645
|
connectedAtMs: pending.connectedAt,
|
|
612
646
|
terminalPalette: sanitizeTerminalPalette(message.terminalPalette),
|
|
647
|
+
/** Family, size and fetchable files of the workstation's terminal font. */
|
|
648
|
+
terminalFont: sanitizeTerminalFont(message.terminalFont),
|
|
613
649
|
/** The latest workstation snapshot is replayed when a browser joins late. */
|
|
614
650
|
agentStatus: null,
|
|
651
|
+
/** Whether the workstation's herdr-remote is behind; replayed the same way. */
|
|
652
|
+
updateStatus: null,
|
|
615
653
|
lastSeenAt: Date.now(),
|
|
616
654
|
clients,
|
|
617
655
|
controllerId: null,
|
|
@@ -832,6 +870,14 @@ class RelayServer {
|
|
|
832
870
|
this.broadcastAgentStatus(host, message);
|
|
833
871
|
return;
|
|
834
872
|
}
|
|
873
|
+
if (message.type === 'update_status') {
|
|
874
|
+
this.broadcastUpdateStatus(host, message);
|
|
875
|
+
return;
|
|
876
|
+
}
|
|
877
|
+
if (message.type === 'terminal_font') {
|
|
878
|
+
this.broadcastTerminalFont(host, message);
|
|
879
|
+
return;
|
|
880
|
+
}
|
|
835
881
|
// Session events target the single client that owns this stream.
|
|
836
882
|
const streamId = typeof message.clientId === 'string' ? message.clientId : message.streamId;
|
|
837
883
|
const clientId = streamId ? this.streams.get(streamId) : null;
|
|
@@ -852,12 +898,21 @@ class RelayServer {
|
|
|
852
898
|
client.session = null;
|
|
853
899
|
}
|
|
854
900
|
this.detachClient(client, { notify: false });
|
|
901
|
+
} else if (message.type === 'host_font_chunk') {
|
|
902
|
+
this.forwardFontChunk(host, client, message);
|
|
903
|
+
} else if (message.type === 'host_font_subset_ready') {
|
|
904
|
+
this.forwardFontSubset(client, message);
|
|
855
905
|
} else if (message.type === 'paste_file_ready') {
|
|
856
906
|
jsonSend(client.ws, {
|
|
857
907
|
type: 'paste_file_ready',
|
|
858
908
|
path: message.path,
|
|
859
909
|
});
|
|
860
910
|
} else if (message.type === 'error') {
|
|
911
|
+
if (message.code === 'host_font_unavailable') {
|
|
912
|
+
settleFontChunk(client);
|
|
913
|
+
settleFontSubset(client);
|
|
914
|
+
}
|
|
915
|
+
if (message.code === 'host_font_subset_failed') settleFontSubset(client);
|
|
861
916
|
jsonSend(client.ws, {
|
|
862
917
|
type: 'error',
|
|
863
918
|
code: message.code || 'host_error',
|
|
@@ -1000,6 +1055,7 @@ class RelayServer {
|
|
|
1000
1055
|
rows: client.rows,
|
|
1001
1056
|
hostname: host.hostname,
|
|
1002
1057
|
terminalPalette: host.terminalPalette || null,
|
|
1058
|
+
terminalFont: host.terminalFont || null,
|
|
1003
1059
|
});
|
|
1004
1060
|
}
|
|
1005
1061
|
}
|
|
@@ -1103,9 +1159,11 @@ class RelayServer {
|
|
|
1103
1159
|
// Delivered with `ready`, before the first PTY byte, so the terminal
|
|
1104
1160
|
// is painted in the host's colors from its very first frame.
|
|
1105
1161
|
terminalPalette: host.terminalPalette || null,
|
|
1162
|
+
terminalFont: host.terminalFont || null,
|
|
1106
1163
|
clientCount: host.clients.size,
|
|
1107
1164
|
});
|
|
1108
1165
|
if (host.agentStatus) jsonSend(ws, host.agentStatus);
|
|
1166
|
+
if (host.updateStatus) jsonSend(ws, host.updateStatus);
|
|
1109
1167
|
this.startSession(host, client);
|
|
1110
1168
|
this.broadcastControlState(host);
|
|
1111
1169
|
return;
|
|
@@ -1189,6 +1247,19 @@ class RelayServer {
|
|
|
1189
1247
|
if (isOpen(host.ws)) {
|
|
1190
1248
|
jsonSend(host.ws, { type: 'herdr_start', clientId: client.session.streamId, streamId: client.session.streamId });
|
|
1191
1249
|
}
|
|
1250
|
+
} else if (message.type === 'host_font_chunk_request') {
|
|
1251
|
+
this.requestFontChunk(host, client, message);
|
|
1252
|
+
} else if (message.type === 'host_font_subset_request') {
|
|
1253
|
+
this.requestFontSubset(host, client, message);
|
|
1254
|
+
} else if (message.type === 'host_font_refresh') {
|
|
1255
|
+
// Same routing as herdr_start: only the workstation this window is
|
|
1256
|
+
// bound to, and only what it offered. Repeats inside the window are
|
|
1257
|
+
// dropped; the answer is broadcast to every window anyway.
|
|
1258
|
+
if (!client.session || !isOpen(host.ws)) return;
|
|
1259
|
+
const now = Date.now();
|
|
1260
|
+
if (client.fontRefreshAt && now - client.fontRefreshAt < FONT_REFRESH_REPEAT_MS) return;
|
|
1261
|
+
client.fontRefreshAt = now;
|
|
1262
|
+
jsonSend(host.ws, { type: 'host_font_refresh', clientId: client.session.streamId, streamId: client.session.streamId });
|
|
1192
1263
|
} else if (message.type === 'claim_control') {
|
|
1193
1264
|
// Control is no longer a lease. Answering the old request keeps clients
|
|
1194
1265
|
// built against the previous protocol working.
|
|
@@ -1341,6 +1412,141 @@ class RelayServer {
|
|
|
1341
1412
|
}
|
|
1342
1413
|
}
|
|
1343
1414
|
|
|
1415
|
+
/**
|
|
1416
|
+
* Whether the workstation runs the newest herdr-remote, for every window on
|
|
1417
|
+
* it. Only version strings and two flags pass: this ends up as text in the
|
|
1418
|
+
* browser, and the host is not the relay's to trust.
|
|
1419
|
+
*/
|
|
1420
|
+
/** The workstation re-read its terminal font; every window draws with it. */
|
|
1421
|
+
broadcastTerminalFont(host, message) {
|
|
1422
|
+
host.terminalFont = sanitizeTerminalFont(message.terminalFont);
|
|
1423
|
+
const payload = { type: 'terminal_font', terminalFont: host.terminalFont || null };
|
|
1424
|
+
for (const clientId of host.clients) {
|
|
1425
|
+
const client = this.clients.get(clientId);
|
|
1426
|
+
if (client) jsonSend(client.ws, payload);
|
|
1427
|
+
}
|
|
1428
|
+
}
|
|
1429
|
+
|
|
1430
|
+
/**
|
|
1431
|
+
* Pass a browser's request for one slice of a font file to its workstation.
|
|
1432
|
+
* Only a file the workstation announced can be asked for, by its hash, and
|
|
1433
|
+
* only a few slices at a time.
|
|
1434
|
+
*/
|
|
1435
|
+
requestFontChunk(host, client, message) {
|
|
1436
|
+
if (!client.session || !isOpen(host.ws)) return;
|
|
1437
|
+
const face = host.terminalFont?.faces?.find((candidate) => candidate.sha256 === message.sha256);
|
|
1438
|
+
// A whole font file the workstation announced, or a cut it made for this window.
|
|
1439
|
+
const bytes = face ? face.bytes : client.fontSubsets?.get(message.sha256) || 0;
|
|
1440
|
+
const total = Math.ceil(bytes / TERMINAL_FONT_CHUNK_BYTES);
|
|
1441
|
+
if (!bytes || !Number.isInteger(message.index) || message.index < 0 || message.index >= total) {
|
|
1442
|
+
jsonSend(client.ws, { type: 'error', code: 'host_font_unavailable', message: 'The workstation did not offer this font file' });
|
|
1443
|
+
return;
|
|
1444
|
+
}
|
|
1445
|
+
const now = Date.now();
|
|
1446
|
+
client.fontChunkRequests = (client.fontChunkRequests || []).filter((at) => now - at < FONT_CHUNK_TIMEOUT_MS);
|
|
1447
|
+
if (client.fontChunkRequests.length >= MAX_FONT_CHUNKS_IN_FLIGHT) return;
|
|
1448
|
+
client.fontChunkRequests.push(now);
|
|
1449
|
+
jsonSend(host.ws, {
|
|
1450
|
+
type: 'host_font_chunk_request',
|
|
1451
|
+
clientId: client.session.streamId,
|
|
1452
|
+
streamId: client.session.streamId,
|
|
1453
|
+
sha256: message.sha256,
|
|
1454
|
+
index: message.index,
|
|
1455
|
+
});
|
|
1456
|
+
}
|
|
1457
|
+
|
|
1458
|
+
/**
|
|
1459
|
+
* Ask the workstation to cut characters out of a large font it announced.
|
|
1460
|
+
* The text is only characters to look up; a few requests at a time.
|
|
1461
|
+
*/
|
|
1462
|
+
requestFontSubset(host, client, message) {
|
|
1463
|
+
if (!client.session || !isOpen(host.ws)) return;
|
|
1464
|
+
const known = host.terminalFont?.subsets?.some((source) => source.sha256 === message.sha256);
|
|
1465
|
+
const valid = known && typeof message.text === 'string' && message.text.length > 0
|
|
1466
|
+
&& message.text.length <= MAX_FONT_SUBSET_TEXT
|
|
1467
|
+
&& typeof message.requestId === 'string' && REQUEST_ID.test(message.requestId);
|
|
1468
|
+
if (!valid) {
|
|
1469
|
+
jsonSend(client.ws, { type: 'error', code: 'host_font_unavailable', message: 'The workstation did not offer this font' });
|
|
1470
|
+
return;
|
|
1471
|
+
}
|
|
1472
|
+
const now = Date.now();
|
|
1473
|
+
client.fontSubsetRequests = (client.fontSubsetRequests || []).filter((at) => now - at < FONT_CHUNK_TIMEOUT_MS);
|
|
1474
|
+
if (client.fontSubsetRequests.length >= MAX_FONT_CHUNKS_IN_FLIGHT) return;
|
|
1475
|
+
client.fontSubsetRequests.push(now);
|
|
1476
|
+
jsonSend(host.ws, {
|
|
1477
|
+
type: 'host_font_subset_request',
|
|
1478
|
+
clientId: client.session.streamId,
|
|
1479
|
+
streamId: client.session.streamId,
|
|
1480
|
+
requestId: message.requestId,
|
|
1481
|
+
sha256: message.sha256,
|
|
1482
|
+
text: message.text,
|
|
1483
|
+
});
|
|
1484
|
+
}
|
|
1485
|
+
|
|
1486
|
+
forwardFontSubset(client, message) {
|
|
1487
|
+
settleFontSubset(client);
|
|
1488
|
+
const valid = typeof message.sha256 === 'string' && SHA256_HEX.test(message.sha256)
|
|
1489
|
+
&& typeof message.subsetSha === 'string' && SHA256_HEX.test(message.subsetSha)
|
|
1490
|
+
&& typeof message.requestId === 'string' && REQUEST_ID.test(message.requestId)
|
|
1491
|
+
&& Number.isInteger(message.bytes) && message.bytes > 0 && message.bytes <= MAX_FONT_SUBSET_BYTES
|
|
1492
|
+
&& (message.dataBase64 === undefined
|
|
1493
|
+
|| (typeof message.dataBase64 === 'string' && message.dataBase64.length <= MAX_FONT_CHUNK_BASE64));
|
|
1494
|
+
if (!valid) return;
|
|
1495
|
+
if (message.dataBase64 === undefined) {
|
|
1496
|
+
// Pulled in slices next: make this hash fetchable for this window only.
|
|
1497
|
+
client.fontSubsets ||= new Map();
|
|
1498
|
+
client.fontSubsets.delete(message.subsetSha);
|
|
1499
|
+
client.fontSubsets.set(message.subsetSha, message.bytes);
|
|
1500
|
+
while (client.fontSubsets.size > MAX_FONT_SUBSETS_PER_CLIENT) {
|
|
1501
|
+
client.fontSubsets.delete(client.fontSubsets.keys().next().value);
|
|
1502
|
+
}
|
|
1503
|
+
}
|
|
1504
|
+
jsonSend(client.ws, {
|
|
1505
|
+
type: 'host_font_subset_ready',
|
|
1506
|
+
requestId: message.requestId,
|
|
1507
|
+
sha256: message.sha256,
|
|
1508
|
+
subsetSha: message.subsetSha,
|
|
1509
|
+
bytes: message.bytes,
|
|
1510
|
+
...(message.dataBase64 !== undefined ? { dataBase64: message.dataBase64 } : {}),
|
|
1511
|
+
});
|
|
1512
|
+
}
|
|
1513
|
+
|
|
1514
|
+
forwardFontChunk(host, client, message) {
|
|
1515
|
+
settleFontChunk(client);
|
|
1516
|
+
const valid = typeof message.sha256 === 'string' && SHA256_HEX.test(message.sha256)
|
|
1517
|
+
&& Number.isInteger(message.index) && message.index >= 0
|
|
1518
|
+
&& Number.isInteger(message.total) && message.total > message.index
|
|
1519
|
+
&& typeof message.dataBase64 === 'string' && message.dataBase64.length <= MAX_FONT_CHUNK_BASE64;
|
|
1520
|
+
if (!valid) return;
|
|
1521
|
+
jsonSend(client.ws, {
|
|
1522
|
+
type: 'host_font_chunk',
|
|
1523
|
+
sha256: message.sha256,
|
|
1524
|
+
index: message.index,
|
|
1525
|
+
total: message.total,
|
|
1526
|
+
dataBase64: message.dataBase64,
|
|
1527
|
+
});
|
|
1528
|
+
}
|
|
1529
|
+
|
|
1530
|
+
broadcastUpdateStatus(host, message) {
|
|
1531
|
+
const version = (value) => (typeof value === 'string' && RELEASE_VERSION.test(value) ? value : null);
|
|
1532
|
+
const current = version(message.current);
|
|
1533
|
+
const latest = version(message.latest);
|
|
1534
|
+
if (!current || !latest) return;
|
|
1535
|
+
const payload = {
|
|
1536
|
+
type: 'update_status',
|
|
1537
|
+
current,
|
|
1538
|
+
installed: version(message.installed) || current,
|
|
1539
|
+
latest,
|
|
1540
|
+
updateAvailable: message.updateAvailable === true,
|
|
1541
|
+
restartPending: message.restartPending === true,
|
|
1542
|
+
};
|
|
1543
|
+
host.updateStatus = payload;
|
|
1544
|
+
for (const clientId of host.clients) {
|
|
1545
|
+
const client = this.clients.get(clientId);
|
|
1546
|
+
if (client) jsonSend(client.ws, payload);
|
|
1547
|
+
}
|
|
1548
|
+
}
|
|
1549
|
+
|
|
1344
1550
|
/**
|
|
1345
1551
|
* Close every existing session belonging to `deviceId` on `host`.
|
|
1346
1552
|
*
|
package/src/stream-frame.js
CHANGED
|
@@ -70,6 +70,68 @@ function sanitizeTerminalPalette(value) {
|
|
|
70
70
|
return Object.keys(palette).length > 0 ? palette : null;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
+
/** The faces a host may offer, in the order a browser registers them. */
|
|
74
|
+
const TERMINAL_FONT_STYLES = ['regular', 'bold', 'italic', 'boldItalic'];
|
|
75
|
+
const TERMINAL_FONT_FORMATS = ['truetype', 'opentype'];
|
|
76
|
+
/** `cjk`: the face Hanzi fall back to; `all`: the family itself, too big to send whole. */
|
|
77
|
+
const TERMINAL_FONT_SUBSET_SCOPES = ['cjk', 'all'];
|
|
78
|
+
/** One font file; a CJK face is larger than this and is left to the browser. */
|
|
79
|
+
const MAX_TERMINAL_FONT_BYTES = 16 * 1024 * 1024;
|
|
80
|
+
/** Raw bytes per `host_font_chunk`; base64 keeps it far below any payload cap. */
|
|
81
|
+
const TERMINAL_FONT_CHUNK_BYTES = 256 * 1024;
|
|
82
|
+
/**
|
|
83
|
+
* A family name ends up inside a CSS `font-family` list in the browser. Quotes,
|
|
84
|
+
* separators and escapes are what would let a name break out of its slot, and
|
|
85
|
+
* no real family needs them.
|
|
86
|
+
*/
|
|
87
|
+
const FONT_FAMILY_FORBIDDEN = /["'\\;,{}<>@\u0000-\u001f\u007f]/;
|
|
88
|
+
const SHA256_HEX = /^[0-9a-f]{64}$/;
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* Validates the terminal font a host reports.
|
|
92
|
+
*
|
|
93
|
+
* The browser draws the session in the family the workstation's terminal
|
|
94
|
+
* uses, and may fetch the font files by their hash. Every field is optional
|
|
95
|
+
* except the family; anything malformed is dropped rather than repaired.
|
|
96
|
+
*/
|
|
97
|
+
function sanitizeTerminalFont(value) {
|
|
98
|
+
if (!value || typeof value !== 'object' || Array.isArray(value)) return null;
|
|
99
|
+
const family = typeof value.family === 'string' ? value.family.trim() : '';
|
|
100
|
+
if (!family || family.length > 128 || FONT_FAMILY_FORBIDDEN.test(family)) return null;
|
|
101
|
+
|
|
102
|
+
const font = { family };
|
|
103
|
+
const size = Number(value.sizePx);
|
|
104
|
+
if (Number.isFinite(size) && size >= 4 && size <= 96) font.sizePx = Math.round(size * 10) / 10;
|
|
105
|
+
if (typeof value.source === 'string' && /^[a-z0-9-]{1,32}$/.test(value.source)) font.source = value.source;
|
|
106
|
+
|
|
107
|
+
const faces = [];
|
|
108
|
+
const seen = new Set();
|
|
109
|
+
for (const face of Array.isArray(value.faces) ? value.faces.slice(0, 16) : []) {
|
|
110
|
+
if (!face || typeof face !== 'object') continue;
|
|
111
|
+
if (!TERMINAL_FONT_STYLES.includes(face.style) || seen.has(face.style)) continue;
|
|
112
|
+
if (!TERMINAL_FONT_FORMATS.includes(face.format)) continue;
|
|
113
|
+
if (!Number.isInteger(face.bytes) || face.bytes <= 0 || face.bytes > MAX_TERMINAL_FONT_BYTES) continue;
|
|
114
|
+
if (typeof face.sha256 !== 'string' || !SHA256_HEX.test(face.sha256)) continue;
|
|
115
|
+
seen.add(face.style);
|
|
116
|
+
faces.push({ style: face.style, format: face.format, bytes: face.bytes, sha256: face.sha256 });
|
|
117
|
+
}
|
|
118
|
+
font.faces = faces;
|
|
119
|
+
|
|
120
|
+
// Large fonts (CJK above all) are offered a few characters at a time.
|
|
121
|
+
const subsets = [];
|
|
122
|
+
for (const source of Array.isArray(value.subsets) ? value.subsets.slice(0, 16) : []) {
|
|
123
|
+
if (!source || typeof source !== 'object') continue;
|
|
124
|
+
const name = typeof source.family === 'string' ? source.family.trim() : '';
|
|
125
|
+
if (!name || name.length > 128 || FONT_FAMILY_FORBIDDEN.test(name)) continue;
|
|
126
|
+
if (source.style !== 'regular' || !TERMINAL_FONT_SUBSET_SCOPES.includes(source.scope)) continue;
|
|
127
|
+
if (typeof source.sha256 !== 'string' || !SHA256_HEX.test(source.sha256)) continue;
|
|
128
|
+
if (subsets.some((known) => known.scope === source.scope)) continue;
|
|
129
|
+
subsets.push({ family: name, style: 'regular', scope: source.scope, sha256: source.sha256 });
|
|
130
|
+
}
|
|
131
|
+
font.subsets = subsets;
|
|
132
|
+
return font;
|
|
133
|
+
}
|
|
134
|
+
|
|
73
135
|
function packStreamFrame(type, streamId, payload = Buffer.alloc(0)) {
|
|
74
136
|
if (typeof type !== 'string' || !type || typeof streamId !== 'string' || !streamId) {
|
|
75
137
|
throw new TypeError('type and streamId must be non-empty strings');
|
|
@@ -164,9 +226,13 @@ module.exports = {
|
|
|
164
226
|
FRAME_TYPE_OUTPUT,
|
|
165
227
|
FRAME_TYPE_INPUT,
|
|
166
228
|
ANSI_PALETTE_KEYS,
|
|
229
|
+
TERMINAL_FONT_STYLES,
|
|
230
|
+
MAX_TERMINAL_FONT_BYTES,
|
|
231
|
+
TERMINAL_FONT_CHUNK_BYTES,
|
|
167
232
|
packStreamFrame,
|
|
168
233
|
unpackStreamFrame,
|
|
169
234
|
packStreamFrameV2,
|
|
170
235
|
unpackStreamFrameV2,
|
|
171
236
|
sanitizeTerminalPalette,
|
|
237
|
+
sanitizeTerminalFont,
|
|
172
238
|
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2014 The xterm.js authors. All rights reserved.
|
|
3
|
+
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
|
|
4
|
+
* https://github.com/chjj/term.js
|
|
5
|
+
* @license MIT
|
|
6
|
+
*
|
|
7
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
8
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
9
|
+
* in the Software without restriction, including without limitation the rights
|
|
10
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
11
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
12
|
+
* furnished to do so, subject to the following conditions:
|
|
13
|
+
*
|
|
14
|
+
* The above copyright notice and this permission notice shall be included in
|
|
15
|
+
* all copies or substantial portions of the Software.
|
|
16
|
+
*
|
|
17
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
18
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
19
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
20
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
21
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
22
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
23
|
+
* THE SOFTWARE.
|
|
24
|
+
*
|
|
25
|
+
* Originally forked from (with the author's permission):
|
|
26
|
+
* Fabrice Bellard's javascript vt100 for jslinux:
|
|
27
|
+
* http://bellard.org/jslinux/
|
|
28
|
+
* Copyright (c) 2011 Fabrice Bellard
|
|
29
|
+
* The original design remains. The terminal itself
|
|
30
|
+
* has been extended to include xterm CSI codes, among
|
|
31
|
+
* other features.
|
|
32
|
+
*/.xterm{cursor:text;position:relative;-moz-user-select:none;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{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{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::-moz-selection{color:transparent}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:double underline;text-decoration:double underline}.xterm-underline-3{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.xterm-underline-4{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.xterm-underline-5{-webkit-text-decoration:dashed underline;text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;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}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Sarasa Mono SC,Noto Sans Mono CJK SC,Noto Sans Mono CJK TC,Microsoft YaHei Mono,PingFang SC,monospace;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Sarasa Mono SC,Noto Sans Mono CJK SC,Noto Sans Mono CJK TC,Microsoft YaHei Mono,PingFang SC,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.\!invisible{visibility:hidden!important}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-top-\[10px\]{top:-10px}.bottom-0{bottom:0}.bottom-11{bottom:2.75rem}.bottom-auto{bottom:auto}.bottom-full{bottom:100%}.left-0{left:0}.left-1{left:.25rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-12{top:3rem}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-full{grid-column:1 / -1}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-auto{margin-top:auto;margin-bottom:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-px{margin-top:1px}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.h-1{height:.25rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100dvh\]{height:100dvh}.h-\[3px\]{height:3px}.h-\[var\(--tui-row\)\]{height:var(--tui-row)}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-72{max-height:18rem}.max-h-\[85\%\]{max-height:85%}.max-h-\[min\(70vh\,24rem\)\]{max-height:min(70vh,24rem)}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-11{min-height:2.75rem}.min-h-\[24px\]{min-height:24px}.min-h-\[44px\]{min-height:44px}.min-h-\[90px\]{min-height:90px}.min-h-\[var\(--tui-row\)\]{min-height:var(--tui-row)}.w-28{width:7rem}.w-3{width:.75rem}.w-4{width:1rem}.w-52{width:13rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[calc\(100vw-16px\)\]{width:calc(100vw - 16px)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-11{min-width:2.75rem}.min-w-\[1\.75rem\]{min-width:1.75rem}.min-w-\[2ch\]{min-width:2ch}.min-w-\[2rem\]{min-width:2rem}.min-w-\[9rem\]{min-width:9rem}.max-w-3xl{max-width:48rem}.max-w-\[10rem\]{max-width:10rem}.max-w-\[18rem\]{max-width:18rem}.max-w-\[45\%\]{max-width:45%}.max-w-\[5rem\]{max-width:5rem}.max-w-\[60\%\]{max-width:60%}.max-w-\[8rem\]{max-width:8rem}.max-w-\[calc\(100vw-1rem\)\]{max-width:calc(100vw - 1rem)}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-pan-x{--tw-pan-x: pan-x;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[5rem_minmax\(0\,1fr\)_6\.5rem\]{grid-template-columns:5rem minmax(0,1fr) 6.5rem}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-tui-border-dim>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(49 50 68 / var(--tw-divide-opacity, 1))}.justify-self-start{justify-self:start}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:0}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-transparent{border-color:transparent}.border-tui-accent{--tw-border-opacity: 1;border-color:rgb(137 180 250 / var(--tw-border-opacity, 1))}.border-tui-bad{--tw-border-opacity: 1;border-color:rgb(243 139 168 / var(--tw-border-opacity, 1))}.border-tui-border{--tw-border-opacity: 1;border-color:rgb(69 71 90 / var(--tw-border-opacity, 1))}.border-tui-border-dim{--tw-border-opacity: 1;border-color:rgb(49 50 68 / var(--tw-border-opacity, 1))}.border-tui-ok{--tw-border-opacity: 1;border-color:rgb(166 227 161 / var(--tw-border-opacity, 1))}.border-tui-warn{--tw-border-opacity: 1;border-color:rgb(249 226 175 / var(--tw-border-opacity, 1))}.border-b-tui-accent{--tw-border-opacity: 1;border-bottom-color:rgb(137 180 250 / var(--tw-border-opacity, 1))}.border-b-tui-alt{--tw-border-opacity: 1;border-bottom-color:rgb(203 166 247 / var(--tw-border-opacity, 1))}.border-b-tui-bad{--tw-border-opacity: 1;border-bottom-color:rgb(243 139 168 / var(--tw-border-opacity, 1))}.border-b-tui-border{--tw-border-opacity: 1;border-bottom-color:rgb(69 71 90 / var(--tw-border-opacity, 1))}.border-b-tui-info{--tw-border-opacity: 1;border-bottom-color:rgb(148 226 213 / var(--tw-border-opacity, 1))}.border-b-tui-ok{--tw-border-opacity: 1;border-bottom-color:rgb(166 227 161 / var(--tw-border-opacity, 1))}.border-b-tui-warn{--tw-border-opacity: 1;border-bottom-color:rgb(249 226 175 / var(--tw-border-opacity, 1))}.border-l-tui-accent{--tw-border-opacity: 1;border-left-color:rgb(137 180 250 / var(--tw-border-opacity, 1))}.border-l-tui-alt{--tw-border-opacity: 1;border-left-color:rgb(203 166 247 / var(--tw-border-opacity, 1))}.border-l-tui-bad{--tw-border-opacity: 1;border-left-color:rgb(243 139 168 / var(--tw-border-opacity, 1))}.border-l-tui-border{--tw-border-opacity: 1;border-left-color:rgb(69 71 90 / var(--tw-border-opacity, 1))}.border-l-tui-info{--tw-border-opacity: 1;border-left-color:rgb(148 226 213 / var(--tw-border-opacity, 1))}.border-l-tui-ok{--tw-border-opacity: 1;border-left-color:rgb(166 227 161 / var(--tw-border-opacity, 1))}.border-l-tui-warn{--tw-border-opacity: 1;border-left-color:rgb(249 226 175 / var(--tw-border-opacity, 1))}.bg-transparent{background-color:transparent}.bg-tui-accent{--tw-bg-opacity: 1;background-color:rgb(137 180 250 / var(--tw-bg-opacity, 1))}.bg-tui-accent\/35{background-color:#89b4fa59}.bg-tui-alt{--tw-bg-opacity: 1;background-color:rgb(203 166 247 / var(--tw-bg-opacity, 1))}.bg-tui-bad{--tw-bg-opacity: 1;background-color:rgb(243 139 168 / var(--tw-bg-opacity, 1))}.bg-tui-base{--tw-bg-opacity: 1;background-color:rgb(30 30 46 / var(--tw-bg-opacity, 1))}.bg-tui-border{--tw-bg-opacity: 1;background-color:rgb(69 71 90 / var(--tw-bg-opacity, 1))}.bg-tui-border-dim{--tw-bg-opacity: 1;background-color:rgb(49 50 68 / var(--tw-bg-opacity, 1))}.bg-tui-crust{--tw-bg-opacity: 1;background-color:rgb(17 17 27 / var(--tw-bg-opacity, 1))}.bg-tui-crust\/70{background-color:#11111bb3}.bg-tui-crust\/85{background-color:#11111bd9}.bg-tui-crust\/90{background-color:#11111be6}.bg-tui-info{--tw-bg-opacity: 1;background-color:rgb(148 226 213 / var(--tw-bg-opacity, 1))}.bg-tui-mantle{--tw-bg-opacity: 1;background-color:rgb(24 24 37 / var(--tw-bg-opacity, 1))}.bg-tui-ok{--tw-bg-opacity: 1;background-color:rgb(166 227 161 / var(--tw-bg-opacity, 1))}.bg-tui-selection,.bg-tui-surface{--tw-bg-opacity: 1;background-color:rgb(49 50 68 / var(--tw-bg-opacity, 1))}.bg-tui-warn{--tw-bg-opacity: 1;background-color:rgb(249 226 175 / var(--tw-bg-opacity, 1))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.from-tui-mantle{--tw-gradient-from: #181825 var(--tw-gradient-from-position);--tw-gradient-to: rgb(24 24 37 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-\[max\(env\(safe-area-inset-bottom\,0px\)\,0\.125rem\)\]{padding-bottom:max(env(safe-area-inset-bottom,0px),.125rem)}.pb-\[max\(env\(safe-area-inset-bottom\,0px\)\,0\.25rem\)\]{padding-bottom:max(env(safe-area-inset-bottom,0px),.25rem)}.pr-7{padding-right:1.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-\[max\(env\(safe-area-inset-top\,0px\)\,0\.125rem\)\]{padding-top:max(env(safe-area-inset-top,0px),.125rem)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono,.font-sans{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Sarasa Mono SC,Noto Sans Mono CJK SC,Noto Sans Mono CJK TC,Microsoft YaHei Mono,PingFang SC,monospace}.text-tui{font-size:13px;line-height:20px}.text-tui-sm{font-size:12px;line-height:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.text-transparent{color:transparent}.text-tui-accent{--tw-text-opacity: 1;color:rgb(137 180 250 / var(--tw-text-opacity, 1))}.text-tui-alt{--tw-text-opacity: 1;color:rgb(203 166 247 / var(--tw-text-opacity, 1))}.text-tui-bad{--tw-text-opacity: 1;color:rgb(243 139 168 / var(--tw-text-opacity, 1))}.text-tui-border{--tw-text-opacity: 1;color:rgb(69 71 90 / var(--tw-text-opacity, 1))}.text-tui-crust{--tw-text-opacity: 1;color:rgb(17 17 27 / var(--tw-text-opacity, 1))}.text-tui-faint{--tw-text-opacity: 1;color:rgb(108 112 134 / var(--tw-text-opacity, 1))}.text-tui-info{--tw-text-opacity: 1;color:rgb(148 226 213 / var(--tw-text-opacity, 1))}.text-tui-muted{--tw-text-opacity: 1;color:rgb(166 173 200 / var(--tw-text-opacity, 1))}.text-tui-ok{--tw-text-opacity: 1;color:rgb(166 227 161 / var(--tw-text-opacity, 1))}.text-tui-text{--tw-text-opacity: 1;color:rgb(205 214 244 / var(--tw-text-opacity, 1))}.text-tui-warn{--tw-text-opacity: 1;color:rgb(249 226 175 / var(--tw-text-opacity, 1))}.\!underline{text-decoration-line:underline!important}.underline{text-decoration-line:underline}.\!overline{text-decoration-line:overline!important}.overline{text-decoration-line:overline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-tui-accent{accent-color:#89b4fa}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.mix-blend-difference{mix-blend-mode:difference}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[grid-area\:actions\]{grid-area:actions}.\[grid-area\:cap\]{grid-area:cap}.\[grid-area\:combo\]{grid-area:combo}.\[grid-area\:default\]{grid-area:default}.\[grid-area\:label\]{grid-area:label}.\[grid-template-areas\:\'cap_label_actions\'_\'combo_combo_default\'\]{grid-template-areas:"cap label actions" "combo combo default"}@font-face{font-family:Symbols Nerd Font Mono;src:url(/fonts/SymbolsNerdFontMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+23FB-23FE,U+2630,U+2665,U+26A1,U+276C-2771,U+2B58,U+E000-E00A,U+E0A0-E0A3,U+E0B0-E0D7,U+E200-E2A9,U+E300-E3E3,U+E5FA-E6B8,U+E700-E8EF,U+EA60-EC1E,U+ED00-EFCE,U+F000-F533,U+F0001-F1AF0}:root{color-scheme:dark;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--tui-crust: #11111b;--tui-mantle: #181825;--tui-base: #1e1e2e;--tui-selection: #313244;--tui-border: #45475a;--tui-border-bright: #585b70;--tui-text: #cdd6f4;--tui-muted: #a6adc8;--tui-faint: #6c7086;--tui-accent: #89b4fa;--tui-ok: #a6e3a1;--tui-warn: #f9e2af;--tui-bad: #f38ba8;--tui-row: 20px;--tui-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", "Symbols Nerd Font Mono", "Sarasa Mono SC", "Noto Sans Mono CJK SC", "Noto Sans Mono CJK TC", "Microsoft YaHei Mono", "PingFang SC", monospace}html.dark{color-scheme:dark}html,body{margin:0;padding:0;width:100%;height:100%;height:100dvh;height:var(--app-height, 100dvh);overflow:hidden;overscroll-behavior:none;background-color:var(--tui-crust);color:var(--tui-text);font-family:var(--tui-font);font-size:13px;line-height:20px;font-variant-ligatures:none;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}#root{width:100%;height:100%;height:100dvh;height:var(--app-height, 100dvh);display:flex;flex-direction:column;overflow:hidden;background-color:var(--tui-crust)}fieldset.tui-panel{min-inline-size:0}.tui-panel>legend{padding-inline:.375rem;margin-inline-start:.25rem}.tui-corners,.tui-block{position:relative}.tui-corners:before,.tui-corners:after,.tui-block:before,.tui-block:after{position:absolute;color:var(--tui-border);font-size:inherit;line-height:1;pointer-events:none}.tui-corners:before,.tui-block:before{content:"┌";top:-1px;left:-1px}.tui-corners:after,.tui-block:after{content:"┘";bottom:-1px;right:-1px;transform:translate(.03em,.08em)}.tui-caret:after{content:"█";color:var(--tui-accent);animation:tui-caret-blink 1s step-end infinite}@keyframes tui-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.tui-caret:after{animation:none}}.tui-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:0;background-color:var(--tui-mantle);color:var(--tui-text);border:1px solid var(--tui-border);font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:0;caret-color:var(--tui-accent)}@media screen and (pointer:coarse){.tui-input{font-size:16px}}.tui-input::-moz-placeholder{color:var(--tui-faint)}.tui-input::placeholder{color:var(--tui-faint)}.tui-input:focus{outline:none;border-color:var(--tui-accent);background-color:var(--tui-selection)}.tui-input:disabled{color:var(--tui-faint);cursor:not-allowed}select.tui-input{background-image:none;padding-right:1.75rem}select.tui-input option{background-color:var(--tui-base);color:var(--tui-text)}.tui-focusable:focus-visible{outline:1px solid var(--tui-accent);outline-offset:-1px}.xterm{height:100%;width:100%;padding:0}.xterm .xterm-viewport{overflow-y:scroll!important}@media(pointer:coarse){#terminal-container,#terminal-surface .xterm,#terminal-surface .xterm .xterm-viewport{touch-action:none}#terminal-surface .xterm .xterm-viewport{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}#terminal-surface .xterm .xterm-viewport{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none}#terminal-surface .xterm .xterm-viewport::-webkit-scrollbar{width:0;height:0}#terminal-surface .xterm-screen{margin-inline:auto}}#terminal-surface{width:100%;height:100%}#terminal-surface,#terminal-surface .xterm,#terminal-surface .xterm-screen{min-width:1px;min-height:1px}@media(pointer:coarse){#terminal-surface .xterm .xterm-rows{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.xterm .xterm-helper-textarea{left:0;top:0;min-width:1px;min-height:1px;font-size:16px;opacity:0;pointer-events:none;caret-color:transparent}}@keyframes herdr-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.herdr-sheet{animation:herdr-sheet-in .14s steps(6,end);overscroll-behavior:contain}@media(prefers-reduced-motion:reduce){.herdr-sheet{animation:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--tui-mantle)}::-webkit-scrollbar-thumb{background:var(--tui-border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--tui-border-bright)}*{scrollbar-width:thin;scrollbar-color:var(--tui-border) var(--tui-mantle)}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}::-moz-selection{background:var(--tui-accent);color:var(--tui-crust)}::selection{background:var(--tui-accent);color:var(--tui-crust)}.last\:border-b-0:last-child{border-bottom-width:0px}.hover\:border-tui-accent:hover{--tw-border-opacity: 1;border-color:rgb(137 180 250 / var(--tw-border-opacity, 1))}.hover\:border-tui-border:hover{--tw-border-opacity: 1;border-color:rgb(69 71 90 / var(--tw-border-opacity, 1))}.hover\:border-tui-border-bright:hover{--tw-border-opacity: 1;border-color:rgb(88 91 112 / var(--tw-border-opacity, 1))}.hover\:bg-tui-accent:hover{--tw-bg-opacity: 1;background-color:rgb(137 180 250 / var(--tw-bg-opacity, 1))}.hover\:bg-tui-bad:hover{--tw-bg-opacity: 1;background-color:rgb(243 139 168 / var(--tw-bg-opacity, 1))}.hover\:bg-tui-ok:hover{--tw-bg-opacity: 1;background-color:rgb(166 227 161 / var(--tw-bg-opacity, 1))}.hover\:bg-tui-selection:hover{--tw-bg-opacity: 1;background-color:rgb(49 50 68 / var(--tw-bg-opacity, 1))}.hover\:bg-tui-warn:hover{--tw-bg-opacity: 1;background-color:rgb(249 226 175 / var(--tw-bg-opacity, 1))}.hover\:text-tui-accent:hover{--tw-text-opacity: 1;color:rgb(137 180 250 / var(--tw-text-opacity, 1))}.hover\:text-tui-bad:hover{--tw-text-opacity: 1;color:rgb(243 139 168 / var(--tw-text-opacity, 1))}.hover\:text-tui-crust:hover{--tw-text-opacity: 1;color:rgb(17 17 27 / var(--tw-text-opacity, 1))}.hover\:text-tui-text:hover{--tw-text-opacity: 1;color:rgb(205 214 244 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-tui-accent:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(137 180 250 / var(--tw-ring-opacity, 1))}.active\:bg-tui-accent-dim:active{--tw-bg-opacity: 1;background-color:rgb(116 199 236 / var(--tw-bg-opacity, 1))}.active\:bg-tui-bad:active{--tw-bg-opacity: 1;background-color:rgb(243 139 168 / var(--tw-bg-opacity, 1))}.active\:bg-tui-selection:active{--tw-bg-opacity: 1;background-color:rgb(49 50 68 / var(--tw-bg-opacity, 1))}.active\:bg-tui-warn:active{--tw-bg-opacity: 1;background-color:rgb(249 226 175 / var(--tw-bg-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:border-tui-border-dim:disabled{--tw-border-opacity: 1;border-color:rgb(49 50 68 / var(--tw-border-opacity, 1))}.disabled\:text-tui-faint:disabled{--tw-text-opacity: 1;color:rgb(108 112 134 / var(--tw-text-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.group:hover .group-hover\:text-tui-accent{--tw-text-opacity: 1;color:rgb(137 180 250 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[5rem_minmax\(0\,1fr\)_9rem_7rem_6\.5rem\]{grid-template-columns:5rem minmax(0,1fr) 9rem 7rem 6.5rem}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:\[grid-template-areas\:\'cap_label_combo_default_actions\'\]{grid-template-areas:"cap label combo default actions"}}@media(min-width:768px){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@font-face{font-family:Herdr JetBrains Mono;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr JetBrains Mono;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr JetBrains Mono;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-ext-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr JetBrains Mono;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr JetBrains Mono;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-ext-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr JetBrains Mono;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr JetBrains Mono;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-ext-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr JetBrains Mono;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr Fira Code;src:url(/fonts/fira-code/fira-code-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr Fira Code;src:url(/fonts/fira-code/fira-code-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr Fira Code;src:url(/fonts/fira-code/fira-code-latin-ext-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr Fira Code;src:url(/fonts/fira-code/fira-code-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr Cascadia Code;src:url(/fonts/cascadia-code/cascadia-code-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr Cascadia Code;src:url(/fonts/cascadia-code/cascadia-code-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr Cascadia Code;src:url(/fonts/cascadia-code/cascadia-code-latin-ext-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr Cascadia Code;src:url(/fonts/cascadia-code/cascadia-code-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr Cascadia Code;src:url(/fonts/cascadia-code/cascadia-code-latin-ext-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr Cascadia Code;src:url(/fonts/cascadia-code/cascadia-code-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr Cascadia Code;src:url(/fonts/cascadia-code/cascadia-code-latin-ext-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr Cascadia Code;src:url(/fonts/cascadia-code/cascadia-code-latin-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr Source Code Pro;src:url(/fonts/source-code-pro/source-code-pro-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr Source Code Pro;src:url(/fonts/source-code-pro/source-code-pro-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr Source Code Pro;src:url(/fonts/source-code-pro/source-code-pro-latin-ext-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr Source Code Pro;src:url(/fonts/source-code-pro/source-code-pro-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr Source Code Pro;src:url(/fonts/source-code-pro/source-code-pro-latin-ext-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr Source Code Pro;src:url(/fonts/source-code-pro/source-code-pro-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr Source Code Pro;src:url(/fonts/source-code-pro/source-code-pro-latin-ext-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr Source Code Pro;src:url(/fonts/source-code-pro/source-code-pro-latin-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr IBM Plex Mono;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr IBM Plex Mono;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr IBM Plex Mono;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr IBM Plex Mono;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr IBM Plex Mono;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr IBM Plex Mono;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Herdr IBM Plex Mono;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Herdr IBM Plex Mono;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-latin-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
|