npm - @xopcai/xopc - Versions diffs - 0.0.192 → 0.0.193 - Mend

@xopcai/xopc 0.0.192 → 0.0.193

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.

Files changed (121) hide show

package/dist/gateway/static/root/notification-sw.js ADDED Viewed

@@ -0,0 +1,15 @@
+self.addEventListener('notificationclick', (event) => {
+  event.notification.close();
+  const route = event.notification.data?.route;
+  if (typeof route !== 'string' || !route.startsWith('/chat/')) return;
+  event.waitUntil((async () => {
+    const windows = await self.clients.matchAll({ type: 'window', includeUncontrolled: true });
+    const client = windows[0];
+    if (client) {
+      client.postMessage({ type: 'xopc:notification-click', route });
+      await client.focus();
+      return;
+    }
+    await self.clients.openWindow(`/#${route}`);
+  })());
+});

package/dist/package.js CHANGED Viewed

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "0.0.192";
+var version = "0.0.193";
 //#endregion
 export { version };

package/dist/src/auth/oauth/xopc-cloud.js CHANGED Viewed

@@ -32,8 +32,164 @@ async function tokenRequest(body, signal) {
 		signal: signal ?? AbortSignal.timeout(3e4)
 	});
 }
-function callbackHtml(title, message) {
-	return `<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>${title}</title></head><body><main><h1>${title}</h1><p>${message}</p><p>You can close this window and return to XOPC.</p></main></body></html>`;
+function escapeHtml(value) {
+	return value.replace(/[&<>"']/g, (character) => ({
+		"&": "&amp;",
+		"<": "&lt;",
+		">": "&gt;",
+		"\"": "&quot;",
+		"'": "&#39;"
+	})[character] ?? character);
+}
+function callbackHtml(title, message, tone) {
+	const safeTitle = escapeHtml(title);
+	const safeMessage = escapeHtml(message);
+	return `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="referrer" content="no-referrer" />
+  <title>${safeTitle} · XOPC</title>
+  <style>
+    :root {
+      color-scheme: light dark;
+      --accent: #3a6bff;
+      --accent-soft: #eef3ff;
+      --canvas: #f7f8fb;
+      --panel: rgba(255, 255, 255, 0.88);
+      --text: #111111;
+      --muted: #666666;
+      --edge: rgba(17, 17, 17, 0.08);
+      --status: ${tone === "success" ? "#17864b" : "#d64242"};
+      --status-soft: ${tone === "success" ? "#e7fbf1" : "#fff0f0"};
+      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    }
+    * { box-sizing: border-box; }
+    html, body { min-height: 100%; }
+    body {
+      margin: 0;
+      min-height: 100vh;
+      display: grid;
+      place-items: center;
+      overflow: hidden;
+      padding: 24px;
+      background:
+        radial-gradient(circle at 18% 18%, rgba(46, 216, 255, 0.16), transparent 34rem),
+        radial-gradient(circle at 82% 78%, rgba(91, 87, 255, 0.14), transparent 32rem),
+        var(--canvas);
+      color: var(--text);
+      -webkit-font-smoothing: antialiased;
+    }
+    .glow {
+      position: fixed;
+      width: 280px;
+      height: 280px;
+      border-radius: 999px;
+      background: rgba(58, 107, 255, 0.12);
+      filter: blur(72px);
+      pointer-events: none;
+    }
+    .glow-one { top: -120px; right: -80px; }
+    .glow-two { bottom: -150px; left: -80px; }
+    .card {
+      position: relative;
+      width: min(100%, 480px);
+      padding: 34px;
+      overflow: hidden;
+      border: 1px solid var(--edge);
+      border-radius: 24px;
+      background: var(--panel);
+      box-shadow: 0 24px 80px rgba(31, 41, 78, 0.12), 0 2px 12px rgba(17, 17, 17, 0.05);
+      backdrop-filter: blur(20px);
+      -webkit-backdrop-filter: blur(20px);
+    }
+    .brand { display: flex; align-items: center; gap: 11px; margin-bottom: 34px; font-weight: 700; letter-spacing: -0.02em; }
+    .logo { width: 38px; height: 38px; filter: drop-shadow(0 8px 14px rgba(58, 107, 255, 0.22)); }
+    .status {
+      display: inline-flex;
+      align-items: center;
+      gap: 7px;
+      margin-bottom: 18px;
+      border-radius: 999px;
+      padding: 7px 11px 7px 8px;
+      background: var(--status-soft);
+      color: var(--status);
+      font-size: 12px;
+      font-weight: 650;
+      letter-spacing: 0.01em;
+    }
+    .status-icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
+    h1 { margin: 0; font-size: clamp(26px, 6vw, 32px); line-height: 1.15; letter-spacing: -0.035em; }
+    .message { margin: 14px 0 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
+    .next-step {
+      display: flex;
+      align-items: flex-start;
+      gap: 11px;
+      margin-top: 28px;
+      padding-top: 22px;
+      border-top: 1px solid var(--edge);
+      color: var(--muted);
+      font-size: 13px;
+      line-height: 1.55;
+    }
+    .window-icon { flex: none; width: 18px; height: 18px; margin-top: 1px; color: var(--accent); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
+    @media (prefers-color-scheme: dark) {
+      :root {
+        --accent-soft: rgba(58, 107, 255, 0.16);
+        --canvas: #090a0d;
+        --panel: rgba(20, 22, 28, 0.9);
+        --text: #f7f8fb;
+        --muted: #a6a9b2;
+        --edge: rgba(255, 255, 255, 0.09);
+        --status: ${tone === "success" ? "#63d69a" : "#ff8484"};
+        --status-soft: ${tone === "success" ? "rgba(44, 203, 127, 0.12)" : "rgba(255, 93, 93, 0.12)"};
+      }
+      body {
+        background:
+          radial-gradient(circle at 18% 18%, rgba(46, 216, 255, 0.09), transparent 34rem),
+          radial-gradient(circle at 82% 78%, rgba(91, 87, 255, 0.12), transparent 32rem),
+          var(--canvas);
+      }
+      .card { box-shadow: 0 26px 90px rgba(0, 0, 0, 0.42); }
+    }
+    @media (max-width: 520px) {
+      body { padding: 16px; }
+      .card { padding: 26px 22px; border-radius: 20px; }
+      .brand { margin-bottom: 28px; }
+    }
+    @media (prefers-reduced-motion: no-preference) {
+      .card { animation: enter 420ms cubic-bezier(.2, .75, .25, 1) both; }
+      .status-icon { animation: settle 520ms 160ms cubic-bezier(.2, .8, .25, 1.25) both; }
+      @keyframes enter { from { opacity: 0; transform: translateY(10px) scale(.985); } }
+      @keyframes settle { from { opacity: 0; transform: scale(.65); } }
+    }
+  </style>
+</head>
+<body>
+  <div class="glow glow-one"></div>
+  <div class="glow glow-two"></div>
+  <main class="card">
+    <div class="brand">
+      <svg class="logo" viewBox="0 0 72 72" aria-hidden="true">
+        <rect width="72" height="72" rx="20" fill="#3a6bff" />
+        <path d="M22 22l28 28M50 22 22 50" stroke="#fff" stroke-width="8" stroke-linecap="round" />
+      </svg>
+      <span>XOPC</span>
+    </div>
+    <div class="status">
+      <svg class="status-icon" viewBox="0 0 24 24" aria-hidden="true">${tone === "success" ? "<path d=\"m7.5 12 3 3 6-7\" />" : "<path d=\"M12 8v5m0 3.5v.01\" />"}</svg>
+      <span>${tone === "success" ? "Authorization successful" : "Authorization needs attention"}</span>
+    </div>
+    <h1>${safeTitle}</h1>
+    <p class="message">${safeMessage}</p>
+    <div class="next-step">
+      <svg class="window-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M3 9h18" /></svg>
+      <span>You can safely close this window and return to XOPC.</span>
+    </div>
+  </main>
+</body>
+</html>`;
 }
 async function loginWithBrowser(callbacks) {
 	if (callbacks.signal?.aborted) throw callbacks.signal.reason instanceof Error ? callbacks.signal.reason : /* @__PURE__ */ new Error("XOPC OAuth login cancelled");
@@ -49,7 +205,7 @@ async function loginWithBrowser(callbacks) {
 			const url = new URL(request.url ?? "", "http://127.0.0.1");
 			if (url.pathname !== CALLBACK_PATH) {
 				response.statusCode = 404;
-				response.end(callbackHtml("Authorization callback not found", "This is not a valid XOPC OAuth callback URL."));
+				response.end(callbackHtml("Authorization callback not found", "This is not a valid XOPC OAuth callback URL.", "error"));
 				return;
 			}
 			const returnedState = url.searchParams.get("state");
@@ -58,24 +214,24 @@ async function loginWithBrowser(callbacks) {
 			if (returnedState !== state) {
 				const error = /* @__PURE__ */ new Error("XOPC OAuth state mismatch");
 				response.statusCode = 400;
-				response.end(callbackHtml("Authorization failed", error.message));
+				response.end(callbackHtml("Authorization failed", error.message, "error"));
 				settle?.({ error });
 				return;
 			}
 			if (oauthError || !code) {
 				const error = /* @__PURE__ */ new Error(oauthError === "access_denied" ? "XOPC OAuth authorization was denied" : "XOPC OAuth callback did not include an authorization code");
 				response.statusCode = 400;
-				response.end(callbackHtml("Authorization failed", error.message));
+				response.end(callbackHtml("Authorization failed", error.message, "error"));
 				settle?.({ error });
 				return;
 			}
 			response.statusCode = 200;
-			response.end(callbackHtml("Authorization complete", "XOPC received the authorization callback successfully."));
+			response.end(callbackHtml("Authorization complete", "XOPC received the authorization callback successfully.", "success"));
 			settle?.({ code });
 		} catch {
 			const error = /* @__PURE__ */ new Error("XOPC OAuth callback could not be processed");
 			response.statusCode = 500;
-			response.end(callbackHtml("Authorization failed", error.message));
+			response.end(callbackHtml("Authorization failed", error.message, "error"));
 			settle?.({ error });
 		}
 	});

