@invergent/website-widget 2.7.8 → 2.8.0

package/dist/ui.cjs

@@ -16,6 +16,8 @@ var PATH_BOOTSTRAP = "/v1/website/sessions";
 var PATH_MESSAGES = (sessionId) => `/v1/website/sessions/${sessionId}/messages`;
 var PATH_EVENTS = (sessionId, after) => `/v1/website/sessions/${sessionId}/events?after=${after}`;
 var PATH_END = (sessionId) => `/v1/website/sessions/${sessionId}/end`;
+var PATH_PAIRING = (key) => `/api/widget/p/${encodeURIComponent(key)}`;
+var DEFAULT_PAIRING_BASE = "https://api.surogate.ai";
 var SURG_EVENT = {
   USER_MESSAGE: "user.message",
   LLM_REQUEST: "llm.request",
@@ -81,6 +83,34 @@ var SurogatesNetworkError = class extends SurogatesError {
 };
 
 // src/protocol.ts
+async function resolvePairing(pairingBase, publishableKey, doFetchImpl = fetch) {
+  const url = pairingBase.replace(/\/+$/, "") + PATH_PAIRING(publishableKey);
+  let response;
+  try {
+    response = await doFetchImpl(url, { method: "GET" });
+  } catch (cause) {
+    throw new SurogatesNetworkError("Widget pairing request failed", { cause });
+  }
+  if (!response.ok) {
+    throw new SurogatesAuthError("Unknown or inactive widget key", {
+      status: response.status
+    });
+  }
+  let body;
+  try {
+    body = await response.json();
+  } catch (cause) {
+    throw new SurogatesProtocolError("Pairing returned a non-JSON body", {
+      cause
+    });
+  }
+  if (typeof body?.agent_id !== "string" || typeof body?.api_web_url !== "string") {
+    throw new SurogatesProtocolError(
+      "Pairing response missing agent_id / api_web_url"
+    );
+  }
+  return { agentId: body.agent_id, apiWebUrl: body.api_web_url };
+}
 function withAgentId(path, agentId) {
   if (!agentId) return path;
   const sep = path.includes("?") ? "&" : "?";
@@ -795,6 +825,7 @@ var WIDGET_STYLES = `
   border-radius: 6px;
 }
 .surg-close:hover { opacity: 1; background: rgba(255, 255, 255, 0.18); }
+.surg-close svg { width: 18px; height: 18px; }
 
 .surg-messages {
   flex: 1;
@@ -912,6 +943,8 @@ var WIDGET_STYLES = `
   padding: 0 0 8px;
   background: #ffffff;
 }
+.surg-powered a { color: inherit; font-weight: 500; text-decoration: none; }
+.surg-powered a:hover { text-decoration: underline; }
 `;
 
 // src/ui/markdown.ts
@@ -1149,7 +1182,11 @@ function Widget({ agent, config, registerOpenControl, onOpenChange }) {
       ),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", class: "surg-send", "aria-label": "Send", disabled: running || !input.trim(), onClick: send, children: ICON_SEND })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { class: "surg-powered", children: "Powered by Surogate" })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { class: "surg-powered", children: [
+      "Powered by",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: "https://surogate.ai/", target: "_blank", rel: "noopener noreferrer", children: "Surogate" })
+    ] })
   ] });
 }
 var DEFAULT_ACCENT = "#4f46e5";
@@ -1163,6 +1200,21 @@ function accentForeground(hex) {
   const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
   return luminance > 0.62 ? "#0f172a" : "#ffffff";
 }
+async function mountWithPairing(config) {
+  if (config?.apiUrl) {
+    return mount(config);
+  }
+  if (!config?.publishableKey) {
+    throw new Error(
+      'SurogatesWidget.mountWithPairing: "publishableKey" is required.'
+    );
+  }
+  const { agentId, apiWebUrl } = await resolvePairing(
+    config.pairingUrl ?? DEFAULT_PAIRING_BASE,
+    config.publishableKey
+  );
+  return mount({ ...config, apiUrl: apiWebUrl, agentId });
+}
 function mount(config) {
   if (!config || !config.apiUrl || !config.publishableKey) {
     throw new Error(
@@ -1250,5 +1302,6 @@ function mount(config) {
 }
 
 exports.mount = mount;
+exports.mountWithPairing = mountWithPairing;
 //# sourceMappingURL=ui.cjs.map
 //# sourceMappingURL=ui.cjs.map