claw-control-center 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,181 @@
+import { OpenClawPluginApi } from 'openclaw/plugin-sdk';
+export { installIntoOpenClaw, installIntoQClaw, runInstallCommand } from './install-qclaw.cjs';
+
+type SessionStatus = "idle" | "running" | "completed" | "failed" | "interrupted" | "archived";
+type SessionSummary = {
+    id: string;
+    title: string;
+    status: SessionStatus;
+    hostKind: string;
+    runnerCommand: string;
+    createdAt: string;
+    updatedAt: string;
+    lastEventSeq: number;
+};
+type SessionMessage = {
+    id: string;
+    sessionId: string;
+    role: string;
+    content: string;
+    createdAt: string;
+};
+type TimelineEvent = {
+    id: string;
+    sessionId: string;
+    seq: number;
+    kind: string;
+    payload: Record<string, unknown>;
+    createdAt: string;
+};
+type ControlAction = "stop" | "retry" | "rename" | "archive";
+
+type GatewayConfig = {
+    baseUrl: string;
+    botId: string;
+    secret: string;
+    requestTimeoutMs: number;
+    streamReconnectMs: number;
+    runtimeRoot?: string;
+};
+type GatewaySession = SessionSummary;
+type GatewayEvent = TimelineEvent;
+type GatewayClient = {
+    listSessions(limit?: number): Promise<GatewaySession[]>;
+    createSession(title: string, initialPrompt?: string): Promise<GatewaySession>;
+    getSession(sessionId: string): Promise<GatewaySession>;
+    getSessionMessages(sessionId: string, limit?: number): Promise<SessionMessage[]>;
+    sendMessage(sessionId: string, content: string): Promise<void>;
+    controlSession(sessionId: string, action: ControlAction, title?: string): Promise<void>;
+    listEvents(sessionId: string, afterSeq?: number): Promise<GatewayEvent[]>;
+    subscribe(sessionId: string, afterSeq: number, handlers: {
+        onEvent: (event: GatewayEvent) => void;
+        onDisconnect: (error?: Error) => void;
+    }): () => void;
+    stop(): Promise<void>;
+};
+declare function createGatewayClient(config: Partial<GatewayConfig>): GatewayClient;
+
+type Hub53AIConfig = {
+    enabled: boolean;
+    botId: string;
+    secret: string;
+    wsUrl: string;
+    accessPolicy: "open" | "allowlist";
+    allowFrom: string[];
+    sendThinkingMessage: boolean;
+    reconnectBaseMs: number;
+    maxReconnectAttempts: number;
+};
+type Hub53AIStatusSnapshot = {
+    enabled: boolean;
+    configured: boolean;
+    connectionStatus: "disabled" | "connecting" | "connected" | "disconnected" | "error";
+    botId?: string;
+    wsUrl?: string;
+    lastHeartbeatAt?: string;
+    lastConnectedAt?: string;
+    lastError?: string;
+    receivedMessageCount: number;
+    sentMessageCount: number;
+    pendingOutboundCount: number;
+};
+type Hub53AIIncomingMessage = {
+    type: string;
+    msgId: string;
+    reqId: string;
+    chatId: string;
+    userId: string;
+    text: string;
+    imageUrls?: string[];
+    fileUrls?: string[];
+    quoteContent?: string;
+};
+type Hub53AIOutgoingChunk = {
+    req_id: string;
+    action: "chat";
+    status: "streaming" | "thinking" | "done" | "error";
+    data: {
+        id: string;
+        object: "chat.completion.chunk";
+        created: number;
+        model: "openclaw-agent";
+        choices: Array<{
+            index: number;
+            delta: {
+                content: string;
+                role: "assistant";
+            };
+            finish_reason: "stop" | "error" | null;
+        }>;
+        error?: {
+            code: string;
+            message: string;
+            details?: string;
+        };
+    };
+};
+type HubBridgeCallbacks = {
+    onSessionUpsert(session: GatewaySession): Promise<void>;
+    onUserMessage(message: SessionMessage): Promise<void>;
+    onSessionStatus(sessionId: string, status: SessionStatus): Promise<void>;
+    onEnsureSessionStream(sessionId: string): Promise<void>;
+    getLastEventSeq(sessionId: string): number;
+    onStatusChange(): void;
+};
+type HubBridgeInput = {
+    stateDir: string;
+    config: Hub53AIConfig;
+    gateway: GatewayClient;
+    callbacks: HubBridgeCallbacks;
+    logger?: {
+        info?(message: string): void;
+        warn?(message: string): void;
+        error?(message: string): void;
+    };
+};
+declare function createHub53AIBridge(input: HubBridgeInput): {
+    start: () => Promise<void>;
+    stop: () => Promise<void>;
+    getStatus: () => Hub53AIStatusSnapshot;
+};
+declare function parseIncomingMessage(rawJson: string): Hub53AIIncomingMessage | null;
+
+type HostRuntimeInfo = {
+    modelPrimary?: string;
+    enabledSkills: string[];
+};
+
+type ConsoleConfig = {
+    host: string;
+    port: number;
+};
+type PersistenceConfig = {
+    maxSessions: number;
+};
+type CreateConsoleServerInput = {
+    stateDir: string;
+    configPath: string;
+    hostKind: string;
+    pluginVersion: string;
+    token: string;
+    gatewayConfig: GatewayConfig;
+    hub53aiConfig?: Hub53AIConfig;
+    consoleConfig: ConsoleConfig;
+    persistence: PersistenceConfig;
+    hostRuntime?: HostRuntimeInfo;
+    gateway: GatewayClient;
+    webDir?: string;
+};
+declare function createConsoleServer(input: CreateConsoleServerInput): {
+    start: () => Promise<void>;
+    stop: () => Promise<void>;
+    readonly baseUrl: string;
+};
+
+declare const plugin: {
+    id: string;
+    name: string;
+    register(api: OpenClawPluginApi): void;
+};
+
+export { type Hub53AIConfig, type Hub53AIIncomingMessage, type Hub53AIOutgoingChunk, type Hub53AIStatusSnapshot, createConsoleServer, createGatewayClient, createHub53AIBridge, plugin as default, parseIncomingMessage as parseHub53AIIncomingMessage };