package/dist/src/gateway/heartbeat/service.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { createLogger } from "../../utils/logger/index.js";
 import { init_logger } from "../../utils/logger.js";
 import { shouldSilence, stripHeartbeatToken } from "../../heartbeat/tokens.js";
-import { appendCronEventLines } from "../../heartbeat/event-prompt.js";
 import { isWithinActiveHours } from "../../heartbeat/active-hours.js";
 import { isHeartbeatContentEmpty } from "../../heartbeat/content-check.js";
+import { appendCronEventLines } from "../../heartbeat/event-prompt.js";
 import { createHeartbeatWake } from "../../heartbeat/wake.js";
 import { resolveHeartbeatMdPath } from "../workspace-heartbeat-path.js";
 import { readFile } from "fs/promises";

package/dist/src/gateway/hono/routes/workflows.js CHANGED Viewed

@@ -7,9 +7,9 @@ import { messagesToClientHistory } from "../../../session/client-history.js";
 import "../../../workflows/domain/index.js";
 import { resolveWorkflowRunArtifactsDir } from "../../../workflows/store/paths.js";
 import { WorkflowDraftService } from "../../../workflows/draft/workflow-draft-service.js";
-import "../../../workflows/draft/index.js";
 import { WorkflowDraftConflictError, WorkflowDraftStore } from "../../../workflows/authoring/workflow-draft-store.js";
 import "../../../workflows/authoring/index.js";
