mirror of
https://github.com/openclaw/openclaw.git
synced 2026-05-17 02:40:44 +00:00
* fix(tui): prevent orphaned terminal sessions * fix(doctor): repair heartbeat-poisoned main sessions * fix(tui): preserve startup tls respawn * fix: harden tui and doctor recovery paths
1337 lines
37 KiB
TypeScript
1337 lines
37 KiB
TypeScript
import { execFileSync, spawn } from "node:child_process";
|
|
import { existsSync } from "node:fs";
|
|
import path from "node:path";
|
|
import { fileURLToPath } from "node:url";
|
|
import {
|
|
CombinedAutocompleteProvider,
|
|
Container,
|
|
Key,
|
|
Loader,
|
|
matchesKey,
|
|
ProcessTerminal,
|
|
Text,
|
|
TUI,
|
|
} from "@mariozechner/pi-tui";
|
|
import { resolveAgentIdByWorkspacePath, resolveDefaultAgentId } from "../agents/agent-scope.js";
|
|
import { getRuntimeConfig, type OpenClawConfig } from "../config/config.js";
|
|
import { registerUncaughtExceptionHandler } from "../infra/unhandled-rejections.js";
|
|
import { setConsoleSubsystemFilter } from "../logging/console.js";
|
|
import { loggingState } from "../logging/state.js";
|
|
import {
|
|
buildAgentMainSessionKey,
|
|
normalizeAgentId,
|
|
normalizeMainKey,
|
|
parseAgentSessionKey,
|
|
} from "../routing/session-key.js";
|
|
import { normalizeLowercaseStringOrEmpty } from "../shared/string-coerce.js";
|
|
import { getSlashCommands } from "./commands.js";
|
|
import { ChatLog } from "./components/chat-log.js";
|
|
import { CustomEditor } from "./components/custom-editor.js";
|
|
import { EmbeddedTuiBackend } from "./embedded-backend.js";
|
|
import { GatewayChatClient } from "./gateway-chat.js";
|
|
import { editorTheme, theme } from "./theme/theme.js";
|
|
import type { TuiBackend } from "./tui-backend.js";
|
|
import { createCommandHandlers } from "./tui-command-handlers.js";
|
|
import { createEventHandlers } from "./tui-event-handlers.js";
|
|
import { formatTokens } from "./tui-formatters.js";
|
|
import {
|
|
buildTuiLastSessionScopeKey,
|
|
readTuiLastSessionKey,
|
|
resolveRememberedTuiSessionKey,
|
|
writeTuiLastSessionKey,
|
|
} from "./tui-last-session.js";
|
|
import { createLocalShellRunner } from "./tui-local-shell.js";
|
|
import { createOverlayHandlers } from "./tui-overlays.js";
|
|
import { createSessionActions } from "./tui-session-actions.js";
|
|
import { TUI_SESSION_LOOKUP_LIMIT } from "./tui-session-list-policy.js";
|
|
import {
|
|
createEditorSubmitHandler,
|
|
createSubmitBurstCoalescer,
|
|
shouldEnableWindowsGitBashPasteFallback,
|
|
} from "./tui-submit.js";
|
|
import type {
|
|
AgentSummary,
|
|
SessionInfo,
|
|
SessionScope,
|
|
TuiOptions,
|
|
TuiResult,
|
|
TuiStateAccess,
|
|
} from "./tui-types.js";
|
|
import { buildWaitingStatusMessage, defaultWaitingPhrases } from "./tui-waiting.js";
|
|
|
|
export { resolveFinalAssistantText } from "./tui-formatters.js";
|
|
export type { TuiOptions } from "./tui-types.js";
|
|
export {
|
|
createEditorSubmitHandler,
|
|
createSubmitBurstCoalescer,
|
|
shouldEnableWindowsGitBashPasteFallback,
|
|
} from "./tui-submit.js";
|
|
|
|
const OPENCLAW_CLI_WRAPPER_PATH = fileURLToPath(new URL("../../openclaw.mjs", import.meta.url));
|
|
const OPENCLAW_RUN_NODE_SCRIPT_PATH = fileURLToPath(
|
|
new URL("../../scripts/run-node.mjs", import.meta.url),
|
|
);
|
|
const OPENCLAW_DIST_ENTRY_JS_PATH = fileURLToPath(new URL("../../dist/entry.js", import.meta.url));
|
|
const OPENCLAW_DIST_ENTRY_MJS_PATH = fileURLToPath(
|
|
new URL("../../dist/entry.mjs", import.meta.url),
|
|
);
|
|
|
|
const OPENAI_CODEX_PROVIDER = "openai-codex";
|
|
|
|
type RunTuiOptions = TuiOptions & {
|
|
backend?: TuiBackend;
|
|
config?: OpenClawConfig;
|
|
title?: string;
|
|
};
|
|
|
|
/** Resolve the absolute path to the `codex` CLI binary, or `null` if not installed. */
|
|
export function resolveCodexCliBin(): string | null {
|
|
try {
|
|
const lookupCmd = process.platform === "win32" ? "where" : "which";
|
|
// `where` on Windows can return multiple lines; take the first match.
|
|
const raw = execFileSync(lookupCmd, ["codex"], { encoding: "utf8" }).trim();
|
|
return raw.split(/\r?\n/)[0] || null;
|
|
} catch {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
export function resolveLocalAuthCliInvocation(params?: {
|
|
execPath?: string;
|
|
wrapperPath?: string;
|
|
runNodePath?: string;
|
|
hasDistEntry?: boolean;
|
|
hasRunNodeScript?: boolean;
|
|
}): { command: string; args: string[] } {
|
|
const hasDistEntry =
|
|
params?.hasDistEntry ??
|
|
(existsSync(OPENCLAW_DIST_ENTRY_JS_PATH) || existsSync(OPENCLAW_DIST_ENTRY_MJS_PATH));
|
|
const hasRunNodeScript = params?.hasRunNodeScript ?? existsSync(OPENCLAW_RUN_NODE_SCRIPT_PATH);
|
|
const command = params?.execPath ?? process.execPath;
|
|
const wrapperPath = params?.wrapperPath ?? OPENCLAW_CLI_WRAPPER_PATH;
|
|
const runNodePath = params?.runNodePath ?? OPENCLAW_RUN_NODE_SCRIPT_PATH;
|
|
|
|
// Prefer the packaged wrapper when build output exists, but keep source-tree
|
|
// auth working in unbuilt checkouts that only have scripts/run-node.mjs.
|
|
return hasDistEntry || !hasRunNodeScript
|
|
? { command, args: [wrapperPath, "models", "auth", "login"] }
|
|
: { command, args: [runNodePath, "models", "auth", "login"] };
|
|
}
|
|
|
|
export function resolveLocalAuthSpawnOptions(params: {
|
|
command: string;
|
|
platform?: NodeJS.Platform;
|
|
}): { shell?: true } {
|
|
const platform = params.platform ?? process.platform;
|
|
return platform === "win32" && /\.(cmd|bat)$/iu.test(params.command.trim())
|
|
? { shell: true }
|
|
: {};
|
|
}
|
|
|
|
export function resolveLocalAuthSpawnCwd(params: { args: string[]; defaultCwd?: string }): string {
|
|
const defaultCwd = params.defaultCwd ?? process.cwd();
|
|
const entryArg = params.args[0]?.trim();
|
|
if (!entryArg) {
|
|
return defaultCwd;
|
|
}
|
|
const entryBase = path.basename(entryArg).toLowerCase();
|
|
if (entryBase === "openclaw.mjs") {
|
|
return path.dirname(entryArg);
|
|
}
|
|
if (entryBase === "run-node.mjs") {
|
|
return path.dirname(path.dirname(entryArg));
|
|
}
|
|
return defaultCwd;
|
|
}
|
|
|
|
export function resolveTuiSessionKey(params: {
|
|
raw?: string;
|
|
sessionScope: SessionScope;
|
|
currentAgentId: string;
|
|
sessionMainKey: string;
|
|
}) {
|
|
const trimmed = (params.raw ?? "").trim();
|
|
if (!trimmed) {
|
|
if (params.sessionScope === "global") {
|
|
return "global";
|
|
}
|
|
return buildAgentMainSessionKey({
|
|
agentId: params.currentAgentId,
|
|
mainKey: params.sessionMainKey,
|
|
});
|
|
}
|
|
if (trimmed === "global" || trimmed === "unknown") {
|
|
return trimmed;
|
|
}
|
|
if (trimmed.startsWith("agent:")) {
|
|
return normalizeLowercaseStringOrEmpty(trimmed);
|
|
}
|
|
return `agent:${params.currentAgentId}:${normalizeLowercaseStringOrEmpty(trimmed)}`;
|
|
}
|
|
|
|
export function resolveInitialTuiAgentId(params: {
|
|
cfg: OpenClawConfig;
|
|
fallbackAgentId: string;
|
|
initialSessionInput?: string;
|
|
cwd?: string;
|
|
}) {
|
|
const parsed = parseAgentSessionKey((params.initialSessionInput ?? "").trim());
|
|
if (parsed?.agentId) {
|
|
return normalizeAgentId(parsed.agentId);
|
|
}
|
|
|
|
const inferredFromWorkspace = resolveAgentIdByWorkspacePath(
|
|
params.cfg,
|
|
params.cwd ?? process.cwd(),
|
|
);
|
|
if (inferredFromWorkspace) {
|
|
return inferredFromWorkspace;
|
|
}
|
|
|
|
return normalizeAgentId(params.fallbackAgentId);
|
|
}
|
|
|
|
export function resolveGatewayDisconnectState(reason?: string): {
|
|
connectionStatus: string;
|
|
activityStatus: string;
|
|
pairingHint?: string;
|
|
} {
|
|
const reasonLabel = reason?.trim() ? reason.trim() : "closed";
|
|
if (/pairing required/i.test(reasonLabel)) {
|
|
return {
|
|
connectionStatus: `gateway disconnected: ${reasonLabel}`,
|
|
activityStatus: "pairing required: run openclaw devices list",
|
|
pairingHint:
|
|
"Pairing required. Run `openclaw devices list`, approve your request ID, then reconnect.",
|
|
};
|
|
}
|
|
return {
|
|
connectionStatus: `gateway disconnected: ${reasonLabel}`,
|
|
activityStatus: "idle",
|
|
};
|
|
}
|
|
|
|
export function createBackspaceDeduper(params?: { dedupeWindowMs?: number; now?: () => number }) {
|
|
const dedupeWindowMs = Math.max(0, Math.floor(params?.dedupeWindowMs ?? 8));
|
|
const now = params?.now ?? (() => Date.now());
|
|
let lastBackspaceAt = -1;
|
|
|
|
return (data: string): string => {
|
|
if (data !== "\x08" && !matchesKey(data, Key.backspace)) {
|
|
return data;
|
|
}
|
|
const ts = now();
|
|
if (lastBackspaceAt >= 0 && ts - lastBackspaceAt <= dedupeWindowMs) {
|
|
return "";
|
|
}
|
|
lastBackspaceAt = ts;
|
|
return data;
|
|
};
|
|
}
|
|
|
|
export function isIgnorableTuiStopError(error: unknown): boolean {
|
|
if (!error || typeof error !== "object") {
|
|
return false;
|
|
}
|
|
const err = error as { code?: unknown; syscall?: unknown; message?: unknown };
|
|
const code = typeof err.code === "string" ? err.code : "";
|
|
const syscall = typeof err.syscall === "string" ? err.syscall : "";
|
|
const message = typeof err.message === "string" ? err.message : "";
|
|
if (code === "EBADF" && syscall === "setRawMode") {
|
|
return true;
|
|
}
|
|
return /setRawMode/i.test(message) && /EBADF/i.test(message);
|
|
}
|
|
|
|
export function stopTuiSafely(stop: () => void): void {
|
|
try {
|
|
stop();
|
|
} catch (error) {
|
|
if (!isIgnorableTuiStopError(error)) {
|
|
throw error;
|
|
}
|
|
}
|
|
}
|
|
|
|
type TerminalLossEmitter = {
|
|
on(event: "close" | "end", listener: () => void): unknown;
|
|
off(event: "close" | "end", listener: () => void): unknown;
|
|
};
|
|
|
|
export function isTuiTerminalLossError(error: unknown): boolean {
|
|
if (!error || typeof error !== "object") {
|
|
return false;
|
|
}
|
|
const err = error as { code?: unknown; message?: unknown; syscall?: unknown };
|
|
const code = typeof err.code === "string" ? err.code : "";
|
|
const message = typeof err.message === "string" ? err.message : "";
|
|
const syscall = typeof err.syscall === "string" ? err.syscall : "";
|
|
if (code === "EIO" || code === "EPIPE") {
|
|
return true;
|
|
}
|
|
return (
|
|
/\b(EIO|EPIPE)\b/i.test(message) && /\b(read|write|TTY|stdin|stdout)\b/i.test(message + syscall)
|
|
);
|
|
}
|
|
|
|
export function installTuiTerminalLossExitHandler(
|
|
requestExit: () => void,
|
|
targets: { stdin?: TerminalLossEmitter; stdout?: TerminalLossEmitter } = {
|
|
stdin: process.stdin,
|
|
stdout: process.stdout,
|
|
},
|
|
): () => void {
|
|
let requested = false;
|
|
const requestOnce = (): void => {
|
|
if (requested) {
|
|
return;
|
|
}
|
|
requested = true;
|
|
requestExit();
|
|
};
|
|
const removeUncaughtExceptionHandler = registerUncaughtExceptionHandler((error) => {
|
|
if (!isTuiTerminalLossError(error)) {
|
|
return false;
|
|
}
|
|
requestOnce();
|
|
return true;
|
|
});
|
|
const onClose = (): void => requestOnce();
|
|
targets.stdin?.on("end", onClose);
|
|
targets.stdin?.on("close", onClose);
|
|
targets.stdout?.on("close", onClose);
|
|
return () => {
|
|
removeUncaughtExceptionHandler();
|
|
targets.stdin?.off("end", onClose);
|
|
targets.stdin?.off("close", onClose);
|
|
targets.stdout?.off("close", onClose);
|
|
};
|
|
}
|
|
|
|
export function createDeferredTuiFinish(): {
|
|
requestFinish: () => void;
|
|
setFinish: (finish: () => void) => void;
|
|
clearFinish: () => void;
|
|
} {
|
|
let finishTui: (() => void) | null = null;
|
|
let finishRequested = false;
|
|
return {
|
|
requestFinish: () => {
|
|
const finish = finishTui;
|
|
if (finish) {
|
|
finish();
|
|
return;
|
|
}
|
|
finishRequested = true;
|
|
},
|
|
setFinish: (finish) => {
|
|
finishTui = finish;
|
|
if (finishRequested) {
|
|
finish();
|
|
}
|
|
},
|
|
clearFinish: () => {
|
|
finishTui = null;
|
|
},
|
|
};
|
|
}
|
|
|
|
type DrainableTui = {
|
|
stop: () => void;
|
|
terminal?: {
|
|
drainInput?: (maxMs?: number, idleMs?: number) => Promise<void>;
|
|
};
|
|
};
|
|
|
|
export async function drainAndStopTuiSafely(tui: DrainableTui): Promise<void> {
|
|
if (typeof tui.terminal?.drainInput === "function") {
|
|
try {
|
|
await tui.terminal.drainInput();
|
|
} catch {
|
|
// Best-effort only. A failed drain should not skip terminal shutdown.
|
|
}
|
|
}
|
|
stopTuiSafely(() => tui.stop());
|
|
}
|
|
|
|
type CtrlCAction = "clear" | "warn" | "exit";
|
|
|
|
export function resolveCtrlCAction(params: {
|
|
hasInput: boolean;
|
|
now: number;
|
|
lastCtrlCAt: number;
|
|
exitWindowMs?: number;
|
|
}): { action: CtrlCAction; nextLastCtrlCAt: number } {
|
|
const exitWindowMs = Math.max(1, Math.floor(params.exitWindowMs ?? 1000));
|
|
if (params.hasInput) {
|
|
return {
|
|
action: "clear",
|
|
nextLastCtrlCAt: params.now,
|
|
};
|
|
}
|
|
if (params.now - params.lastCtrlCAt <= exitWindowMs) {
|
|
return {
|
|
action: "exit",
|
|
nextLastCtrlCAt: params.lastCtrlCAt,
|
|
};
|
|
}
|
|
return {
|
|
action: "warn",
|
|
nextLastCtrlCAt: params.now,
|
|
};
|
|
}
|
|
|
|
export async function runTui(opts: RunTuiOptions): Promise<TuiResult> {
|
|
const isLocalMode = opts.local === true || opts.backend !== undefined;
|
|
const config = opts.config ?? getRuntimeConfig();
|
|
const initialSessionInput = (opts.session ?? "").trim();
|
|
let sessionScope: SessionScope = (config.session?.scope ?? "per-sender") as SessionScope;
|
|
let sessionMainKey = normalizeMainKey(config.session?.mainKey);
|
|
let agentDefaultId = resolveDefaultAgentId(config);
|
|
let currentAgentId = resolveInitialTuiAgentId({
|
|
cfg: config,
|
|
fallbackAgentId: agentDefaultId,
|
|
initialSessionInput,
|
|
cwd: process.cwd(),
|
|
});
|
|
let agents: AgentSummary[] = [];
|
|
const agentNames = new Map<string, string>();
|
|
let currentSessionKey = "";
|
|
let initialSessionApplied = false;
|
|
let rememberedSessionApplied = false;
|
|
let currentSessionId: string | null = null;
|
|
let activeChatRunId: string | null = null;
|
|
let pendingOptimisticUserMessage = false;
|
|
let pendingChatRunId: string | null = null;
|
|
let historyLoaded = false;
|
|
let isConnected = false;
|
|
let wasDisconnected = false;
|
|
let toolsExpanded = false;
|
|
let showThinking = false;
|
|
let pairingHintShown = false;
|
|
const localRunIds = new Set<string>();
|
|
const localBtwRunIds = new Set<string>();
|
|
|
|
const deliverDefault = opts.deliver ?? false;
|
|
const autoMessage = opts.message?.trim();
|
|
let autoMessageSent = false;
|
|
let sessionInfo: SessionInfo = {};
|
|
let lastCtrlCAt = 0;
|
|
let exitRequested = false;
|
|
let exitResult: TuiResult = { exitReason: "exit" };
|
|
let activityStatus = "idle";
|
|
let connectionStatus = isLocalMode ? "starting local runtime" : "connecting";
|
|
let statusTimeout: NodeJS.Timeout | null = null;
|
|
let statusTimer: NodeJS.Timeout | null = null;
|
|
let statusStartedAt: number | null = null;
|
|
let lastActivityStatus = activityStatus;
|
|
|
|
const state: TuiStateAccess = {
|
|
get agentDefaultId() {
|
|
return agentDefaultId;
|
|
},
|
|
set agentDefaultId(value) {
|
|
agentDefaultId = value;
|
|
},
|
|
get sessionMainKey() {
|
|
return sessionMainKey;
|
|
},
|
|
set sessionMainKey(value) {
|
|
sessionMainKey = value;
|
|
},
|
|
get sessionScope() {
|
|
return sessionScope;
|
|
},
|
|
set sessionScope(value) {
|
|
sessionScope = value;
|
|
},
|
|
get agents() {
|
|
return agents;
|
|
},
|
|
set agents(value) {
|
|
agents = value;
|
|
},
|
|
get currentAgentId() {
|
|
return currentAgentId;
|
|
},
|
|
set currentAgentId(value) {
|
|
currentAgentId = value;
|
|
},
|
|
get currentSessionKey() {
|
|
return currentSessionKey;
|
|
},
|
|
set currentSessionKey(value) {
|
|
currentSessionKey = value;
|
|
},
|
|
get currentSessionId() {
|
|
return currentSessionId;
|
|
},
|
|
set currentSessionId(value) {
|
|
currentSessionId = value;
|
|
},
|
|
get activeChatRunId() {
|
|
return activeChatRunId;
|
|
},
|
|
set activeChatRunId(value) {
|
|
activeChatRunId = value;
|
|
},
|
|
get pendingOptimisticUserMessage() {
|
|
return pendingOptimisticUserMessage;
|
|
},
|
|
set pendingOptimisticUserMessage(value) {
|
|
pendingOptimisticUserMessage = value;
|
|
},
|
|
get pendingChatRunId() {
|
|
return pendingChatRunId;
|
|
},
|
|
set pendingChatRunId(value) {
|
|
pendingChatRunId = value ?? null;
|
|
},
|
|
get historyLoaded() {
|
|
return historyLoaded;
|
|
},
|
|
set historyLoaded(value) {
|
|
historyLoaded = value;
|
|
},
|
|
get sessionInfo() {
|
|
return sessionInfo;
|
|
},
|
|
set sessionInfo(value) {
|
|
sessionInfo = value;
|
|
},
|
|
get initialSessionApplied() {
|
|
return initialSessionApplied;
|
|
},
|
|
set initialSessionApplied(value) {
|
|
initialSessionApplied = value;
|
|
},
|
|
get isConnected() {
|
|
return isConnected;
|
|
},
|
|
set isConnected(value) {
|
|
isConnected = value;
|
|
},
|
|
get autoMessageSent() {
|
|
return autoMessageSent;
|
|
},
|
|
set autoMessageSent(value) {
|
|
autoMessageSent = value;
|
|
},
|
|
get toolsExpanded() {
|
|
return toolsExpanded;
|
|
},
|
|
set toolsExpanded(value) {
|
|
toolsExpanded = value;
|
|
},
|
|
get showThinking() {
|
|
return showThinking;
|
|
},
|
|
set showThinking(value) {
|
|
showThinking = value;
|
|
},
|
|
get connectionStatus() {
|
|
return connectionStatus;
|
|
},
|
|
set connectionStatus(value) {
|
|
connectionStatus = value;
|
|
},
|
|
get activityStatus() {
|
|
return activityStatus;
|
|
},
|
|
set activityStatus(value) {
|
|
activityStatus = value;
|
|
},
|
|
get statusTimeout() {
|
|
return statusTimeout;
|
|
},
|
|
set statusTimeout(value) {
|
|
statusTimeout = value;
|
|
},
|
|
get lastCtrlCAt() {
|
|
return lastCtrlCAt;
|
|
},
|
|
set lastCtrlCAt(value) {
|
|
lastCtrlCAt = value;
|
|
},
|
|
};
|
|
|
|
const noteLocalRunId = (runId: string) => {
|
|
if (!runId) {
|
|
return;
|
|
}
|
|
localRunIds.add(runId);
|
|
if (localRunIds.size > 200) {
|
|
const [first] = localRunIds;
|
|
if (first) {
|
|
localRunIds.delete(first);
|
|
}
|
|
}
|
|
};
|
|
|
|
const forgetLocalRunId = (runId: string) => {
|
|
localRunIds.delete(runId);
|
|
};
|
|
|
|
const isLocalRunId = (runId: string) => localRunIds.has(runId);
|
|
|
|
const clearLocalRunIds = () => {
|
|
localRunIds.clear();
|
|
};
|
|
|
|
const noteLocalBtwRunId = (runId: string) => {
|
|
if (!runId) {
|
|
return;
|
|
}
|
|
localBtwRunIds.add(runId);
|
|
if (localBtwRunIds.size > 200) {
|
|
const [first] = localBtwRunIds;
|
|
if (first) {
|
|
localBtwRunIds.delete(first);
|
|
}
|
|
}
|
|
};
|
|
|
|
const forgetLocalBtwRunId = (runId: string) => {
|
|
localBtwRunIds.delete(runId);
|
|
};
|
|
|
|
const isLocalBtwRunId = (runId: string) => localBtwRunIds.has(runId);
|
|
|
|
const clearLocalBtwRunIds = () => {
|
|
localBtwRunIds.clear();
|
|
};
|
|
|
|
const client: TuiBackend = opts.backend
|
|
? opts.backend
|
|
: opts.local
|
|
? new EmbeddedTuiBackend()
|
|
: await GatewayChatClient.connect({
|
|
url: opts.url,
|
|
token: opts.token,
|
|
password: opts.password,
|
|
});
|
|
const previousConsoleSubsystemFilter = isLocalMode
|
|
? loggingState.consoleSubsystemFilter
|
|
? [...loggingState.consoleSubsystemFilter]
|
|
: null
|
|
: null;
|
|
if (isLocalMode) {
|
|
setConsoleSubsystemFilter(["__openclaw_tui_quiet__"]);
|
|
}
|
|
|
|
const tui = new TUI(new ProcessTerminal());
|
|
const dedupeBackspace = createBackspaceDeduper();
|
|
tui.addInputListener((data) => {
|
|
const next = dedupeBackspace(data);
|
|
if (next.length === 0) {
|
|
return { consume: true };
|
|
}
|
|
return { data: next };
|
|
});
|
|
const header = new Text("", 1, 0);
|
|
const statusContainer = new Container();
|
|
const footer = new Text("", 1, 0);
|
|
const chatLog = new ChatLog();
|
|
const editor = new CustomEditor(tui, editorTheme);
|
|
const root = new Container();
|
|
root.addChild(header);
|
|
root.addChild(chatLog);
|
|
root.addChild(statusContainer);
|
|
root.addChild(footer);
|
|
root.addChild(editor);
|
|
|
|
const updateAutocompleteProvider = () => {
|
|
editor.setAutocompleteProvider(
|
|
new CombinedAutocompleteProvider(
|
|
getSlashCommands({
|
|
cfg: config,
|
|
local: isLocalMode,
|
|
provider: sessionInfo.modelProvider,
|
|
model: sessionInfo.model,
|
|
thinkingLevels: sessionInfo.thinkingLevels,
|
|
}),
|
|
process.cwd(),
|
|
),
|
|
);
|
|
};
|
|
|
|
tui.addChild(root);
|
|
tui.setFocus(editor);
|
|
|
|
const formatSessionKey = (key: string) => {
|
|
if (key === "global" || key === "unknown") {
|
|
return key;
|
|
}
|
|
const parsed = parseAgentSessionKey(key);
|
|
return parsed?.rest ?? key;
|
|
};
|
|
|
|
const formatAgentLabel = (id: string) => {
|
|
const name = agentNames.get(id);
|
|
return name ? `${id} (${name})` : id;
|
|
};
|
|
|
|
const resolveSessionKey = (raw?: string) => {
|
|
return resolveTuiSessionKey({
|
|
raw,
|
|
sessionScope,
|
|
currentAgentId,
|
|
sessionMainKey,
|
|
});
|
|
};
|
|
|
|
currentSessionKey = resolveSessionKey(initialSessionInput);
|
|
|
|
const buildLastSessionScopeKeyFor = (sessionKey = currentSessionKey) => {
|
|
const parsed = parseAgentSessionKey(sessionKey);
|
|
return buildTuiLastSessionScopeKey({
|
|
connectionUrl: client.connection.url,
|
|
agentId: parsed?.agentId ?? currentAgentId,
|
|
sessionScope,
|
|
});
|
|
};
|
|
|
|
const rememberCurrentSessionKey = (sessionKey: string) => {
|
|
const trimmed = sessionKey.trim();
|
|
if (!trimmed || trimmed === "unknown") {
|
|
return;
|
|
}
|
|
void writeTuiLastSessionKey({
|
|
scopeKey: buildLastSessionScopeKeyFor(trimmed),
|
|
sessionKey: trimmed,
|
|
}).catch(() => undefined);
|
|
};
|
|
|
|
const restoreRememberedSession = async () => {
|
|
if (initialSessionInput || rememberedSessionApplied) {
|
|
return;
|
|
}
|
|
rememberedSessionApplied = true;
|
|
const remembered = await readTuiLastSessionKey({
|
|
scopeKey: buildLastSessionScopeKeyFor(),
|
|
});
|
|
const rememberedKey = remembered ? resolveSessionKey(remembered) : null;
|
|
if (!rememberedKey || rememberedKey === currentSessionKey) {
|
|
return;
|
|
}
|
|
const rememberedAgent = parseAgentSessionKey(rememberedKey)?.agentId;
|
|
if (rememberedAgent && normalizeAgentId(rememberedAgent) !== currentAgentId) {
|
|
return;
|
|
}
|
|
const sessions = await client
|
|
.listSessions({
|
|
limit: TUI_SESSION_LOOKUP_LIMIT,
|
|
search: rememberedKey,
|
|
includeGlobal: false,
|
|
includeUnknown: false,
|
|
agentId: currentAgentId,
|
|
})
|
|
.catch(() => null);
|
|
if (!sessions) {
|
|
return;
|
|
}
|
|
const restored = resolveRememberedTuiSessionKey({
|
|
rememberedKey,
|
|
currentAgentId,
|
|
sessions: sessions.sessions,
|
|
});
|
|
if (!restored || restored === currentSessionKey) {
|
|
return;
|
|
}
|
|
currentSessionKey = restored;
|
|
updateHeader();
|
|
updateFooter();
|
|
};
|
|
|
|
const updateHeader = () => {
|
|
const sessionLabel = formatSessionKey(currentSessionKey);
|
|
const agentLabel = formatAgentLabel(currentAgentId);
|
|
const title = opts.title ?? "openclaw tui";
|
|
header.setText(
|
|
theme.header(
|
|
`${title} - ${client.connection.url} - agent ${agentLabel} - session ${sessionLabel}`,
|
|
),
|
|
);
|
|
};
|
|
|
|
const busyStates = new Set(["sending", "waiting", "streaming", "running"]);
|
|
let statusText: Text | null = null;
|
|
let statusLoader: Loader | null = null;
|
|
|
|
const formatElapsed = (startMs: number) => {
|
|
const totalSeconds = Math.max(0, Math.floor((Date.now() - startMs) / 1000));
|
|
if (totalSeconds < 60) {
|
|
return `${totalSeconds}s`;
|
|
}
|
|
const minutes = Math.floor(totalSeconds / 60);
|
|
const seconds = totalSeconds % 60;
|
|
return `${minutes}m ${seconds}s`;
|
|
};
|
|
|
|
const ensureStatusText = () => {
|
|
if (statusText) {
|
|
return;
|
|
}
|
|
statusContainer.clear();
|
|
statusLoader?.stop();
|
|
statusLoader = null;
|
|
statusText = new Text("", 1, 0);
|
|
statusContainer.addChild(statusText);
|
|
};
|
|
|
|
const ensureStatusLoader = () => {
|
|
if (statusLoader) {
|
|
return;
|
|
}
|
|
statusContainer.clear();
|
|
statusText = null;
|
|
statusLoader = new Loader(
|
|
tui,
|
|
(spinner) => theme.accent(spinner),
|
|
(text) => theme.bold(theme.accentSoft(text)),
|
|
"",
|
|
);
|
|
statusContainer.addChild(statusLoader);
|
|
};
|
|
|
|
let waitingTick = 0;
|
|
let waitingTimer: NodeJS.Timeout | null = null;
|
|
let waitingPhrase: string | null = null;
|
|
|
|
const updateBusyStatusMessage = () => {
|
|
if (!statusLoader || !statusStartedAt) {
|
|
return;
|
|
}
|
|
const elapsed = formatElapsed(statusStartedAt);
|
|
|
|
if (activityStatus === "waiting") {
|
|
waitingTick++;
|
|
statusLoader.setMessage(
|
|
buildWaitingStatusMessage({
|
|
theme,
|
|
tick: waitingTick,
|
|
elapsed,
|
|
connectionStatus,
|
|
phrases: waitingPhrase ? [waitingPhrase] : undefined,
|
|
}),
|
|
);
|
|
return;
|
|
}
|
|
|
|
statusLoader.setMessage(`${activityStatus} • ${elapsed} | ${connectionStatus}`);
|
|
};
|
|
|
|
const startStatusTimer = () => {
|
|
if (statusTimer) {
|
|
return;
|
|
}
|
|
statusTimer = setInterval(() => {
|
|
if (!busyStates.has(activityStatus)) {
|
|
return;
|
|
}
|
|
updateBusyStatusMessage();
|
|
}, 1000);
|
|
};
|
|
|
|
const stopStatusTimer = () => {
|
|
if (!statusTimer) {
|
|
return;
|
|
}
|
|
clearInterval(statusTimer);
|
|
statusTimer = null;
|
|
};
|
|
|
|
const startWaitingTimer = () => {
|
|
if (waitingTimer) {
|
|
return;
|
|
}
|
|
|
|
// Pick a phrase once per waiting session.
|
|
if (!waitingPhrase) {
|
|
const idx = Math.floor(Math.random() * defaultWaitingPhrases.length);
|
|
waitingPhrase = defaultWaitingPhrases[idx] ?? defaultWaitingPhrases[0] ?? "waiting";
|
|
}
|
|
|
|
waitingTick = 0;
|
|
|
|
waitingTimer = setInterval(() => {
|
|
if (activityStatus !== "waiting") {
|
|
return;
|
|
}
|
|
updateBusyStatusMessage();
|
|
}, 120);
|
|
};
|
|
|
|
const stopWaitingTimer = () => {
|
|
if (!waitingTimer) {
|
|
return;
|
|
}
|
|
clearInterval(waitingTimer);
|
|
waitingTimer = null;
|
|
waitingPhrase = null;
|
|
};
|
|
|
|
const renderStatus = () => {
|
|
const isBusy = busyStates.has(activityStatus);
|
|
if (isBusy) {
|
|
if (!statusStartedAt || lastActivityStatus !== activityStatus) {
|
|
statusStartedAt = Date.now();
|
|
}
|
|
ensureStatusLoader();
|
|
if (activityStatus === "waiting") {
|
|
stopStatusTimer();
|
|
startWaitingTimer();
|
|
} else {
|
|
stopWaitingTimer();
|
|
startStatusTimer();
|
|
}
|
|
updateBusyStatusMessage();
|
|
} else {
|
|
statusStartedAt = null;
|
|
stopStatusTimer();
|
|
stopWaitingTimer();
|
|
statusLoader?.stop();
|
|
statusLoader = null;
|
|
ensureStatusText();
|
|
const text = activityStatus ? `${connectionStatus} | ${activityStatus}` : connectionStatus;
|
|
statusText?.setText(theme.dim(text));
|
|
}
|
|
lastActivityStatus = activityStatus;
|
|
};
|
|
|
|
const setConnectionStatus = (text: string, ttlMs?: number) => {
|
|
connectionStatus = text;
|
|
renderStatus();
|
|
if (statusTimeout) {
|
|
clearTimeout(statusTimeout);
|
|
}
|
|
if (ttlMs && ttlMs > 0) {
|
|
statusTimeout = setTimeout(() => {
|
|
connectionStatus = isConnected
|
|
? isLocalMode
|
|
? "local ready"
|
|
: "connected"
|
|
: isLocalMode
|
|
? "local stopped"
|
|
: "disconnected";
|
|
renderStatus();
|
|
}, ttlMs);
|
|
}
|
|
};
|
|
|
|
const setActivityStatus = (text: string) => {
|
|
activityStatus = text;
|
|
renderStatus();
|
|
};
|
|
|
|
const withTuiSuspended = async <T>(work: () => Promise<T>): Promise<T> => {
|
|
await drainAndStopTuiSafely(tui);
|
|
if (isLocalMode) {
|
|
setConsoleSubsystemFilter(previousConsoleSubsystemFilter);
|
|
}
|
|
try {
|
|
return await work();
|
|
} finally {
|
|
if (isLocalMode) {
|
|
setConsoleSubsystemFilter(["__openclaw_tui_quiet__"]);
|
|
}
|
|
tui.start();
|
|
tui.setFocus(editor);
|
|
updateHeader();
|
|
updateFooter();
|
|
tui.requestRender(true);
|
|
}
|
|
};
|
|
|
|
const runAuthFlow = isLocalMode
|
|
? async (params: { provider?: string }) =>
|
|
await withTuiSuspended(
|
|
async () =>
|
|
await new Promise<{ exitCode: number | null; signal: NodeJS.Signals | null }>(
|
|
(resolve, reject) => {
|
|
const provider = params.provider?.trim() || undefined;
|
|
|
|
// Codex owns its auth store; delegate when the CLI is available.
|
|
const codexBin =
|
|
provider === OPENAI_CODEX_PROVIDER ||
|
|
(!provider && sessionInfo.modelProvider === OPENAI_CODEX_PROVIDER)
|
|
? resolveCodexCliBin()
|
|
: null;
|
|
|
|
let command: string;
|
|
let args: string[];
|
|
if (codexBin) {
|
|
command = codexBin;
|
|
args = ["login"];
|
|
} else {
|
|
({ command, args } = resolveLocalAuthCliInvocation());
|
|
if (provider) {
|
|
args.push("--provider", provider);
|
|
}
|
|
}
|
|
|
|
const child = spawn(command, args, {
|
|
cwd: resolveLocalAuthSpawnCwd({ args, defaultCwd: process.cwd() }),
|
|
env: process.env,
|
|
stdio: "inherit",
|
|
...resolveLocalAuthSpawnOptions({ command }),
|
|
});
|
|
child.once("error", reject);
|
|
child.once("exit", (exitCode, signal) => {
|
|
resolve({ exitCode, signal });
|
|
});
|
|
},
|
|
),
|
|
)
|
|
: undefined;
|
|
|
|
const updateFooter = () => {
|
|
const sessionKeyLabel = formatSessionKey(currentSessionKey);
|
|
const sessionLabel = sessionInfo.displayName
|
|
? `${sessionKeyLabel} (${sessionInfo.displayName})`
|
|
: sessionKeyLabel;
|
|
const agentLabel = formatAgentLabel(currentAgentId);
|
|
const modelLabel = sessionInfo.model
|
|
? sessionInfo.modelProvider
|
|
? `${sessionInfo.modelProvider}/${sessionInfo.model}`
|
|
: sessionInfo.model
|
|
: "unknown";
|
|
const tokens = formatTokens(sessionInfo.totalTokens ?? null, sessionInfo.contextTokens ?? null);
|
|
const think = sessionInfo.thinkingLevel ?? "off";
|
|
const fast = sessionInfo.fastMode === true;
|
|
const verbose = sessionInfo.verboseLevel ?? "off";
|
|
const reasoning = sessionInfo.reasoningLevel ?? "off";
|
|
const reasoningLabel =
|
|
reasoning === "on" ? "reasoning" : reasoning === "stream" ? "reasoning:stream" : null;
|
|
const footerParts = [
|
|
`agent ${agentLabel}`,
|
|
`session ${sessionLabel}`,
|
|
modelLabel,
|
|
think !== "off" ? `think ${think}` : null,
|
|
fast ? "fast" : null,
|
|
verbose !== "off" ? `verbose ${verbose}` : null,
|
|
reasoningLabel,
|
|
tokens,
|
|
].filter(Boolean);
|
|
footer.setText(theme.dim(footerParts.join(" | ")));
|
|
};
|
|
|
|
const { openOverlay, closeOverlay } = createOverlayHandlers(tui, editor);
|
|
const btw = {
|
|
showResult: (params: { question: string; text: string; isError?: boolean }) => {
|
|
chatLog.showBtw(params);
|
|
},
|
|
clear: () => {
|
|
chatLog.dismissBtw();
|
|
},
|
|
};
|
|
|
|
const initialSessionAgentId = (() => {
|
|
if (!initialSessionInput) {
|
|
return null;
|
|
}
|
|
const parsed = parseAgentSessionKey(initialSessionInput);
|
|
return parsed ? normalizeAgentId(parsed.agentId) : null;
|
|
})();
|
|
|
|
const sessionActions = createSessionActions({
|
|
client,
|
|
chatLog,
|
|
btw,
|
|
tui,
|
|
opts,
|
|
state,
|
|
agentNames,
|
|
initialSessionInput,
|
|
initialSessionAgentId,
|
|
resolveSessionKey,
|
|
updateHeader,
|
|
updateFooter,
|
|
updateAutocompleteProvider,
|
|
setActivityStatus,
|
|
clearLocalRunIds,
|
|
rememberSessionKey: rememberCurrentSessionKey,
|
|
});
|
|
const {
|
|
refreshAgents,
|
|
refreshSessionInfo,
|
|
applySessionInfoFromPatch,
|
|
loadHistory,
|
|
setSession,
|
|
abortActive,
|
|
} = sessionActions;
|
|
|
|
const {
|
|
handleChatEvent,
|
|
handleAgentEvent,
|
|
handleBtwEvent,
|
|
pauseStreamingWatchdog,
|
|
reconnectStreamingWatchdog,
|
|
} = createEventHandlers({
|
|
chatLog,
|
|
btw,
|
|
tui,
|
|
state,
|
|
localMode: isLocalMode,
|
|
setActivityStatus,
|
|
refreshSessionInfo,
|
|
loadHistory,
|
|
noteLocalRunId,
|
|
isLocalRunId,
|
|
forgetLocalRunId,
|
|
clearLocalRunIds,
|
|
isLocalBtwRunId,
|
|
forgetLocalBtwRunId,
|
|
clearLocalBtwRunIds,
|
|
});
|
|
|
|
const deferredFinish = createDeferredTuiFinish();
|
|
const requestExit = (result?: Partial<TuiResult>) => {
|
|
if (exitRequested) {
|
|
return;
|
|
}
|
|
exitRequested = true;
|
|
exitResult = {
|
|
exitReason: result?.exitReason ?? "exit",
|
|
...(result?.crestodianMessage ? { crestodianMessage: result.crestodianMessage } : {}),
|
|
};
|
|
client.stop();
|
|
void drainAndStopTuiSafely(tui)
|
|
.catch((err) => {
|
|
if (!isTuiTerminalLossError(err)) {
|
|
try {
|
|
process.stderr.write(`openclaw tui shutdown failed: ${String(err)}\n`);
|
|
} catch {
|
|
// Best effort only; exit must still complete.
|
|
}
|
|
}
|
|
})
|
|
.finally(() => {
|
|
deferredFinish.requestFinish();
|
|
});
|
|
};
|
|
const exitAwareClient = client as TuiBackend & {
|
|
setRequestExitHandler?: (handler: () => void) => void;
|
|
};
|
|
exitAwareClient.setRequestExitHandler?.(() => requestExit());
|
|
|
|
const { handleCommand, sendMessage, openModelSelector, openAgentSelector, openSessionSelector } =
|
|
createCommandHandlers({
|
|
client,
|
|
chatLog,
|
|
tui,
|
|
opts,
|
|
state,
|
|
deliverDefault,
|
|
openOverlay,
|
|
closeOverlay,
|
|
refreshSessionInfo,
|
|
applySessionInfoFromPatch,
|
|
loadHistory,
|
|
setSession,
|
|
refreshAgents,
|
|
abortActive,
|
|
setActivityStatus,
|
|
formatSessionKey,
|
|
noteLocalRunId,
|
|
noteLocalBtwRunId,
|
|
forgetLocalRunId,
|
|
forgetLocalBtwRunId,
|
|
runAuthFlow,
|
|
requestExit,
|
|
});
|
|
|
|
const { runLocalShellLine } = createLocalShellRunner({
|
|
chatLog,
|
|
tui,
|
|
openOverlay,
|
|
closeOverlay,
|
|
});
|
|
updateAutocompleteProvider();
|
|
const submitHandler = createEditorSubmitHandler({
|
|
editor,
|
|
handleCommand,
|
|
sendMessage,
|
|
handleBangLine: runLocalShellLine,
|
|
});
|
|
editor.onSubmit = createSubmitBurstCoalescer({
|
|
submit: submitHandler,
|
|
enabled: shouldEnableWindowsGitBashPasteFallback(),
|
|
});
|
|
|
|
editor.onEscape = () => {
|
|
if (chatLog.hasVisibleBtw()) {
|
|
chatLog.dismissBtw();
|
|
tui.requestRender();
|
|
return;
|
|
}
|
|
void abortActive();
|
|
};
|
|
const handleCtrlC = () => {
|
|
const now = Date.now();
|
|
const decision = resolveCtrlCAction({
|
|
hasInput: editor.getText().trim().length > 0,
|
|
now,
|
|
lastCtrlCAt,
|
|
});
|
|
lastCtrlCAt = decision.nextLastCtrlCAt;
|
|
if (decision.action === "clear") {
|
|
editor.setText("");
|
|
setActivityStatus("cleared input; press ctrl+c again to exit");
|
|
tui.requestRender();
|
|
return;
|
|
}
|
|
if (decision.action === "exit") {
|
|
requestExit();
|
|
return;
|
|
}
|
|
setActivityStatus("press ctrl+c again to exit");
|
|
tui.requestRender();
|
|
};
|
|
editor.onCtrlC = () => {
|
|
handleCtrlC();
|
|
};
|
|
editor.onCtrlD = () => {
|
|
requestExit();
|
|
};
|
|
editor.onCtrlO = () => {
|
|
toolsExpanded = !toolsExpanded;
|
|
chatLog.setToolsExpanded(toolsExpanded);
|
|
setActivityStatus(toolsExpanded ? "tools expanded" : "tools collapsed");
|
|
tui.requestRender();
|
|
};
|
|
editor.onCtrlL = () => {
|
|
void openModelSelector();
|
|
};
|
|
editor.onCtrlG = () => {
|
|
void openAgentSelector();
|
|
};
|
|
editor.onCtrlP = () => {
|
|
void openSessionSelector();
|
|
};
|
|
editor.onCtrlT = () => {
|
|
showThinking = !showThinking;
|
|
void loadHistory();
|
|
};
|
|
|
|
tui.addInputListener((data) => {
|
|
if (!chatLog.hasVisibleBtw()) {
|
|
return undefined;
|
|
}
|
|
if (editor.getText().length > 0) {
|
|
return undefined;
|
|
}
|
|
if (matchesKey(data, "enter")) {
|
|
chatLog.dismissBtw();
|
|
tui.requestRender();
|
|
return { consume: true };
|
|
}
|
|
return undefined;
|
|
});
|
|
|
|
client.onEvent = (evt) => {
|
|
if (evt.event === "chat") {
|
|
handleChatEvent(evt.payload);
|
|
}
|
|
if (evt.event === "chat.side_result") {
|
|
handleBtwEvent(evt.payload);
|
|
}
|
|
if (evt.event === "agent") {
|
|
handleAgentEvent(evt.payload);
|
|
}
|
|
};
|
|
|
|
client.onConnected = () => {
|
|
isConnected = true;
|
|
pairingHintShown = false;
|
|
const reconnected = wasDisconnected;
|
|
wasDisconnected = false;
|
|
if (reconnected) {
|
|
reconnectStreamingWatchdog();
|
|
}
|
|
setConnectionStatus(isLocalMode ? "local ready" : "connected");
|
|
void (async () => {
|
|
await refreshAgents();
|
|
await restoreRememberedSession();
|
|
updateHeader();
|
|
await loadHistory();
|
|
setConnectionStatus(
|
|
isLocalMode ? "local ready" : reconnected ? "gateway reconnected" : "gateway connected",
|
|
4000,
|
|
);
|
|
tui.requestRender();
|
|
if (!autoMessageSent && autoMessage) {
|
|
autoMessageSent = true;
|
|
await sendMessage(autoMessage);
|
|
}
|
|
updateFooter();
|
|
tui.requestRender();
|
|
})().catch((err) => {
|
|
chatLog.addSystem(`startup failed: ${String(err)}`);
|
|
setConnectionStatus("startup failed", 5000);
|
|
tui.requestRender();
|
|
});
|
|
};
|
|
|
|
client.onDisconnected = (reason) => {
|
|
isConnected = false;
|
|
wasDisconnected = true;
|
|
historyLoaded = false;
|
|
pauseStreamingWatchdog();
|
|
const disconnectState = isLocalMode
|
|
? {
|
|
connectionStatus: `local runtime stopped${reason ? `: ${reason}` : ""}`,
|
|
activityStatus: "idle",
|
|
pairingHint: undefined,
|
|
}
|
|
: resolveGatewayDisconnectState(reason);
|
|
setConnectionStatus(disconnectState.connectionStatus, 5000);
|
|
setActivityStatus(disconnectState.activityStatus);
|
|
if (disconnectState.pairingHint && !pairingHintShown) {
|
|
pairingHintShown = true;
|
|
chatLog.addSystem(disconnectState.pairingHint);
|
|
}
|
|
updateFooter();
|
|
tui.requestRender();
|
|
};
|
|
|
|
client.onGap = (info) => {
|
|
setConnectionStatus(`event gap: expected ${info.expected}, got ${info.received}`, 5000);
|
|
tui.requestRender();
|
|
};
|
|
|
|
updateHeader();
|
|
setConnectionStatus(isLocalMode ? "starting local runtime" : "connecting");
|
|
updateFooter();
|
|
const sigintHandler = () => {
|
|
handleCtrlC();
|
|
};
|
|
const sigtermHandler = () => {
|
|
requestExit();
|
|
};
|
|
process.on("SIGINT", sigintHandler);
|
|
process.on("SIGTERM", sigtermHandler);
|
|
let cleanupTerminalLossHandler: (() => void) | null = installTuiTerminalLossExitHandler(() =>
|
|
requestExit(),
|
|
);
|
|
tui.start();
|
|
client.start();
|
|
await new Promise<void>((resolve) => {
|
|
const finish = () => {
|
|
if (isLocalMode) {
|
|
setConsoleSubsystemFilter(previousConsoleSubsystemFilter);
|
|
}
|
|
cleanupTerminalLossHandler?.();
|
|
cleanupTerminalLossHandler = null;
|
|
process.removeListener("SIGINT", sigintHandler);
|
|
process.removeListener("SIGTERM", sigtermHandler);
|
|
process.removeListener("exit", finish);
|
|
deferredFinish.clearFinish();
|
|
resolve();
|
|
};
|
|
process.once("exit", finish);
|
|
deferredFinish.setFinish(finish);
|
|
});
|
|
return exitResult;
|
|
}
|