package/dist/install-qclaw.cjs

@@ -0,0 +1,288 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/install-qclaw.ts
+var install_qclaw_exports = {};
+__export(install_qclaw_exports, {
+  installIntoOpenClaw: () => installIntoOpenClaw,
+  installIntoQClaw: () => installIntoQClaw,
+  runInstallCommand: () => runInstallCommand
+});
+module.exports = __toCommonJS(install_qclaw_exports);
+var import_promises = require("fs/promises");
+var import_node_fs = require("fs");
+var import_node_os = require("os");
+var import_node_path = require("path");
+var PLUGIN_ID = "claw-control-center";
+var DEFAULT_QCLAW_HOME = (0, import_node_path.resolve)((0, import_node_os.homedir)(), ".qclaw");
+var DEFAULT_OPENCLAW_HOME = (0, import_node_path.resolve)((0, import_node_os.homedir)(), ".openclaw");
+var DEFAULT_EXTENSIONS_DIR = (0, import_node_path.resolve)(
+  (0, import_node_os.homedir)(),
+  "Library/Application Support/QClaw/openclaw/config/extensions"
+);
+var DEFAULT_OPENCLAW_EXTENSIONS_DIR = (0, import_node_path.resolve)(DEFAULT_OPENCLAW_HOME, "extensions");
+var COPY_ITEMS = ["dist", "openclaw.plugin.json", "package.json", "bin", "web-dist"];
+var INSTALL_TARGETS = {
+  qclaw: {
+    label: "QClaw",
+    defaultConfigPath: (0, import_node_path.join)(DEFAULT_QCLAW_HOME, "openclaw.json"),
+    defaultExtensionsDir: DEFAULT_EXTENSIONS_DIR
+  },
+  openclaw: {
+    label: "OpenClaw",
+    defaultConfigPath: (0, import_node_path.join)(DEFAULT_OPENCLAW_HOME, "openclaw.json"),
+    defaultExtensionsDir: DEFAULT_OPENCLAW_EXTENSIONS_DIR
+  }
+};
+async function installIntoQClaw(input) {
+  return installIntoHost(input, "QClaw");
+}
+async function installIntoOpenClaw(input) {
+  return installIntoHost(input, "OpenClaw");
+}
+async function installIntoHost(input, hostLabel) {
+  await (0, import_promises.mkdir)(input.extensionsDir, { recursive: true });
+  const destination = (0, import_node_path.join)(input.extensionsDir, PLUGIN_ID);
+  await (0, import_promises.mkdir)(destination, { recursive: true });
+  await copyPublishablePackage(input.packageRoot, destination);
+  await (0, import_promises.mkdir)((0, import_node_path.dirname)(input.configPath), { recursive: true });
+  const config = await readOpenClawConfig(input.configPath);
+  const inferredGateway = inferGatewaySettings(config);
+  const inferredHub53AI = inferHub53AISettings(config);
+  const gatewayBaseUrl = input.gateway?.trim() || inferredGateway.baseUrl;
+  if (!gatewayBaseUrl) {
+    throw new Error(`missing gateway URL and no local ${hostLabel} gateway could be inferred`);
+  }
+  const secret = input.secret?.trim() || inferredGateway.secret;
+  if (!secret) {
+    throw new Error(`missing gateway secret and no local ${hostLabel} gateway token could be inferred`);
+  }
+  const botId = input.botId?.trim();
+  const hubWsUrl = input.hubWsUrl?.trim() || inferredHub53AI.wsUrl;
+  const hubBotId = input.hubBotId?.trim() || inferredHub53AI.botId;
+  const hubSecret = input.hubSecret?.trim() || inferredHub53AI.secret;
+  const hubConfigured = Boolean(hubWsUrl && hubBotId && hubSecret);
+  const hubInputProvided = Boolean(input.hubWsUrl?.trim() || input.hubBotId?.trim() || input.hubSecret?.trim());
+  const hubEnabled = input.hubEnabled ?? (hubConfigured ? hubInputProvided ? true : inferredHub53AI.enabled : false);
+  if (hubEnabled && !hubConfigured) {
+    throw new Error("hub53ai requires --hub-ws-url, --hub-bot-id, and --hub-secret when enabled");
+  }
+  const consoleHost = input.consoleHost?.trim();
+  const consolePort = normalizePort(input.consolePort);
+  const plugins = ensureObject(config, "plugins");
+  plugins.enabled = true;
+  plugins.allow = dedupeStrings([...Array.isArray(plugins.allow) ? plugins.allow : [], PLUGIN_ID]);
+  const load = ensureObject(plugins, "load");
+  load.paths = dedupeStrings([...Array.isArray(load.paths) ? load.paths : [], input.extensionsDir]);
+  const entries = ensureObject(plugins, "entries");
+  const previousEntry = ensureObject(entries, PLUGIN_ID);
+  const previousConfig = ensureObject(previousEntry, "config");
+  const previousGateway = ensureObject(previousConfig, "gateway");
+  previousGateway.baseUrl = gatewayBaseUrl;
+  previousGateway.secret = secret;
+  if (botId) {
+    previousGateway.botId = botId;
+  }
+  if (hubConfigured || input.hubEnabled !== void 0) {
+    const previousHub = ensureObject(previousConfig, "hub53ai");
+    previousHub.enabled = hubEnabled;
+    if (hubBotId) {
+      previousHub.botId = hubBotId;
+    }
+    if (hubSecret) {
+      previousHub.secret = hubSecret;
+    }
+    if (hubWsUrl) {
+      previousHub.wsUrl = hubWsUrl;
+    }
+    previousHub.accessPolicy = inferredHub53AI.accessPolicy || previousHub.accessPolicy || "open";
+    previousHub.allowFrom = inferredHub53AI.allowFrom ?? previousHub.allowFrom ?? [];
+    previousHub.sendThinkingMessage = inferredHub53AI.sendThinkingMessage ?? previousHub.sendThinkingMessage ?? true;
+  }
+  if (consoleHost || consolePort !== void 0) {
+    const previousConsole = ensureObject(previousConfig, "console");
+    if (consoleHost) {
+      previousConsole.host = consoleHost;
+    }
+    if (consolePort !== void 0) {
+      previousConsole.port = consolePort;
+    }
+  }
+  previousEntry.enabled = true;
+  await (0, import_promises.writeFile)(input.configPath, `${JSON.stringify(config, null, 2)}
+`);
+  return {
+    configPath: input.configPath,
+    extensionsDir: input.extensionsDir,
+    destination,
+    gatewayBaseUrl,
+    hub53aiConfigured: hubConfigured
+  };
+}
+async function runInstallCommand(input) {
+  const argv = input.argv ?? process.argv.slice(2);
+  if (argv[0] !== "install") {
+    throw new Error("expected subcommand: install");
+  }
+  const args = parseArgs(argv.slice(1));
+  const target = parseInstallTarget(args.target);
+  if (!target) {
+    throw new Error("expected --target qclaw or --target openclaw");
+  }
+  const targetInfo = INSTALL_TARGETS[target];
+  const configPath = (0, import_node_path.resolve)(args["config-path"] ?? targetInfo.defaultConfigPath);
+  const extensionsDir = (0, import_node_path.resolve)(args["extensions-dir"] ?? targetInfo.defaultExtensionsDir);
+  const install = target === "openclaw" ? installIntoOpenClaw : installIntoQClaw;
+  const result = await install({
+    packageRoot: input.packageRoot,
+    extensionsDir,
+    configPath,
+    gateway: args.gateway,
+    botId: args["bot-id"],
+    secret: args.secret,
+    hubWsUrl: args["hub-ws-url"],
+    hubBotId: args["hub-bot-id"],
+    hubSecret: args["hub-secret"],
+    hubEnabled: parseOptionalBoolean(args["hub-enabled"]),
+    consoleHost: args["console-host"],
+    consolePort: args["console-port"] ? Number(args["console-port"]) : void 0
+  });
+  process.stdout.write(
+    [
+      `Installed ${PLUGIN_ID} into ${targetInfo.label}.`,
+      `Extensions: ${result.extensionsDir}`,
+      `Config: ${result.configPath}`,
+      `Gateway: ${result.gatewayBaseUrl}`,
+      `53AIHub: ${result.hub53aiConfigured ? "configured" : "not configured"}`,
+      `Restart ${targetInfo.label} to load the plugin.`
+    ].join("\n") + "\n"
+  );
+}
+function parseArgs(argv) {
+  const parsed = {};
+  for (let index = 0; index < argv.length; index += 1) {
+    const entry = argv[index];
+    if (!entry.startsWith("--")) {
+      continue;
+    }
+    const next = argv[index + 1];
+    if (next && !next.startsWith("--")) {
+      parsed[entry.slice(2)] = next;
+      index += 1;
+    } else {
+      parsed[entry.slice(2)] = "true";
+    }
+  }
+  return parsed;
+}
+function parseInstallTarget(target) {
+  if (target === "qclaw" || target === "openclaw") {
+    return target;
+  }
+  return void 0;
+}
+async function copyPublishablePackage(packageRoot, destination) {
+  if (!(0, import_node_fs.existsSync)(packageRoot)) {
+    throw new Error(`package root does not exist: ${packageRoot}`);
+  }
+  for (const relativePath of COPY_ITEMS) {
+    const source = (0, import_node_path.join)(packageRoot, relativePath);
+    if (!(0, import_node_fs.existsSync)(source)) {
+      continue;
+    }
+    const target = (0, import_node_path.join)(destination, relativePath);
+    await (0, import_promises.rm)(target, { recursive: true, force: true });
+    await (0, import_promises.cp)(source, target, { recursive: true, force: true });
+  }
+}
+async function readOpenClawConfig(configPath) {
+  if (!(0, import_node_fs.existsSync)(configPath)) {
+    return {};
+  }
+  return JSON.parse(await (0, import_promises.readFile)(configPath, "utf8"));
+}
+function inferGatewaySettings(config) {
+  const gateway = config.gateway ?? {};
+  const host = typeof gateway.host === "string" && gateway.host.trim() ? gateway.host.trim() : "127.0.0.1";
+  const port = Number(gateway.port ?? 28789);
+  const baseUrl = Number.isFinite(port) && port > 0 ? `ws://${host}:${port}` : "";
+  const auth = gateway.auth ?? {};
+  const mode = typeof auth.mode === "string" ? auth.mode : "token";
+  const secret = mode === "password" ? typeof auth.password === "string" ? auth.password : "" : typeof auth.token === "string" ? auth.token : "";
+  return { baseUrl, secret };
+}
+function inferHub53AISettings(config) {
+  const legacy = config.channels?.["53aihub"];
+  if (!legacy) {
+    return {
+      enabled: false,
+      botId: "",
+      secret: "",
+      wsUrl: ""
+    };
+  }
+  return {
+    enabled: legacy.enabled !== false,
+    botId: typeof legacy.botId === "string" ? legacy.botId : "",
+    secret: typeof legacy.secret === "string" ? legacy.secret : typeof legacy.token === "string" ? legacy.token : "",
+    wsUrl: typeof legacy.WSUrl === "string" ? legacy.WSUrl : typeof legacy.websocketUrl === "string" ? legacy.websocketUrl : "",
+    accessPolicy: typeof legacy.accessPolicy === "string" ? legacy.accessPolicy : void 0,
+    allowFrom: Array.isArray(legacy.allowFrom) ? legacy.allowFrom.map((entry) => String(entry)).filter(Boolean) : void 0,
+    sendThinkingMessage: typeof legacy.sendThinkingMessage === "boolean" ? legacy.sendThinkingMessage : void 0
+  };
+}
+function parseOptionalBoolean(value) {
+  if (value === void 0) {
+    return void 0;
+  }
+  if (value === "" || value === "true" || value === "1" || value === "yes") {
+    return true;
+  }
+  if (value === "false" || value === "0" || value === "no") {
+    return false;
+  }
+  throw new Error(`invalid boolean value: ${value}`);
+}
+function normalizePort(port) {
+  if (port === void 0) {
+    return void 0;
+  }
+  if (!Number.isFinite(port) || port <= 0) {
+    throw new Error("console port must be a positive number");
+  }
+  return Math.floor(port);
+}
+function ensureObject(record, key) {
+  const existing = record[key];
+  if (existing && typeof existing === "object" && !Array.isArray(existing)) {
+    return existing;
+  }
+  const created = {};
+  record[key] = created;
+  return created;
+}
+function dedupeStrings(values) {
+  return Array.from(new Set(values.filter((value) => typeof value === "string")));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  installIntoOpenClaw,
+  installIntoQClaw,
+  runInstallCommand
+});

