@tmls-ai/support 0.1.2 → 0.1.4

package/dist/index.js

@@ -116,6 +116,7 @@ function SupportWidget(props) {
   const [message, setMessage] = useState("");
   const [withShot, setWithShot] = useState(true);
   const [shotPreview, setShotPreview] = useState(null);
+  const [capturing, setCapturing] = useState(false);
   const [sending, setSending] = useState(false);
   const [lastTicket, setLastTicket] = useState(null);
   const [threads, setThreads] = useState([]);
@@ -128,6 +129,12 @@ function SupportWidget(props) {
     installErrorCapture();
   }, []);
   const captureShot = useCallback(async () => {
+    setCapturing(true);
+    await new Promise((resolve) => {
+      const ric = window.requestIdleCallback;
+      if (ric) ric(() => resolve(), { timeout: 600 });
+      else setTimeout(resolve, 150);
+    });
     try {
       const root = document.documentElement;
       const blob = await domToBlob(root, {
@@ -135,11 +142,16 @@ function SupportWidget(props) {
         scale: 0.75,
         width: root.clientWidth || window.innerWidth,
         height: root.clientHeight || window.innerHeight,
+        // Keep scrolled containers (chat log, lists) at their on-screen scroll
+        // position instead of snapping back to the top in the clone.
+        features: { restoreScrollPosition: true },
         filter: (node) => !(node instanceof HTMLElement && node.dataset.tmlsSupportRoot === "true")
       });
       setShotPreview(URL.createObjectURL(blob));
       captureShot._blob = blob;
     } catch {
+    } finally {
+      setCapturing(false);
     }
   }, []);
   const submit = useCallback(async () => {
@@ -147,6 +159,7 @@ function SupportWidget(props) {
     setSending(true);
     try {
       let attachmentKeys = [];
+      if (withShot && !captureShot._blob) await captureShot();
       const blob = withShot ? captureShot._blob : void 0;
       if (blob) {
         try {
@@ -256,6 +269,7 @@ function SupportWidget(props) {
             } }),
             "Attach a screenshot"
           ] }),
+          withShot && capturing && !shotPreview && /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "#8a8a92", padding: "10px 0", textAlign: "center" }, children: "Capturing screenshot\u2026" }),
           shotPreview && /* @__PURE__ */ jsx("img", { src: shotPreview, alt: "", style: { width: "100%", borderRadius: 8, border: "0.5px solid #3a3a42" } }),
           /* @__PURE__ */ jsx("button", { onClick: submit, disabled: !message.trim() || sending, style: { ...primary(accent), opacity: !message.trim() || sending ? 0.5 : 1 }, children: sending ? "Sending\u2026" : "Send report" })
         ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tmls-ai/support",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Embeddable Timeless support widget — bottom-right report overlay (type / severity / screenshot) + ticket thread. Auto-captures context, talks to tmls-support-api.",
   "license": "UNLICENSED",
   "type": "module",