@unhingged/vizu-core 0.1.15 → 0.1.17

package/dist/index.cjs

@@ -122,6 +122,9 @@ function renderAttachmentsHtml(attachments) {
 function migrateComment(raw) {
   if (!raw || typeof raw !== "object") return raw;
   const next = { ...raw };
+  if (next.id == null && next._id != null) {
+    next.id = next._id;
+  }
   if (!Array.isArray(next.fingerprints) || next.fingerprints.length === 0) {
     if (next.fingerprint) {
       next.fingerprints = [next.fingerprint];
@@ -3378,6 +3381,10 @@ var STYLES = `
   pointer-events: none;
   z-index: 1;
 }
+/* Opt-in only during an active dragover. The explicit display:flex
+ * above out-specifics the browser default for [hidden], so we restate
+ * the hide rule here to make the attribute toggle effective. */
+.vz-attachment-drop-hint[hidden] { display: none; }
 
 /* Pending attachments (uploaded but not yet saved) */
 .vz-attachment-list {
@@ -3774,10 +3781,25 @@ var Vizu = class {
   /**
    * Fetch the list of users who can be @-mentioned on the current
    * workspace. Used by the popover's mention dropdown; hosts can also
-   * call this directly to build their own picker. Returns [] for
-   * non-cloud adapters (no workspace, no member list to fetch from).
+   * call this directly to build their own picker.
+   *
+   * Resolution order:
+   *   1. `options.mentionable` if provided — host-supplied static or
+   *      custom resolver. Wins over everything else.
+   *   2. Cloud adapter's API call if running cloud mode.
+   *   3. Empty array (non-cloud, no override).
    */
   async searchMentionable() {
+    if (this.opts.mentionable) {
+      try {
+        return await this.opts.mentionable();
+      } catch (err) {
+        if (typeof console !== "undefined") {
+          console.warn("[vizu] options.mentionable threw", err);
+        }
+        return [];
+      }
+    }
     if (this.storage instanceof CloudStorageAdapter) {
       return this.storage.searchMentionable();
     }
@@ -4298,10 +4320,26 @@ var Vizu = class {
     this.refreshUi();
   }
   async removeComment(id) {
-    const comment = this.comments.find((c) => c.id === id);
-    if (!comment) return;
+    const idx = this.comments.findIndex((c) => c.id === id);
+    if (idx === -1) return;
+    const comment = this.comments[idx];
     this.comments = this.comments.filter((c) => c.id !== id);
-    await this.storage.removeComment(this.opts.namespace, id);
+    try {
+      await this.storage.removeComment(this.opts.namespace, id);
+    } catch (err) {
+      this.comments.splice(idx, 0, comment);
+      const status = err?.status;
+      const code = err?.code ?? "";
+      const msg = status === 403 || code === "forbidden" ? "Delete failed \u2014 you don't have permission." : status === 401 || code === "auth_required" ? "Delete failed \u2014 please sign in again." : "Delete failed. Please try again.";
+      this.pill?.toast(msg);
+      if (this.popover?.isOpen()) {
+        const anchors = this.popover.getAnchors();
+        if (anchors[0]) this.popover.update(this.commentsForElement(anchors[0]));
+      }
+      this.refreshUi();
+      if (typeof console !== "undefined") console.warn("[vizu] removeComment failed", err);
+      return;
+    }
     this.bus.emit("comment:removed", { id, comment });
     if (this.popover?.isOpen()) {
       const anchors = this.popover.getAnchors();