@lightworkai.official/debug-capture 0.19.2 → 0.19.4

package/dist/live.d.ts

@@ -1,6 +1,8 @@
 export interface RingingCall {
     id: string;
-    ticketId: string;
+    /** A เรื่อง's call — or a chat's (โทรจากแชท, 0.19.4): then `chatId`, and the key "แชท". */
+    ticketId: string | null;
+    chatId?: string | null;
     ticketKey: string;
     ticketTitle: string;
     status: string;
@@ -10,7 +12,7 @@ export interface RingingCall {
 /** `wss://support.example/api/presence/ws?t=…` — the support host's scheme, the socket's own path. Pure, for the tests. */
 export declare function liveSocketUrl(host: string, ticket: string): string;
 /** Where the card sends them: their request, with the call — the support host rings it there. Pure, for the tests. */
-export declare function answerPath(call: Pick<RingingCall, "id" | "ticketId">): string;
+export declare function answerPath(call: Pick<RingingCall, "id" | "ticketId" | "chatId">): string;
 /** Is this a call ringing for the person at this widget? */
 export declare function ringsHere(call: Pick<RingingCall, "status" | "side">): boolean;
 type LiveFrame = {

package/dist/ui/chatBubble.d.ts

@@ -1,5 +1,7 @@
 /** The panel's address: the support host's page, told the realm, signing in by hand-off (no token in the address). */
 export declare function supportFrameUrl(host: string, realmKey: string): string;
+/** Where the panel's เปิดในระบบแจ้งปัญหา may land: the person's chat or their เรื่อง — anything else, their chat. Pure. */
+export declare function portalPath(path: string): string;
 /** The desk's face on the button — the support host's public file, the same picture as its replies (0.19.2). */
 export declare function supportFaceUrl(host: string): string;
 /**

package/dist/ui/ring.d.ts

@@ -2,6 +2,8 @@ export interface RingCall {
     id: string;
     ticketKey: string;
     ticketTitle: string;
+    /** A chat's call (โทรจากแชท, 0.19.4) — said as แชทกับทีมงาน, never "เรื่อง แชท". */
+    chatId?: string | null;
 }
 export interface RingHandlers {
     /** The portal's way: runs INSIDE the press — a tab can be opened only there, before anything is awaited. */
@@ -14,8 +16,8 @@ export interface RingHandlers {
 }
 /** `frame`: the call's own card while its frame comes; `portal`: answer in a new tab (no frame, or it failed). */
 export type RingMode = "frame" | "portal";
-/** "เรื่อง CALL-12 · title" — the line under the card's title. Pure, for the tests. */
-export declare function ringAbout(template: string, call: RingCall): string;
+/** "เรื่อง CALL-12 · title" — the line under the card's title; a chat's call, its own words (`chat`). Pure, for the tests. */
+export declare function ringAbout(template: string, call: RingCall, chat?: string): string;
 /** Show the ring for this call — once; the same call again changes nothing. */
 export declare function showRing(call: RingCall, handlers: RingHandlers, mode?: RingMode): void;
 /** รับสาย pressed while the call's frame comes: said, and nothing more to press until it is there. */

package/dist/ui/strings.d.ts

@@ -106,6 +106,8 @@ export interface Strings {
     /** A call from the support team (ui/ring). `ringAbout` carries `{key}` and `{title}`. */
     ringTitle: string;
     ringAbout: string;
+    /** A call from the chat, not a เรื่อง (โทรจากแชท, 0.19.4) — the line under the card's title. */
+    ringChat: string;
     ringHow: string;
     ringOpen: string;
     ringDecline: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightworkai.official/debug-capture",
-  "version": "0.19.2",
+  "version": "0.19.4",
   "description": "Report-a-problem widget: rolling network/console/action capture, optional rrweb session replay, annotated screenshot, and submission to a Lightwork Support host",
   "type": "module",
   "module": "./dist/index.mjs",

package/src/live.ts

@@ -31,7 +31,9 @@ import { inkOnPage, removeInkLayer } from "./ui/inkOverlay";
 
 export interface RingingCall {
   id: string;
-  ticketId: string;
+  /** A เรื่อง's call — or a chat's (โทรจากแชท, 0.19.4): then `chatId`, and the key "แชท". */
+  ticketId: string | null;
+  chatId?: string | null;
   ticketKey: string;
   ticketTitle: string;
   status: string;
@@ -65,7 +67,9 @@ export function liveSocketUrl(host: string, ticket: string): string {
 }
 
 /** Where the card sends them: their request, with the call — the support host rings it there. Pure, for the tests. */
-export function answerPath(call: Pick<RingingCall, "id" | "ticketId">): string {
+export function answerPath(call: Pick<RingingCall, "id" | "ticketId" | "chatId">): string {
+  // A chat's call (0.19.4): their chat with the team, where it rings.
+  if (call.chatId || !call.ticketId) return `/me/chat?call=${call.id}`;
   return `/me/tickets/${call.ticketId}?call=${call.id}`;
 }
 

package/src/ui/chatBubble.ts

@@ -15,6 +15,7 @@
  */
 import { chatPlace, getConfig } from "../config";
 import { hostToken, onLiveFrame } from "../live";
+import { openSupportPortal } from "../portal";
 import { launch } from "../reporter";
 import { followHostFont, OWN_FONTS } from "./hostFont";
 import { strings } from "./strings";
@@ -110,6 +111,10 @@ export function supportFrameUrl(host: string, realmKey: string): string {
   url.searchParams.set("hand", "1");
   return url.toString();
 }
+/** Where the panel's เปิดในระบบแจ้งปัญหา may land: the person's chat or their เรื่อง — anything else, their chat. Pure. */
+export function portalPath(path: string): string {
+  return /^\/me\/(?:chat|tickets(?:\/[\w-]{1,64})?)$/.test(path) ? path : "/me/chat";
+}
 /** The desk's face on the button — the support host's public file, the same picture as its replies (0.19.2). */
 export function supportFaceUrl(host: string): string {
   return new URL("support-face.webp", base(host)).toString();
@@ -389,11 +394,18 @@ function post(message: Record<string, unknown>): void {
 
 async function onFrame(e: MessageEvent): Promise<void> {
   if (!frame || e.source !== frame.contentWindow) return;
-  const d = e.data as { source?: unknown; type?: unknown; total?: unknown; phase?: unknown; x?: unknown; y?: unknown } | null;
+  const d = e.data as { source?: unknown; type?: unknown; total?: unknown; phase?: unknown; x?: unknown; y?: unknown; path?: unknown } | null;
   if (!d || d.source !== FRAME) return;
   if (d.type === "hello") {
     const token = await hostToken();
-    if (token) post({ type: "token", token });
+    // What this widget does for the panel — it shows only buttons that work here (0.19.3: the portal hand-off).
+    if (token) post({ type: "token", token, can: ["portal"] });
+    return;
+  }
+  if (d.type === "portal") {
+    // เปิดในระบบแจ้งปัญหา: the whole portal at that page, by the usual hand-off — its countdown over the open panel,
+    // a fresh sign-in, a new tab. Only the reporter's own pages; the portal checks again on arrival.
+    void openSupportPortal({ returnTo: portalPath(typeof d.path === "string" ? d.path : "") });
     return;
   }
   if (d.type === "ready") return post({ type: isOpen ? "shown" : "hidden" });

package/src/ui/ring.ts

@@ -87,6 +87,8 @@ export interface RingCall {
   id: string;
   ticketKey: string;
   ticketTitle: string;
+  /** A chat's call (โทรจากแชท, 0.19.4) — said as แชทกับทีมงาน, never "เรื่อง แชท". */
+  chatId?: string | null;
 }
 
 export interface RingHandlers {
@@ -106,8 +108,9 @@ let host: HTMLElement | null = null;
 let shownId: string | null = null;
 let titleBefore: string | null = null;
 
-/** "เรื่อง CALL-12 · title" — the line under the card's title. Pure, for the tests. */
-export function ringAbout(template: string, call: RingCall): string {
+/** "เรื่อง CALL-12 · title" — the line under the card's title; a chat's call, its own words (`chat`). Pure, for the tests. */
+export function ringAbout(template: string, call: RingCall, chat?: string): string {
+  if (call.chatId) return chat ?? call.ticketTitle;
   return template.replace("{key}", call.ticketKey).replace("{title}", call.ticketTitle);
 }
 
@@ -164,7 +167,7 @@ function render(root: ShadowRoot, call: RingCall, handlers: RingHandlers, mode:
   h.textContent = s.ringTitle;
   const about = document.createElement("p");
   about.className = "about";
-  about.textContent = ringAbout(s.ringAbout, call);
+  about.textContent = ringAbout(s.ringAbout, call, s.ringChat);
   about.title = about.textContent;
   words.append(h, about);
   head.append(icon, words);

package/src/ui/strings.ts

@@ -111,6 +111,8 @@ export interface Strings {
   /** A call from the support team (ui/ring). `ringAbout` carries `{key}` and `{title}`. */
   ringTitle: string;
   ringAbout: string;
+  /** A call from the chat, not a เรื่อง (โทรจากแชท, 0.19.4) — the line under the card's title. */
+  ringChat: string;
   ringHow: string;
   ringOpen: string;
   ringDecline: string;
@@ -211,6 +213,7 @@ const th: Strings = {
   hours: "{n} ชั่วโมง",
   ringTitle: "ทีมงานกำลังโทรหาคุณ",
   ringAbout: "เรื่อง {key} · {title}",
+  ringChat: "จากแชทกับทีมงาน",
   ringHow: "รับสายในหน้าคำร้องของคุณ — เปิดในแท็บใหม่ ไม่ต้องเข้าสู่ระบบอีก",
   ringOpen: "เปิดเพื่อรับสาย",
   ringDecline: "ไม่รับ",
@@ -306,6 +309,7 @@ const en: Strings = {
   hours: "{n} hours",
   ringTitle: "The support team is calling you",
   ringAbout: "About {key} · {title}",
+  ringChat: "From your chat with support",
   ringHow: "Answer on your request's page — it opens in a new tab, already signed in",
   ringOpen: "Open to answer",
   ringDecline: "Decline",