@mhosaic/feedback 0.15.1 → 0.15.3

package/dist/{chunk-3YLD2AJI.mjs → chunk-SRAA5JQN.mjs}

@@ -650,6 +650,12 @@ var DEFAULT_STRINGS = {
   "detail.compose_sending": "Sending\u2026",
   "detail.close_cta": "Mark as resolved",
   "detail.close_busy": "Marking\u2026",
+  "detail.teammate_notice": "Viewing a teammate\u2019s report \u2014 replies are private to the submitter.",
+  "detail.load_failed.title": "Report not available",
+  "detail.load_failed.body": "It may have been deleted, or you no longer have access to it.",
+  "detail.load_failed.cta": "Back",
+  "detail.send_failed": "Couldn\u2019t send your reply. Try again.",
+  "detail.close_failed": "Couldn\u2019t mark as resolved. Try again.",
   "detail.history": "Status history",
   "detail.context.submitted_at": "Submitted",
   "detail.context.page": "Page",
@@ -783,6 +789,12 @@ var FRENCH_STRINGS = {
   "detail.compose_sending": "Envoi\u2026",
   "detail.close_cta": "Marquer comme r\xE9solu",
   "detail.close_busy": "Validation\u2026",
+  "detail.teammate_notice": "Vous consultez le rapport d\u2019un co\xE9quipier \u2014 les r\xE9ponses sont priv\xE9es au soumetteur.",
+  "detail.load_failed.title": "Rapport indisponible",
+  "detail.load_failed.body": "Il a peut-\xEAtre \xE9t\xE9 supprim\xE9, ou vous n\u2019y avez plus acc\xE8s.",
+  "detail.load_failed.cta": "Retour",
+  "detail.send_failed": "Impossible d\u2019envoyer votre r\xE9ponse. R\xE9essayez.",
+  "detail.close_failed": "Impossible de marquer comme r\xE9solu. R\xE9essayez.",
   "detail.history": "Historique du statut",
   "detail.context.submitted_at": "Envoy\xE9",
   "detail.context.page": "Page",
@@ -930,8 +942,9 @@ function ReportDetailView({
       setDetail(next);
       setError(null);
     } catch (err) {
+      if (typeof console !== "undefined") console.warn("[mhosaic] getReport:", err);
       if (!mountedRef.current) return;
-      setError(err instanceof Error ? err.message : "load_failed");
+      setError("load_failed");
     }
   };
   useEffect(() => {
@@ -958,8 +971,9 @@ function ReportDetailView({
       );
       void fetchDetail();
     } catch (err) {
+      if (typeof console !== "undefined") console.warn("[mhosaic] addComment:", err);
       if (!mountedRef.current) return;
-      setError(err instanceof Error ? err.message : "comment_failed");
+      setError(strings["detail.send_failed"]);
     } finally {
       if (mountedRef.current) setSending(false);
     }
@@ -972,8 +986,10 @@ function ReportDetailView({
       if (!mountedRef.current) return;
       setDetail(next);
     } catch (err) {
+      if (typeof console !== "undefined")
+        console.warn("[mhosaic] closeAsResolved:", err);
       if (!mountedRef.current) return;
-      setError(err instanceof Error ? err.message : "close_failed");
+      setError(strings["detail.close_failed"]);
     } finally {
       if (mountedRef.current) setClosing(false);
     }
@@ -982,9 +998,18 @@ function ReportDetailView({
     return /* @__PURE__ */ jsx2("div", { class: "mine-loading", children: strings["mine.loading"] });
   }
   if (!detail) {
-    return /* @__PURE__ */ jsx2("div", { class: "error", role: "alert", children: error });
+    return /* @__PURE__ */ jsxs2("div", { class: "report-detail-empty-state", role: "alert", children: [
+      /* @__PURE__ */ jsx2("p", { class: "report-detail-empty-state-title", children: strings["detail.load_failed.title"] }),
+      /* @__PURE__ */ jsx2("p", { class: "report-detail-empty-state-body", children: strings["detail.load_failed.body"] }),
+      /* @__PURE__ */ jsxs2("button", { type: "button", class: "btn", onClick: onBack, children: [
+        "\u2190 ",
+        strings["detail.load_failed.cta"]
+      ] })
+    ] });
   }
-  const showCloseCta = canModerate && detail.status === "awaiting_validation";
+  const isMine = detail.is_mine ?? canModerate;
+  const showCloseCta = isMine && detail.status === "awaiting_validation";
+  const showComposeBox = isMine;
   return /* @__PURE__ */ jsxs2("div", { class: `report-detail variant-${variant}`, children: [
     variant === "modal" && /* @__PURE__ */ jsxs2("div", { class: "report-detail-header", children: [
       /* @__PURE__ */ jsxs2("button", { type: "button", class: "btn", onClick: onBack, children: [
@@ -1029,7 +1054,7 @@ function ReportDetailView({
       detail.comments.length === 0 ? /* @__PURE__ */ jsx2("p", { class: "report-detail-empty", children: strings["detail.no_replies"] }) : /* @__PURE__ */ jsx2("ul", { class: "report-comments", children: detail.comments.map((c) => /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsx2(CommentBubble, { comment: c, strings }) })) }),
       detail.status_history && detail.status_history.length > 0 && /* @__PURE__ */ jsx2(StatusHistorySection, { rows: detail.status_history, strings }),
       detail.technical_context && /* @__PURE__ */ jsx2(TechnicalContextDrawer, { ctx: detail.technical_context, strings }),
-      /* @__PURE__ */ jsxs2("div", { class: "report-compose", children: [
+      showComposeBox ? /* @__PURE__ */ jsxs2("div", { class: "report-compose", children: [
         /* @__PURE__ */ jsx2(
           "textarea",
           {
@@ -1061,7 +1086,13 @@ function ReportDetailView({
             }
           )
         ] })
-      ] }),
+      ] }) : (
+        // Teammate is reading a project-wide row. Replies are private
+        // to the submitter, so we hide the compose box entirely (action
+        // is genuinely unavailable) and surface a short notice so the
+        // viewer understands why.
+        /* @__PURE__ */ jsx2("p", { class: "report-detail-teammate-notice", role: "note", children: strings["detail.teammate_notice"] })
+      ),
       error && /* @__PURE__ */ jsx2("div", { class: "error", children: error })
     ] })
   ] });
@@ -1706,8 +1737,10 @@ function ChangelogList({ api, externalId, strings, onSelect }) {
       if (!mountedRef.current) return;
       setRows(next);
     } catch (err) {
+      if (typeof console !== "undefined")
+        console.warn("[mhosaic] listChangelog:", err);
       if (!mountedRef.current) return;
-      setError(err instanceof Error ? err.message : strings["mine.error"]);
+      setError(strings["mine.error"]);
     } finally {
       if (mountedRef.current) setRefreshing(false);
     }
@@ -2658,8 +2691,9 @@ function MineList({ api, externalId, strings, onSelect }) {
       if (!mountedRef.current) return;
       setRows(next);
     } catch (err) {
+      if (typeof console !== "undefined") console.warn("[mhosaic] listMine:", err);
       if (!mountedRef.current) return;
-      setError(err instanceof Error ? err.message : strings["mine.error"]);
+      setError(strings["mine.error"]);
     } finally {
       if (mountedRef.current) setRefreshing(false);
     }
@@ -3684,6 +3718,47 @@ var WIDGET_STYLES = `
   gap: 6px;
 }
 
+/* v0.15.3 \u2014 teammate-viewing notice. Shown in place of the compose
+ * box when a non-submitter opens a project-wide row from the Board
+ * tab. Replies are private to the submitter; we surface this once
+ * (calm tone, neutral surface) so the viewer understands why no
+ * Reply box appears, instead of leaving them wondering. */
+.report-detail-teammate-notice {
+  margin: 0;
+  padding: var(--mfb-space-3) var(--mfb-space-4);
+  background: var(--mfb-surface);
+  border: 1px dashed var(--mfb-border);
+  border-radius: var(--mfb-radius);
+  font-size: var(--mfb-text-sm);
+  color: var(--mfb-text-muted);
+  font-style: italic;
+}
+
+/* v0.15.3 \u2014 friendly "report not available" empty state. Replaces
+ * the raw API error message (e.g. getReport failed: 404 \u2026) that
+ * used to leak from setError(err.message) straight into the DOM. */
+.report-detail-empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--mfb-space-3);
+  padding: var(--mfb-space-5);
+  background: var(--mfb-surface);
+  border-radius: var(--mfb-radius);
+  border: 1px solid var(--mfb-border);
+}
+.report-detail-empty-state-title {
+  margin: 0;
+  font-size: var(--mfb-text-md);
+  font-weight: 600;
+  color: var(--mfb-text);
+}
+.report-detail-empty-state-body {
+  margin: 0;
+  font-size: var(--mfb-text-sm);
+  color: var(--mfb-text-muted);
+}
+
 /* Status history \u2014 read-only audit trail visible to the submitter.
    Timeline of who flipped the status and when (operator vs. agent vs.
    system). Bordered, neutral surface so it doesn't compete visually
@@ -3976,9 +4051,13 @@ var WIDGET_STYLES = `
    * the breathing room of the default modal \u2014 24px top + 24px bottom +
    * 24px on each side \u2014 so the panel reads as "near-fullscreen with a
    * visible frame" instead of "the whole viewport, content cut off".
-   * Was --mfb-space-5 (24px total = 12px each side), which felt
-   * claustrophobic and tricked users into expecting more vertical
-   * scroll under the viewport edge. */
+   *
+   * The base .modal rule uses the browser default content-box, so
+   * without an override the 24px padding would be ADDED to the
+   * calc(100vh - 48px) height \u2014 the rendered box would exactly equal
+   * the viewport again, defeating the margin. Force border-box so
+   * padding lives INSIDE the height we set. */
+  box-sizing: border-box;
   width: min(1280px, calc(100vw - var(--mfb-space-7)));
   max-height: calc(100vh - var(--mfb-space-7));
   height: calc(100vh - var(--mfb-space-7));
@@ -4443,10 +4522,12 @@ function mountWidget(options) {
           });
         }, 1200);
       } catch (err) {
+        if (typeof console !== "undefined")
+          console.warn("[mhosaic] submit:", err);
         rerender({
           ...currentState,
           status: "error",
-          error: err instanceof Error ? err.message : String(err)
+          error: options.strings["form.error"]
         });
       }
     }, []);
@@ -4650,8 +4731,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.15.1") {
-      payload.widget_version = "0.15.1";
+    if ("0.15.3") {
+      payload.widget_version = "0.15.3";
     }
     if (manualScreenshot) payload.screenshot = manualScreenshot;
     if (values.synthetic) payload.synthetic = true;
@@ -4737,4 +4818,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-3YLD2AJI.mjs.map
+//# sourceMappingURL=chunk-SRAA5JQN.mjs.map