@unhingged/vizu-core 0.1.14 → 0.1.15

package/dist/index.js

@@ -3236,7 +3236,9 @@ var STYLES = `
 .vz-ref:hover { background: color-mix(in srgb, var(--vz-accent) 30%, var(--vz-bg-hover)); transform: translateY(-1px); }
 .vz-ref::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--vz-accent); flex-shrink: 0; }
 
-/* Inline @mention chip (rendered inside displayed comments) */
+/* Inline @mention chip (rendered inside displayed comments). user-select
+ * prevents the user from selecting the chip's text and editing it; the
+ * displayed comment is intentionally read-only after save. */
 .vz-mention {
   display: inline-flex; align-items: center;
   padding: 1px 8px 1px 8px;
@@ -3246,13 +3248,21 @@ var STYLES = `
   font-size: 12px; font-weight: 600;
   vertical-align: baseline;
   margin: 0 1px;
+  user-select: none;
+  -webkit-user-select: none;
+  cursor: default;
 }
 
-/* Mention chip inside the editor (contenteditable=false token) */
+/* Mention chip inside the editor (contenteditable=false token). Same
+ * non-selection rules as .vz-mention so the chip stays atomic even
+ * inside the editable surface \u2014 caret can land before/after but not
+ * inside, no partial-text edit. */
 .vz-chip-mention {
   background: color-mix(in srgb, var(--vz-accent) 16%, var(--vz-bg-hover));
   color: var(--vz-accent);
   font-weight: 600;
+  user-select: none;
+  -webkit-user-select: none;
 }
 .vz-chip-mention::before { display: none; }
 
@@ -3946,10 +3956,29 @@ var Vizu = class {
       replies: [...this.comments[idx].replies ?? [], reply]
     };
     this.comments[idx] = updated;
-    if (this.storage.addReply) {
-      await this.storage.addReply(this.opts.namespace, commentId, reply);
-    } else {
-      await this.storage.updateComment(this.opts.namespace, commentId, { replies: updated.replies });
+    try {
+      if (this.storage.addReply) {
+        await this.storage.addReply(this.opts.namespace, commentId, reply);
+      } else {
+        await this.storage.updateComment(this.opts.namespace, commentId, { replies: updated.replies });
+      }
+    } catch (err) {
+      const cur = this.comments[idx];
+      this.comments[idx] = {
+        ...cur,
+        replies: (cur.replies ?? []).filter((r) => r.id !== reply.id)
+      };
+      const code = err?.code ?? "";
+      const status = err?.status;
+      const msg = status === 403 || code === "forbidden" ? "Reply failed \u2014 you don't have permission." : status === 401 || code === "auth_required" ? "Reply failed \u2014 please sign in again." : "Reply failed. Please try again.";
+      this.pill?.toast(msg);
+      this.refreshUi();
+      if (this.popover?.isOpen()) {
+        const anchors = this.popover.getAnchors();
+        if (anchors[0]) this.popover.update(this.commentsForElement(anchors[0]));
+      }
+      if (typeof console !== "undefined") console.warn("[vizu] addReply failed", err);
+      return null;
     }
     this.bus.emit("comment:updated", { comment: updated });
     this.refreshUi();