package/dist/install-qclaw.d.cts

@@ -0,0 +1,34 @@
+type InstallInput = {
+    packageRoot: string;
+    extensionsDir: string;
+    configPath: string;
+    gateway?: string;
+    botId?: string;
+    secret?: string;
+    hubWsUrl?: string;
+    hubBotId?: string;
+    hubSecret?: string;
+    hubEnabled?: boolean;
+    consoleHost?: string;
+    consolePort?: number;
+};
+declare function installIntoQClaw(input: InstallInput): Promise<{
+    configPath: string;
+    extensionsDir: string;
+    destination: string;
+    gatewayBaseUrl: string;
+    hub53aiConfigured: boolean;
+}>;
+declare function installIntoOpenClaw(input: InstallInput): Promise<{
+    configPath: string;
+    extensionsDir: string;
+    destination: string;
+    gatewayBaseUrl: string;
+    hub53aiConfigured: boolean;
+}>;
+declare function runInstallCommand(input: {
+    argv?: string[];
+    packageRoot: string;
+}): Promise<void>;
+
+export { installIntoOpenClaw, installIntoQClaw, runInstallCommand };

package/openclaw.plugin.json

@@ -0,0 +1,130 @@
+{
+  "id": "claw-control-center",
+  "name": "Claw Control Center",
+  "description": "QClaw/OpenClaw multi-session control plugin with a local web console.",
+  "activation": {
+    "onStartup": true
+  },
+  "configSchema": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "gateway": {
+        "type": "object",
+        "additionalProperties": false,
+        "properties": {
+          "baseUrl": {
+            "type": "string",
+            "description": "Custom gateway base URL, for example https://gateway.example.com/v1"
+          },
+          "botId": {
+            "type": "string"
+          },
+          "secret": {
+            "type": "string"
+          },
+          "requestTimeoutMs": {
+            "type": "number",
+            "default": 15000
+          },
+          "streamReconnectMs": {
+            "type": "number",
+            "default": 2000
+          }
+        }
+      },
+      "hub53ai": {
+        "type": "object",
+        "additionalProperties": false,
+        "properties": {
+          "enabled": {
+            "type": "boolean",
+            "default": false
+          },
+          "botId": {
+            "type": "string",
+            "description": "53AIHub Bot ID."
+          },
+          "secret": {
+            "type": "string",
+            "description": "53AIHub App Secret / Token."
+          },
+          "wsUrl": {
+            "type": "string",
+            "description": "53AIHub WebSocket URL, for example wss://example.com/api/v1/openclaw/ws/connect"
+          },
+          "accessPolicy": {
+            "type": "string",
+            "enum": [
+              "open",
+              "allowlist"
+            ],
+            "default": "open"
+          },
+          "allowFrom": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "sendThinkingMessage": {
+            "type": "boolean",
+            "default": true
+          },
+          "reconnectBaseMs": {
+            "type": "number",
+            "default": 2000
+          },
+          "maxReconnectAttempts": {
+            "type": "number",
+            "default": 10
+          }
+        }
+      },
+      "console": {
+        "type": "object",
+        "additionalProperties": false,
+        "properties": {
+          "enabled": {
+            "type": "boolean",
+            "default": true
+          },
+          "host": {
+            "type": "string",
+            "default": "127.0.0.1"
+          },
+          "port": {
+            "type": "number",
+            "default": 4318
+          }
+        }
+      },
+      "persistence": {
+        "type": "object",
+        "additionalProperties": false,
+        "properties": {
+          "maxSessions": {
+            "type": "number",
+            "default": 100
+          }
+        }
+      },
+      "logging": {
+        "type": "object",
+        "additionalProperties": false,
+        "properties": {
+          "level": {
+            "type": "string",
+            "enum": [
+              "debug",
+              "info",
+              "warn",
+              "error"
+            ],
+            "default": "info"
+          }
+        }
+      }
+    }
+  }
+}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "claw-control-center",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "claw-control-center": "bin/install-qclaw.mjs"
+  },
+  "files": [
+    "dist",
+    "openclaw.plugin.json",
+    "bin",
+    "web-dist"
+  ],
+  "scripts": {
+    "build": "node ./scripts/sync-web-dist.mjs && tsup src/index.ts src/install-qclaw.ts --format cjs --dts",
+    "test": "vitest run"
+  },
+  "openclaw": {
+    "extensions": [
+      "./dist/index.cjs"
+    ]
+  },
+  "peerDependencies": {
+    "openclaw": ">=2026.5.18"
+  },
+  "dependencies": {
+    "ws": "^8.18.3"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@types/ws": "^8.18.1",
+    "openclaw": "2026.5.18",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "vitest": "^3.2.4"
+  }
+}