+import "../../../workflows/draft/index.js";
 import { basename, join } from "node:path";
 import { readFile, stat } from "node:fs/promises";
 //#region src/gateway/hono/routes/workflows.ts

package/dist/src/gateway/service/run-gateway-agent.js CHANGED Viewed

@@ -33,6 +33,7 @@ async function* runGatewayAgent(deps, message, channel, chatId, origin, attachme
 	let taskRun;
 	let taskRunStatus = "failed";
 	let taskRunSummary = "Agent run ended unexpectedly";
+	let terminalStatus = "error";
 	let webchatSessionKey;
 	let webchatSessionId;
 	let webchatMetadata;
@@ -107,8 +108,8 @@ async function* runGatewayAgent(deps, message, channel, chatId, origin, attachme
 			yield event;
 		}
 	};
-	yield* emitAndYield(mapper.start());
 	try {
+		yield* emitAndYield(mapper.start());
 		if (channel === "webchat" && webchatSessionKey) {
 			const sessionKey = webchatSessionKey;
 			updateAsyncLogContext({
@@ -139,16 +140,10 @@ async function* runGatewayAgent(deps, message, channel, chatId, origin, attachme
 				const endStatus = mergedSignal.aborted ? "cancelled" : "success";
 				const endSummary = mergedSignal.aborted ? "Interrupted" : "Message processed successfully";
 				taskRunStatus = mergedSignal.aborted ? "cancelled" : "succeeded";
+				terminalStatus = endStatus;
 				taskRunSummary = endSummary;
 				yield* emitAndYield(mapper.end(endStatus, endSummary));
 				completeRealtimeTopic(`run:${runId}`);
-				try {
-					const metaAfter = await sessionIndex.getSessionMetadata(sessionKey);
-					if (metaAfter?.name) emit("session.updated", {
-						key: sessionKey,
-						name: metaAfter.name
-					});
-				} catch {}
 				return {
 					status: mergedSignal.aborted ? "aborted" : "ok",
 					summary: mergedSignal.aborted ? "Interrupted" : "Message processed successfully"
@@ -165,6 +160,7 @@ async function* runGatewayAgent(deps, message, channel, chatId, origin, attachme
 				}, `Agent processing failed: ${em}`);
 				streamError = em;
 				taskRunStatus = "failed";
+				terminalStatus = "error";
 				taskRunSummary = em;
 				const errorContent = formatAgentRunErrorForClient(streamError);
 				yield* emitAndYield(mapper.error(errorContent));
@@ -278,6 +274,23 @@ async function* runGatewayAgent(deps, message, channel, chatId, origin, attachme
 				runId
 			}, `Task run finalization failed: ${errorMessage}`);
 		}
+		if (webchatSessionKey) {
+			const metaAfter = await sessionIndex.getSessionMetadata(webchatSessionKey).catch(() => void 0);
+			if (metaAfter?.name) emit("session.updated", {
+				key: webchatSessionKey,
+				name: metaAfter.name
+			});
+			emit("agent.run.ended", {
+				schemaVersion: 1,
+				runId,
+				sessionKey: webchatSessionKey,
+				status: terminalStatus,
+				completedAtMs: Date.now(),
+				route: `/chat/${encodeURIComponent(webchatSessionKey)}`,
+				source: "webchat",
+				...metaAfter?.name?.trim() ? { sessionTitle: metaAfter.name.trim().slice(0, 100) } : {}
+			});
+		}
 	}
 }
 //#endregion

package/dist/src/heartbeat/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { DEFAULT_ACK_MAX_CHARS, HEARTBEAT_OK, NO_REPLY, shouldSilence, stripHeartbeatToken } from "./tokens.js";
-import { appendCronEventLines } from "./event-prompt.js";
 import { isWithinActiveHours } from "./active-hours.js";
 import { isHeartbeatContentEmpty } from "./content-check.js";
+import { appendCronEventLines } from "./event-prompt.js";
 import { createHeartbeatWake } from "./wake.js";
 export { DEFAULT_ACK_MAX_CHARS, HEARTBEAT_OK, NO_REPLY, appendCronEventLines, createHeartbeatWake, isHeartbeatContentEmpty, isWithinActiveHours, shouldSilence, stripHeartbeatToken };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@xopcai/xopc",
-  "version": "0.0.192",
+  "version": "0.0.193",
   "description": "Local-first AI system that remembers context, coordinates AI, and sustains long-term progress.",
   "type": "module",
   "main": "dist/src/index.js",
@@ -162,10 +162,10 @@
     "vitepress": "^1.6.4",
     "vitest": "4.1.5",
     "vue": "^3.5.35",
+    "@xopcai/gateway-contract": "0.0.0",
     "@xopcai/endpoint-tools-protocol": "0.0.0",
-    "@xopcai/realtime-protocol": "0.0.0",
     "@xopcai/realtime-client": "0.0.0",
-    "@xopcai/gateway-contract": "0.0.0"
+    "@xopcai/realtime-protocol": "0.0.0"
   },
   "scripts": {
     "assets:brand": "node scripts/generate-brand-assets.mjs",