@mhosaic/feedback 0.28.0 → 0.30.0

package/dist/{chunk-FD3CJBMR.mjs → chunk-5F36UFXG.mjs}

@@ -167,10 +167,18 @@ function createApiClient(options) {
     );
     return readJsonObject(response, "getReportBySeq");
   }
-  async function addComment(reportId, externalId, body, clientNonce) {
-    const response = await fetcher(
-      `${endpoint}/api/feedback/v1/reports/widget/${reportId}/comments/`,
-      {
+  async function addComment(reportId, externalId, body, clientNonce, attachments) {
+    let init;
+    if (attachments && attachments.length > 0) {
+      const form = new FormData();
+      form.append("body", body);
+      if (clientNonce !== void 0) form.append("client_nonce", clientNonce);
+      attachments.forEach(
+        (blob, i) => form.append("attachment", blob, `attachment-${i + 1}.png`)
+      );
+      init = { method: "POST", headers: widgetHeaders(externalId), body: form };
+    } else {
+      init = {
         method: "POST",
         headers: {
           ...widgetHeaders(externalId),
@@ -180,7 +188,11 @@ function createApiClient(options) {
           body,
           ...clientNonce !== void 0 && { client_nonce: clientNonce }
         })
-      }
+      };
+    }
+    const response = await fetcher(
+      `${endpoint}/api/feedback/v1/reports/widget/${reportId}/comments/`,
+      init
     );
     if (!response.ok) {
       const text = await response.text().catch(() => "");
@@ -188,6 +200,24 @@ function createApiClient(options) {
     }
     return response.json();
   }
+  async function editDescription(reportId, externalId, description) {
+    const response = await fetcher(
+      `${endpoint}/api/feedback/v1/reports/widget/${reportId}/`,
+      {
+        method: "PATCH",
+        headers: {
+          ...widgetHeaders(externalId),
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ description })
+      }
+    );
+    if (!response.ok) {
+      const text = await response.text().catch(() => "");
+      throw new Error(`editDescription failed: ${response.status} ${text}`);
+    }
+    return response.json();
+  }
   async function closeAsResolved(reportId, externalId) {
     const response = await fetcher(
       `${endpoint}/api/feedback/v1/reports/widget/${reportId}/`,
@@ -291,6 +321,7 @@ function createApiClient(options) {
     getReport,
     getReportBySeq,
     addComment,
+    editDescription,
     closeAsResolved,
     reopenUnresolved,
     listBoard,
@@ -697,6 +728,10 @@ var DEFAULT_STRINGS = {
   "mine.refresh": "Refresh",
   "mine.loading": "Loading\u2026",
   "mine.error": "Could not load your reports.",
+  "mine.jump.placeholder": "#",
+  "mine.jump.go": "Open",
+  "mine.jump.aria": "Open a report by number",
+  "mine.jump.not_found": "No report with that number.",
   "error.rate_limited": "Too many requests \u2014 retry in {seconds}s.",
   "error.rate_limited_generic": "Too many requests \u2014 try again in a moment.",
   "mine.replies_one": "1 reply",
@@ -712,6 +747,16 @@ var DEFAULT_STRINGS = {
   "detail.compose_placeholder": "Add a follow-up reply\u2026",
   "detail.compose_send": "Reply",
   "detail.compose_sending": "Sending\u2026",
+  "detail.attach_add": "Add image",
+  "detail.attach_remove": "Remove",
+  "detail.attachment_alt": "Attached image",
+  "detail.copy_link": "Copy link",
+  "detail.copied": "Link copied",
+  "detail.edit": "Edit",
+  "detail.edit_save": "Save",
+  "detail.edit_cancel": "Cancel",
+  "detail.edit_saving": "Saving\u2026",
+  "detail.edit_failed": "Could not save your changes.",
   "detail.close_cta": "Mark as resolved",
   "detail.close_busy": "Marking\u2026",
   "detail.reopen_cta": "Still not fixed",
@@ -869,6 +914,10 @@ var FRENCH_STRINGS = {
   "mine.refresh": "Actualiser",
   "mine.loading": "Chargement\u2026",
   "mine.error": "Impossible de charger vos rapports.",
+  "mine.jump.placeholder": "#",
+  "mine.jump.go": "Ouvrir",
+  "mine.jump.aria": "Ouvrir un rapport par num\xE9ro",
+  "mine.jump.not_found": "Aucun rapport avec ce num\xE9ro.",
   "error.rate_limited": "Trop de requ\xEAtes \u2014 r\xE9essaie dans {seconds} s.",
   "error.rate_limited_generic": "Trop de requ\xEAtes \u2014 r\xE9essaie dans un instant.",
   "mine.replies_one": "1 r\xE9ponse",
@@ -884,6 +933,16 @@ var FRENCH_STRINGS = {
   "detail.compose_placeholder": "Ajouter une r\xE9ponse\u2026",
   "detail.compose_send": "R\xE9pondre",
   "detail.compose_sending": "Envoi\u2026",
+  "detail.attach_add": "Ajouter une image",
+  "detail.attach_remove": "Retirer",
+  "detail.attachment_alt": "Image jointe",
+  "detail.copy_link": "Copier le lien",
+  "detail.copied": "Lien copi\xE9",
+  "detail.edit": "Modifier",
+  "detail.edit_save": "Enregistrer",
+  "detail.edit_cancel": "Annuler",
+  "detail.edit_saving": "Enregistrement\u2026",
+  "detail.edit_failed": "Impossible d\u2019enregistrer vos modifications.",
   "detail.close_cta": "Marquer comme r\xE9solu",
   "detail.close_busy": "Validation\u2026",
   "detail.reopen_cta": "Toujours pas r\xE9gl\xE9",
@@ -1094,9 +1153,21 @@ function CommentBubble({ comment, strings, onOpenSeq }) {
   const variant = isAgent ? "mcp" : isSystem ? "system" : "staff";
   const labelKey = variant === "mcp" ? "detail.author.mcp" : variant === "system" ? "detail.author.system" : "detail.author.staff";
   const label = comment.author_label || strings[labelKey];
+  const images = (comment.attachments ?? []).filter((a) => a.url);
   return /* @__PURE__ */ jsxs2("div", { class: `comment-bubble ${isMine ? "is-mine" : "is-other"}`, children: [
     !isMine && label && /* @__PURE__ */ jsx("div", { class: `comment-author comment-author--${variant}`, children: label }),
-    /* @__PURE__ */ jsx("div", { class: "comment-body", children: linkifySeq(comment.body, onOpenSeq) }),
+    comment.body && /* @__PURE__ */ jsx("div", { class: "comment-body", children: linkifySeq(comment.body, onOpenSeq) }),
+    images.length > 0 && /* @__PURE__ */ jsx("div", { class: "comment-attachments", children: images.map((a) => /* @__PURE__ */ jsx(
+      "a",
+      {
+        class: "comment-attachment",
+        href: a.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: /* @__PURE__ */ jsx("img", { src: a.url, alt: strings["detail.attachment_alt"], loading: "lazy" })
+      },
+      a.id
+    )) }),
     /* @__PURE__ */ jsx("div", { class: "comment-time", children: formatTime(comment.created_at) })
   ] });
 }
@@ -1162,15 +1233,67 @@ function ReportDetailView({
   onBack,
   canModerate = true,
   variant = "modal",
-  onOpenSeq
+  onOpenSeq,
+  buildPermalink
 }) {
   const [detail, setDetail] = useState(null);
   const [error, setError] = useState(null);
+  const [copied, setCopied] = useState(false);
+  const [editing, setEditing] = useState(false);
+  const [editBody, setEditBody] = useState("");
+  const [savingEdit, setSavingEdit] = useState(false);
+  const [editError, setEditError] = useState(false);
   const [composeBody, setComposeBody] = useState("");
   const [sending, setSending] = useState(false);
   const [closing, setClosing] = useState(false);
   const [reopening, setReopening] = useState(false);
+  const [composeShots, setComposeShots] = useState([]);
+  const [attachError, setAttachError] = useState("");
+  const fileInputRef = useRef(null);
   const mountedRef = useRef(true);
+  const shotsRef = useRef(composeShots);
+  shotsRef.current = composeShots;
+  useEffect(() => {
+    return () => shotsRef.current.forEach((s) => URL.revokeObjectURL(s.preview));
+  }, []);
+  const acceptComposeFiles = (files) => {
+    setAttachError("");
+    const remaining = MAX_SCREENSHOTS - composeShots.length;
+    const batch = files.slice(0, Math.max(0, remaining));
+    for (const file of batch) {
+      const err = validateScreenshotFile(file);
+      if (err) {
+        setAttachError(
+          err.kind === "type" ? strings["form.screenshot.error_type"] : strings["form.screenshot.error_size"].replace("{max}", String(err.maxMb))
+        );
+        return;
+      }
+    }
+    if (batch.length) {
+      const incoming = batch.map((blob) => ({
+        blob,
+        preview: URL.createObjectURL(blob)
+      }));
+      setComposeShots((prev) => [...prev, ...incoming]);
+    }
+    if (files.length > batch.length) {
+      setAttachError(
+        strings["form.screenshot.error_count"].replace("{max}", String(MAX_SCREENSHOTS))
+      );
+    }
+  };
+  const handleAttachChange = (e) => {
+    const input = e.target;
+    const files = Array.from(input.files ?? []);
+    if (files.length) acceptComposeFiles(files);
+    input.value = "";
+  };
+  const removeComposeShot = (index) => {
+    const shot = composeShots[index];
+    if (shot) URL.revokeObjectURL(shot.preview);
+    setComposeShots((prev) => prev.filter((_, i) => i !== index));
+    setAttachError("");
+  };
   const fetchDetail = async () => {
     try {
       const next = await api.getReport(reportId, externalId);
@@ -1195,13 +1318,23 @@ function ReportDetailView({
     };
   }, [reportId, externalId]);
   const handleSend = async () => {
-    if (!composeBody.trim() || sending) return;
+    if (!composeBody.trim() && composeShots.length === 0 || sending) return;
     setSending(true);
     try {
       const nonce = `${reportId}:${Date.now()}`;
-      const created = await api.addComment(reportId, externalId, composeBody.trim(), nonce);
+      const attachments = composeShots.map((s) => s.blob);
+      const created = await api.addComment(
+        reportId,
+        externalId,
+        composeBody.trim(),
+        nonce,
+        attachments.length ? attachments : void 0
+      );
       if (!mountedRef.current) return;
       setComposeBody("");
+      composeShots.forEach((s) => URL.revokeObjectURL(s.preview));
+      setComposeShots([]);
+      setAttachError("");
       setDetail(
         (prev) => prev ? { ...prev, comments: appendComment(prev.comments, created) } : prev
       );
@@ -1214,6 +1347,47 @@ function ReportDetailView({
       if (mountedRef.current) setSending(false);
     }
   };
+  const handleCopyLink = async () => {
+    if (!buildPermalink || !detail) return;
+    try {
+      await navigator.clipboard.writeText(buildPermalink(detail.id));
+      if (!mountedRef.current) return;
+      setCopied(true);
+      setTimeout(() => {
+        if (mountedRef.current) setCopied(false);
+      }, 2e3);
+    } catch {
+    }
+  };
+  const startEdit = () => {
+    if (!detail) return;
+    setEditBody(detail.description);
+    setEditError(false);
+    setEditing(true);
+  };
+  const cancelEdit = () => {
+    setEditing(false);
+    setEditError(false);
+  };
+  const handleSaveEdit = async () => {
+    if (!detail || savingEdit) return;
+    const next = editBody.trim();
+    if (!next) return;
+    setSavingEdit(true);
+    setEditError(false);
+    try {
+      const updated = await api.editDescription(reportId, externalId, next);
+      if (!mountedRef.current) return;
+      setDetail(updated);
+      setEditing(false);
+    } catch (err) {
+      if (typeof console !== "undefined") console.warn("[mhosaic] editDescription:", err);
+      if (!mountedRef.current) return;
+      setEditError(true);
+    } finally {
+      if (mountedRef.current) setSavingEdit(false);
+    }
+  };
   const handleClose = async () => {
     if (closing || reopening) return;
     setClosing(true);
@@ -1299,7 +1473,63 @@ function ReportDetailView({
     ] }),
     /* @__PURE__ */ jsxs3("div", { class: "report-detail-body", children: [
       /* @__PURE__ */ jsx2(ContextBlock, { detail, strings }),
-      /* @__PURE__ */ jsx2("p", { class: "report-detail-description", children: linkifySeq(detail.description, onOpenSeq) }),
+      editing ? /* @__PURE__ */ jsxs3("div", { class: "report-detail-edit", children: [
+        /* @__PURE__ */ jsx2(
+          "textarea",
+          {
+            class: "report-detail-edit-input",
+            value: editBody,
+            onInput: (e) => {
+              setEditBody(e.target.value);
+              setEditError(false);
+            },
+            disabled: savingEdit
+          }
+        ),
+        editError && /* @__PURE__ */ jsx2("p", { class: "error", role: "alert", children: strings["detail.edit_failed"] }),
+        /* @__PURE__ */ jsxs3("div", { class: "report-detail-edit-actions", children: [
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              class: "btn btn--ghost",
+              onClick: cancelEdit,
+              disabled: savingEdit,
+              children: strings["detail.edit_cancel"]
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              class: "btn btn--primary",
+              onClick: handleSaveEdit,
+              disabled: savingEdit || !editBody.trim(),
+              children: savingEdit ? strings["detail.edit_saving"] : strings["detail.edit_save"]
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsxs3("div", { class: "report-detail-description-row", children: [
+        /* @__PURE__ */ jsx2("p", { class: "report-detail-description", children: linkifySeq(detail.description, onOpenSeq) }),
+        isMine && /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            class: "btn btn--ghost report-detail-edit",
+            onClick: startEdit,
+            children: strings["detail.edit"]
+          }
+        )
+      ] }),
+      buildPermalink && /* @__PURE__ */ jsx2("div", { class: "report-detail-permalink", children: /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          class: "btn btn--ghost report-detail-copy-link",
+          onClick: handleCopyLink,
+          children: copied ? strings["detail.copied"] : strings["detail.copy_link"]
+        }
+      ) }),
       (detail.screenshots?.length ? detail.screenshots.map((s) => s.url) : [detail.screenshot_url]).filter((url) => Boolean(url)).map((url) => {
         const safeHref = safeExternalHref(url);
         return safeHref ? /* @__PURE__ */ jsx2(
@@ -1334,7 +1564,44 @@ function ReportDetailView({
             disabled: sending
           }
         ),
+        composeShots.length > 0 && /* @__PURE__ */ jsx2("div", { class: "compose-attachments", children: composeShots.map((s, i) => /* @__PURE__ */ jsxs3("div", { class: "compose-attachment", children: [
+          /* @__PURE__ */ jsx2("img", { src: s.preview, alt: strings["detail.attachment_alt"] }),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              class: "compose-attachment-remove",
+              "aria-label": strings["detail.attach_remove"],
+              onClick: () => removeComposeShot(i),
+              disabled: sending,
+              children: "\xD7"
+            }
+          )
+        ] }, s.preview)) }),
+        attachError && /* @__PURE__ */ jsx2("p", { class: "compose-attach-error", role: "alert", children: attachError }),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: "image/png,image/jpeg,image/webp",
+            multiple: true,
+            class: "compose-attach-input",
+            onChange: handleAttachChange,
+            hidden: true
+          }
+        ),
         /* @__PURE__ */ jsxs3("div", { class: "report-compose-actions", children: [
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              class: "btn btn--ghost compose-attach-btn",
+              onClick: () => fileInputRef.current?.click(),
+              disabled: sending || composeShots.length >= MAX_SCREENSHOTS,
+              children: strings["detail.attach_add"]
+            }
+          ),
           showCloseCta && /* @__PURE__ */ jsx2(
             "button",
             {
@@ -1361,7 +1628,7 @@ function ReportDetailView({
               type: "button",
               class: "btn btn--primary",
               onClick: handleSend,
-              disabled: !composeBody.trim() || sending,
+              disabled: !composeBody.trim() && composeShots.length === 0 || sending,
               children: sending ? strings["detail.compose_sending"] : strings["detail.compose_send"]
             }
           )
@@ -1540,6 +1807,7 @@ function StatusHistorySection({ rows, strings }) {
 // src/widget/BoardView.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs4 } from "preact/jsx-runtime";
 var POLL_MS2 = 3e4;
+var SEARCH_DEBOUNCE_MS = 300;
 var SORT_OPTIONS = ["recent", "oldest", "updated", "severity", "status"];
 var STATUSES = [
   "new",
@@ -1569,6 +1837,22 @@ function BoardView({
   const [selectedId, setSelectedId] = useState2(initialSelectedId ?? null);
   const [detailKey, setDetailKey] = useState2(0);
   const [reloadTick, setReloadTick] = useState2(0);
+  const [qDraft, setQDraft] = useState2(filters.q ?? "");
+  const debouncedQ = useDebouncedValue(qDraft, SEARCH_DEBOUNCE_MS);
+  useEffect2(() => {
+    setFilters((f) => {
+      if ((f.q ?? "") === debouncedQ) return f;
+      if (debouncedQ === "") {
+        const { q: _drop, ...rest } = f;
+        void _drop;
+        return rest;
+      }
+      return { ...f, q: debouncedQ };
+    });
+  }, [debouncedQ]);
+  useEffect2(() => {
+    setQDraft(filters.q ?? "");
+  }, [filters.q]);
   const activeFilterCount = useMemo(() => {
     return (filters.status?.length ?? 0) + (filters.type?.length ?? 0) + (filters.severity?.length ?? 0) + (filters.q ? 1 : 0) + (filters.mine ? 1 : 0);
   }, [filters]);
@@ -1622,6 +1906,8 @@ function BoardView({
       {
         filters,
         onChange: setFilters,
+        searchDraft: qDraft,
+        onSearchDraftChange: setQDraft,
         activeCount: activeFilterCount,
         strings,
         thisPage,
@@ -1748,6 +2034,8 @@ function BoardKpiStrip({
 function BoardFilters({
   filters,
   onChange,
+  searchDraft,
+  onSearchDraftChange,
   activeCount,
   strings,
   thisPage,
@@ -1781,7 +2069,6 @@ function BoardFilters({
     }
   };
   const setOrdering = (value) => onChange({ ...filters, ordering: value });
-  const setSearch = (q) => onChange({ ...filters, q });
   const toggleMine = () => {
     if (filters.mine) {
       const { mine: _drop, ...rest } = filters;
@@ -1870,8 +2157,8 @@ function BoardFilters({
         type: "search",
         class: "board-filter-search",
         placeholder: strings["board.filter.search.placeholder"],
-        value: filters.q ?? "",
-        onInput: (e) => setSearch(e.target.value)
+        value: searchDraft,
+        onInput: (e) => onSearchDraftChange(e.target.value)
       }
     ),
     /* @__PURE__ */ jsxs4("label", { class: "board-filter-toggle", children: [
@@ -1988,6 +2275,14 @@ function DetailEmptyIllustration() {
     /* @__PURE__ */ jsx3("line", { x1: "18", y1: "38", x2: "32", y2: "38", stroke: "currentColor", "stroke-opacity": "0.14", "stroke-width": "2", "stroke-linecap": "round" })
   ] });
 }
+function useDebouncedValue(value, ms) {
+  const [debounced, setDebounced] = useState2(value);
+  useEffect2(() => {
+    const t = setTimeout(() => setDebounced(value), ms);
+    return () => clearTimeout(t);
+  }, [value, ms]);
+  return debounced;
+}
 function filtersHash(f) {
   return JSON.stringify({
     s: f.status?.slice().sort(),
@@ -3096,12 +3391,34 @@ function KpiStrip({ rows, filter, onFilter, strings }) {
 // src/widget/MineList.tsx
 import { jsx as jsx10, jsxs as jsxs11 } from "preact/jsx-runtime";
 var POLL_MS4 = 3e4;
-function MineList({ api, externalId, strings, onSelect }) {
+function MineList({ api, externalId, strings, onSelect, onOpenSeq }) {
   const [rows, setRows] = useState6(null);
   const [error, setError] = useState6(null);
   const [refreshing, setRefreshing] = useState6(false);
   const [filter, setFilter] = useState6("all");
+  const [jumpValue, setJumpValue] = useState6("");
+  const [jumpError, setJumpError] = useState6(false);
+  const [jumping, setJumping] = useState6(false);
   const mountedRef = useRef5(true);
+  const handleJump = async (e) => {
+    e.preventDefault();
+    if (!onOpenSeq || jumping) return;
+    const seq = parseInt(jumpValue.replace(/^#/, "").trim(), 10);
+    if (!Number.isInteger(seq) || seq <= 0) {
+      setJumpError(true);
+      return;
+    }
+    setJumping(true);
+    setJumpError(false);
+    try {
+      const found = await onOpenSeq(seq);
+      if (!mountedRef.current) return;
+      if (found) setJumpValue("");
+      else setJumpError(true);
+    } finally {
+      if (mountedRef.current) setJumping(false);
+    }
+  };
   const fetchRows = async () => {
     setRefreshing(true);
     setError(null);
@@ -3134,19 +3451,40 @@ function MineList({ api, externalId, strings, onSelect }) {
   return /* @__PURE__ */ jsxs11("div", { class: "mine-list", children: [
     /* @__PURE__ */ jsxs11("div", { class: "mine-list-header", children: [
       /* @__PURE__ */ jsx10("h2", { children: strings["tab.mine"] }),
-      /* @__PURE__ */ jsx10(
-        "button",
-        {
-          type: "button",
-          class: "btn",
-          onClick: () => {
-            void fetchRows();
-          },
-          disabled: refreshing,
-          children: refreshing ? strings["mine.loading"] : strings["mine.refresh"]
-        }
-      )
+      /* @__PURE__ */ jsxs11("div", { class: "mine-list-header-actions", children: [
+        onOpenSeq && /* @__PURE__ */ jsxs11("form", { class: "mine-jump", onSubmit: handleJump, children: [
+          /* @__PURE__ */ jsx10(
+            "input",
+            {
+              type: "text",
+              inputMode: "numeric",
+              value: jumpValue,
+              placeholder: strings["mine.jump.placeholder"],
+              "aria-label": strings["mine.jump.aria"],
+              onInput: (e) => {
+                setJumpValue(e.target.value);
+                setJumpError(false);
+              },
+              disabled: jumping
+            }
+          ),
+          /* @__PURE__ */ jsx10("button", { type: "submit", class: "btn", disabled: jumping || !jumpValue.trim(), children: strings["mine.jump.go"] })
+        ] }),
+        /* @__PURE__ */ jsx10(
+          "button",
+          {
+            type: "button",
+            class: "btn",
+            onClick: () => {
+              void fetchRows();
+            },
+            disabled: refreshing,
+            children: refreshing ? strings["mine.loading"] : strings["mine.refresh"]
+          }
+        )
+      ] })
     ] }),
+    jumpError && /* @__PURE__ */ jsx10("div", { class: "mine-jump-error error", role: "alert", children: strings["mine.jump.not_found"] }),
     rows && rows.length > 0 && /* @__PURE__ */ jsx10(KpiStrip, { rows, filter, onFilter: setFilter, strings }),
     isLoading && /* @__PURE__ */ jsx10("div", { class: "mine-loading", children: strings["mine.loading"] }),
     error && /* @__PURE__ */ jsx10("div", { class: "error", children: error }),
@@ -4137,6 +4475,31 @@ var WIDGET_STYLES = `
   justify-content: space-between;
 }
 .mine-list-header h2 { margin: 0; font-size: var(--mfb-text-lg); font-weight: 600; letter-spacing: -0.01em; }
+/* #85 \u2014 header actions: jump-by-#seq box + refresh. */
+.mine-list-header-actions {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.mine-jump {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.mine-jump input {
+  font: inherit;
+  font-size: 13px;
+  width: 56px;
+  padding: 5px 8px;
+  border: 1px solid var(--mfb-border);
+  border-radius: var(--mfb-radius);
+  background: var(--mfb-surface);
+  color: inherit;
+}
+.mine-jump-error {
+  margin-top: 6px;
+  font-size: 12px;
+}
 .mine-loading { color: var(--mfb-text-muted); font-size: 13px; }
 .mine-empty {
   text-align: center;
@@ -4342,12 +4705,77 @@ var WIDGET_STYLES = `
 .comment-author--staff { color: #1e40af; }
 .comment-author--system { color: var(--mfb-text-muted); }
 .comment-body { white-space: pre-wrap; }
+/* #91 \u2014 image attachments rendered inside a comment bubble. */
+.comment-attachments {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 6px;
+}
+.comment-attachment {
+  display: block;
+  line-height: 0;
+  border-radius: 8px;
+  overflow: hidden;
+  border: 1px solid var(--mfb-border);
+}
+.comment-attachment img {
+  width: 96px;
+  height: 96px;
+  object-fit: cover;
+  display: block;
+}
 .comment-time {
   font-size: 10px;
   margin-top: 4px;
   opacity: 0.7;
 }
 
+/* F4 \u2014 author edits the description in place. */
+.report-detail-description-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
+.report-detail-description-row .report-detail-description {
+  flex: 1;
+  margin: 0;
+}
+.report-detail-edit {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.report-detail-edit-input {
+  font: inherit;
+  font-size: 13px;
+  padding: 8px 10px;
+  border: 1px solid var(--mfb-border);
+  border-radius: var(--mfb-radius);
+  background: var(--mfb-surface);
+  color: inherit;
+  min-height: 72px;
+  resize: vertical;
+}
+.report-detail-edit-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 6px;
+}
+.report-detail-edit.btn,
+button.report-detail-edit {
+  flex: 0 0 auto;
+  font-size: 12px;
+  padding: 4px 8px;
+}
+/* #85 \u2014 shareable-permalink affordance under the description. */
+.report-detail-permalink {
+  margin: -2px 0 6px;
+}
+.report-detail-copy-link {
+  font-size: 12px;
+  padding: 4px 8px;
+}
 .report-compose {
   display: flex;
   flex-direction: column;
@@ -4370,6 +4798,50 @@ var WIDGET_STYLES = `
   justify-content: flex-end;
   gap: 6px;
 }
+/* #91 \u2014 pending image attachments in the reply compose box. */
+.compose-attachments {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.compose-attachment {
+  position: relative;
+  width: 64px;
+  height: 64px;
+  border-radius: 8px;
+  overflow: hidden;
+  border: 1px solid var(--mfb-border);
+}
+.compose-attachment img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.compose-attachment-remove {
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  width: 20px;
+  height: 20px;
+  display: grid;
+  place-items: center;
+  padding: 0;
+  background: rgba(255, 255, 255, 0.92);
+  border: 1px solid var(--mfb-border);
+  border-radius: 999px;
+  font-size: 15px;
+  line-height: 1;
+  cursor: pointer;
+  color: #111827;
+}
+.compose-attachment-remove:hover { background: #fff; }
+.compose-attach-btn { margin-right: auto; }
+.compose-attach-error {
+  margin: 0;
+  font-size: 12px;
+  color: var(--mfb-danger, #b91c1c);
+}
 
 /* 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
@@ -5342,6 +5814,23 @@ function mountWidget(options) {
       }
     }, []);
     const externalId = options.getExternalId?.();
+    const openSeq = (seq) => {
+      if (!options.api || !externalId) return Promise.resolve(false);
+      return options.api.getReportBySeq(seq, externalId).then((r) => {
+        rerender({ ...currentState, open: true, tab: "mine", selectedReportId: r.id });
+        return true;
+      }).catch(() => false);
+    };
+    const buildPermalink = options.deepLinkParam === false ? void 0 : (id) => {
+      const param = options.deepLinkParam || "mhfeedback";
+      try {
+        const u = new URL(window.location.href);
+        u.searchParams.set(param, id);
+        return u.toString();
+      } catch {
+        return "";
+      }
+    };
     const pageActivityEnabled = options.showPageActivity !== false;
     const pageSignal = usePageOpenCount({
       ...options.api !== void 0 && { api: options.api },
@@ -5566,7 +6055,8 @@ function mountWidget(options) {
                 api: options.api,
                 externalId,
                 strings: options.strings,
-                onSelect: (row) => rerender({ ...currentState, selectedReportId: row.id })
+                onSelect: (row) => rerender({ ...currentState, selectedReportId: row.id }),
+                onOpenSeq: openSeq
               }
             ),
             (state.tab === "mine" || state.tab === "changelog") && options.api && externalId && state.selectedReportId && /* @__PURE__ */ jsx14(
@@ -5577,12 +6067,8 @@ function mountWidget(options) {
                 reportId: state.selectedReportId,
                 strings: options.strings,
                 onBack: () => rerender(clearSelected({ ...currentState })),
-                onOpenSeq: (seq) => {
-                  void options.api?.getReportBySeq(seq, externalId).then(
-                    (r) => rerender({ ...currentState, selectedReportId: r.id })
-                  ).catch(() => {
-                  });
-                }
+                onOpenSeq: openSeq,
+                ...buildPermalink && { buildPermalink }
               }
             ),
             state.tab === "changelog" && options.api && externalId && !state.selectedReportId && /* @__PURE__ */ jsx14(
@@ -5612,6 +6098,25 @@ function mountWidget(options) {
     ] });
   }
   rerender(currentState);
+  function openReportRef(ref) {
+    const api = options.api;
+    const externalId = options.getExternalId?.();
+    if (!api || !externalId || !ref) return;
+    const seq = /^\d+$/.test(ref) ? parseInt(ref, 10) : null;
+    const resolve = seq !== null ? api.getReportBySeq(seq, externalId) : api.getReport(ref, externalId);
+    void resolve.then(
+      (r) => rerender({ ...currentState, open: true, tab: "mine", selectedReportId: r.id })
+    ).catch(() => {
+    });
+  }
+  if (options.deepLinkParam !== false) {
+    try {
+      const param = options.deepLinkParam || "mhfeedback";
+      const value = new URLSearchParams(window.location.search).get(param);
+      if (value) openReportRef(value.trim());
+    } catch {
+    }
+  }
   return {
     open() {
       openWidget(options.getExternalId?.());
@@ -5698,8 +6203,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.28.0") {
-      payload.widget_version = "0.28.0";
+    if ("0.30.0") {
+      payload.widget_version = "0.30.0";
     }
     if (manualScreenshots?.length) {
       payload.screenshots = manualScreenshots;
@@ -5825,4 +6330,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-FD3CJBMR.mjs.map
+//# sourceMappingURL=chunk-5F36UFXG.mjs.map