package/web-dist/assets/index-CPMfZC6Y.css

@@ -0,0 +1 @@
+html,body,#root{height:100%}:root{font-family:SF Pro Display,Segoe UI,sans-serif;color:#e6eef7;background:radial-gradient(circle at top left,rgba(92,148,255,.2),transparent 32%),linear-gradient(160deg,#0b1220,#121b2d 48%,#0c1424)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}button,input,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 340px;gap:16px;height:100vh;min-height:100vh;padding:16px;align-items:stretch}.panel{border:1px solid rgba(148,163,184,.18);background:#090f1cb8;border-radius:20px;box-shadow:0 18px 48px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid rgba(148,163,184,.14)}.panel-header h2,.panel-header h3{margin:0;font-size:1rem;font-weight:700}.panel-subtitle{margin:4px 0 0;font-size:.8rem;color:#8ea4bc}.sessions-panel,.sidebar-panel,.conversation-panel{overflow:hidden;min-height:0}.sessions-panel{display:grid;grid-template-rows:auto minmax(0,1fr)}.session-list{display:flex;flex-direction:column;gap:10px;padding:14px;min-height:0;overflow-y:auto}.session-item{width:100%;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:#0f172ac7;color:inherit;text-align:left;cursor:pointer}.session-item.is-active{border-color:#60a5fa80;background:#1c2e52e0}.session-item.session-running{border-color:#2dd4bf5c;box-shadow:inset 0 0 0 1px #2dd4bf2e}.session-title{display:block;font-weight:700;margin-bottom:8px;line-height:1.35;word-break:break-word}.session-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.8rem;color:#9fb3c8}.status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;text-transform:capitalize;background:#3b82f629;color:#bfdbfe}.status-running{background:#10b9812e;color:#b7f7de}.status-completed{background:#3b82f629;color:#bfdbfe}.status-idle{background:#94a3b829;color:#dbe7f5}.status-failed,.status-interrupted{background:#f8717129;color:#fecaca}.session-updated{display:block;margin-top:8px;font-size:.75rem;color:#7e94ad}.conversation-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.conversation-body{display:flex;flex-direction:column;gap:14px;padding:18px;min-height:0;overflow-y:auto}.message{max-width:80%;padding:14px 16px;border-radius:18px;line-height:1.45;white-space:pre-wrap}.message.user{align-self:flex-end;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.message.assistant{align-self:flex-start;background:#1e293beb;border:1px solid rgba(148,163,184,.14)}.message small{display:block;margin-top:8px;color:#9fb3c8}.activity-card{align-self:stretch;display:flex;flex-direction:column;gap:12px;min-height:96px;border-radius:18px;border:1px solid rgba(148,163,184,.14);background:#0f172ac2;overflow:visible;padding:14px 16px}.activity-header{display:flex;flex-direction:column;align-items:stretch;gap:10px}.activity-summary{display:flex;flex-direction:column;gap:4px;min-width:0}.activity-summary strong,.activity-summary span{display:block;overflow-wrap:anywhere}.activity-summary strong{font-size:.92rem;line-height:1.35}.activity-meta{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px}.activity-summary span,.activity-card time,.activity-details p{color:#b8cadc;font-size:.82rem;line-height:1.45}.activity-card time{flex:0 1 auto;white-space:nowrap}.activity-details-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border:1px solid rgba(96,165,250,.24);border-radius:10px;background:#2563eb24;color:#9dc4ff;font:inherit;font-size:.82rem;font-weight:600;line-height:1.2;cursor:pointer}.activity-details-toggle:hover{color:#bfdbfe}.activity-details-toggle:focus-visible{outline:2px solid rgba(96,165,250,.7);outline-offset:3px;border-radius:6px}.activity-details{display:grid;gap:8px;width:100%;min-height:52px;padding:10px 12px 12px;border-top:1px solid rgba(148,163,184,.12);border-radius:12px;background:#070c188c}.activity-details p{margin:0;color:#d7e3f2}.tone-success{border-color:#3b82f638}.tone-warning{border-color:#f8717142}.composer{padding:16px;border-top:1px solid rgba(148,163,184,.14)}.composer form{display:grid;gap:10px}.composer textarea{width:100%;min-height:112px;resize:vertical;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#080c18f2;color:inherit;padding:14px}.toolbar-row{display:flex;justify-content:space-between;gap:10px}.primary-button,.secondary-button{border:0;border-radius:14px;padding:10px 14px;cursor:pointer}.primary-button{color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e)}.secondary-button{color:#dce9f9;background:#1e293be0;border:1px solid rgba(148,163,184,.16)}.sidebar-scroll{display:grid;gap:14px;padding:14px;min-height:0;overflow-y:auto}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card-wide{grid-column:1 / -1}.stat-card,.timeline-card,.config-card{padding:14px;border-radius:16px;background:#0f172ac2;border:1px solid rgba(148,163,184,.14)}.stat-label{display:block;font-size:.78rem;color:#9fb3c8;margin-bottom:6px}.stat-value{font-size:1.15rem;font-weight:700}.stat-value-compact{font-size:.92rem;line-height:1.45;word-break:break-word}.config-card details{margin-top:10px}.config-card summary{cursor:pointer;color:#9dc4ff;font-size:.8rem}.config-card pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.78rem;color:#c8d5e6}.empty-state,.loading-state,.error-banner{margin:18px;padding:14px 16px;border-radius:16px;background:#1e293bc2;color:#d8e7f5}.error-banner{background:#7f1d1d80;border:1px solid rgba(252,165,165,.3)}@media(max-width:1200px){.app-shell{grid-template-columns:260px minmax(0,1fr);height:auto;min-height:100vh;align-items:start;overflow-y:auto}.sessions-panel,.conversation-panel{min-height:calc(100vh - 32px)}.sidebar-panel{grid-column:1 / -1;min-height:360px}.activity-header{flex-direction:column;align-items:stretch;gap:8px}.activity-meta{align-items:center;justify-content:space-between;width:100%}.toolbar-row{flex-direction:column;align-items:stretch}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sessions-panel,.conversation-panel,.sidebar-panel{min-height:auto}.message{max-width:100%}}