@funhub/platform 0.2.29 → 0.2.31

package/dist/components/biz/business/comment/reply-detail.mjs

@@ -1,2 +1,970 @@
 
-"use client";import{debounceFun as e,formatCompactCount as t,getCurrentSecondTime as n,parseTextAtUserIds as r,replaceAtUserElement as i}from"../../../../utils/common.mjs";import{cn as a}from"../../../../utils/cn.mjs";import{useFollowIdsState as o}from"../../../../store/modules/follow-ids-store.mjs";import{useUserStore as s}from"../../../../store/modules/user-store.mjs";import{gCommunityGetComments as c,pCommunityCreateComment as l,pCommunityDislikeComment as u,pCommunityLikeComment as d,pInteractionFollow as f,pInteractionUnfollow as p}from"../../../../service/generated/client.mjs";import{checkFollowStatus as m}from"../../../../utils/follow-service.mjs";import{useRouter as h}from"../../../../utils/use-compatible-router.mjs";import{Image as g}from"../../../ui/image.mjs";import{Dialog as _,DialogContent as v}from"../../../ui/dialog.mjs";import{InfiniteScroll as y}from"../../../ui/infinite-scroll.mjs";import{useLikeDislike as b}from"../../../../hooks/use-like-dislike.mjs";import{useKeepAliveState as x}from"../../../common/keep-scroll-position/index.mjs";import S from"../../../../assets/icons/close.mjs";import C from"../../../../assets/icons/common/follow_sel.mjs";import w from"../../../../assets/icons/common/follow_user.mjs";import{UnfollowConfirmDialog as T}from"../../../common/follow-button/unfollow-confirm-dialog.mjs";import E from"../../../../assets/icons/detail/give_like.mjs";import D from"../../../../assets/icons/detail/give_like_sel.mjs";import O from"./comment-input.mjs";import k from"../../../../assets/icons/detail/un_like.mjs";import A from"../../../../assets/icons/detail/un_like_sel.mjs";import{CommentMedia as j}from"./comment-media.mjs";import{CommentRichText as M}from"./comment-rich-text.mjs";import{TimeDisplay as N}from"./time-display.mjs";import{CommentItem as P}from"./comment-item.mjs";import{mapApiReplayToReplay as F}from"../../../../types/safe-replay.mjs";import{toast as I}from"sonner";import{memo as L,useCallback as R,useEffect as z,useMemo as B,useRef as V,useState as H}from"react";import{Fragment as U,jsx as W,jsxs as G}from"react/jsx-runtime";import{useTranslations as K}from"next-intl";function q(e){if(e==null)return 0;let t=typeof e==`number`?e:Number(e);if(!Number.isNaN(t)&&t>0)return t>0xe8d4a51000?Math.floor(t/1e3):Math.floor(t);let n=Date.parse(String(e));return Number.isNaN(n)?0:Math.floor(n/1e3)}function J(e,t,n){let r=[];return Array.isArray(n)&&n.length>0?(n.forEach(e=>{let t=!!e?.is_video,n=String(e?.media_url||``),i=String(e?.cover_image||``);!n&&!i||r.push({cover_image:i,cover_image_thumbnail:i,cover_image_radio:1,cover_image_resolution:String(e?.cover_image_resolution||``),image_url:t?``:n,image_thumbnail:t?``:n,image_radio:1,image_resolution:String(e?.image_resolution||``),is_video:t,resolution:String(e?.video_resolution||``),video_duration:Number(e?.video_duration||0),video_url:t?n:``,video_size:Number(e?.video_size||0),video_codec_info:{hls_info:[],video_codec_deal:!1}})}),r):(e?.length&&e.forEach(e=>{r.push({cover_image:``,cover_image_thumbnail:``,cover_image_radio:1,cover_image_resolution:``,image_url:e,image_thumbnail:e,image_radio:1,image_resolution:``,is_video:!1,resolution:``,video_duration:0,video_url:``,video_size:0,video_codec_info:{hls_info:[],video_codec_deal:!1}})}),t?.length&&t.forEach(e=>{r.push({cover_image:``,cover_image_thumbnail:``,cover_image_radio:1,cover_image_resolution:``,image_url:``,image_thumbnail:``,image_radio:1,image_resolution:``,is_video:!0,resolution:``,video_duration:0,video_url:e,video_size:0,video_codec_info:{hls_info:[],video_codec_deal:!1}})}),r)}function Y(e){let t=Z(e.mentioned_users),n=t.length>0?t:Q(e.content||``);return{id:String(e.comment_id??e.id??``),user_name:e.user?.nickname||e.user?.username||``,text:e.content||``,type:`4`,files:[],at_users:n,cover_image:``,nine_grid_content_info:J(e?.images,e?.videos,e?.medias)}}function X(e,t){let n=e.is_liked?`1`:e.is_dislike?`2`:`0`,r=Z(e.mentioned_users),i=r.length>0?r:Q(e.content||``),a=String(e.comment_id??e.id??``),o=typeof e.like_count==`number`?e.like_count:0,s=F({id:a,like_cnt:(e.is_liked&&o===0?1:o).toString(),dislike_cnt:(e.dislike_count||0).toString(),created_at:q(e.create_time),text:e.content||``,type:`4`,like_flag:n,user_id:e.user_id||``,user_name:e.user?.nickname||e.user?.username||``,avatar:e.user?.avatar_url||``,reply_cnt:(e.reply_count||0).toString(),nine_grid_content_info:J(e?.images,e?.videos,e?.medias),at_users:i,parent_reply:void 0});return t&&(s.parent_reply=Y(t)),s}function Z(e){return Array.isArray(e)?e.map(e=>({user_id:e.user_id||``,name:e.nickname||e.username||``,avatar:e.avatar_url||``,birthday:``,signature:e.signature||``})):[]}function Q(e){if(!e)return[];let t=new Map,n=/<span[^>]*class=['"]mention['"][^>]*data-id=['"]([^'"]+)['"][^>]*>@([^<]*)<\/span>/g,r;for(;(r=n.exec(e))!==null;){let e=r[1]?String(r[1]):``,n=(r[2]?String(r[2]):``).replace(/^@/,``)||e;!e||t.has(e)||t.set(e,{user_id:e,name:n,avatar:``,birthday:``,signature:``})}if(t.size>0)return Array.from(t.values());let i=/<@_user>(\w+)<\/@_user>/g;for(;(r=i.exec(e))!==null;){let e=r[1]?String(r[1]):``;!e||t.has(e)||t.set(e,{user_id:e,name:e,avatar:``,birthday:``,signature:``})}return Array.from(t.values())}function ee(e){return!Array.isArray(e)||e.length===0?[]:e.map(e=>{let t=!!e.is_video,n=t?String(e.video_url||``):String(e.image_url||e.cover_image||``),r=String(e.cover_image||e.image_url||``);return{media_url:n,is_video:t,image_resolution:String(e.image_resolution||``),cover_image:r,cover_image_resolution:String(e.cover_image_resolution||``),video_resolution:String(e.resolution||``),video_duration:Number(e.video_duration||0),video_size:Number(e.video_size||0)}}).filter(e=>!!e.media_url)}function $(e,t){let n=[];return e.forEach(e=>{n.push(X(e,t)),e.sub_comments?.length&&n.push(...$(e.sub_comments,e))}),n}const te=e((e,t,n)=>{try{if(!e?.id)return;d({comment_id:e.id,is_like:e.like_flag!==`1`},{revalidate:!1})}catch(e){console.error(`点赞回复失败:`,e)}},200),ne=e((e,t,n)=>{try{if(!e?.id)return;u({comment_id:e.id,is_dislike:e.like_flag!==`2`},{revalidate:!1})}catch(e){console.error(`点踩回复失败:`,e)}},200),re=L(({comment:e,updateFollow:t,onRequireLogin:n})=>{let{userInfo:r,userId:i,isLogin:a}=s(),o=r?.userId||r?.user_id||i||``;return W(`div`,{className:`w-full bg-bg1`,children:W(P,{comment:e,variant:`light`,isLogin:a,onRequireLogin:n,rightSlot:B(()=>!!o&&String(o)===String(e.user_id||``),[e.user_id,o])?W(U,{}):W(ie,{userId:e.user_id,hasFollow:e.is_follow,onChange:t,onRequireLogin:n}),showReplyButton:!1})})});function ie({userId:e,hasFollow:t=!1,onChange:n,onRequireLogin:r}){let i=K(`components.biz.business.comment`),{isLogin:c,userInfo:l,userId:u}=s(),{followIds:d}=o(),[m,h]=H(t),[g,_]=H(!1),v=l?.userId||l?.user_id||u||``,y=B(()=>!!v&&String(v)===String(e||``),[e,v]),b=B(()=>t||d.includes(e),[d,t,e]);z(()=>{h(b)},[b]);let x=R(async()=>{try{if(!v||!e||e===`0`){I.error(i(`replyDetail.loginRequired`));return}if(m){let t=await p({follower_id:String(v),followee_id:e});if(t.code!==0){I.error(t.message||i(`replyDetail.unfollowFailed`));return}}else{let t=await f({follower_id:String(v),followee_id:e});if(t.code!==0){I.error(t.message||i(`replyDetail.followFailed`));return}}window.sensors?.track(`detail_follow_click`,{object_id:``,action:m?`取消关注`:`关注`,author_id:e}),sessionStorage.setItem(`user_page_refresh`,`1`)}catch(e){console.error(`关注或取消关注失败:`,e),I.error(i(m?`replyDetail.unfollowFailed`:`replyDetail.followFailed`));return}let t=!m;n?.(t),h(t);let{followIds:r,setFollowIds:a}=o.getState(),s=new Set(r);t?s.add(e):s.delete(e),a(Array.from(s))},[e,m,n,v,i]),S=R(()=>{if(!c){r?.();return}if(m){_(!0);return}x()},[x,m,c,r]);function E(){_(!1),x()}function D(){_(!1)}return y||!e||e===`0`?null:G(U,{children:[W(`div`,{className:a(`h-[28px] rounded-[14px] px-[8px] border border-solid cursor-pointer flex items-center justify-center`,m?`border-text3`:`border-theme5`),onClick:S,children:m?G(U,{children:[W(C,{className:`w-[12px] h-[12px] text-text3 shrink-0`}),W(`span`,{className:`text-text3 text-[12px] leading-[18px] ml-[4px] shrink-0`,children:i(`replyDetail.followed`)})]}):G(U,{children:[W(w,{className:`block w-[12px] h-[12px] text-theme5 shrink-0`}),W(`span`,{className:`block text-theme5 text-[12px] leading-[18px] ml-[4px] shrink-0`,children:i(`replyDetail.follow`)})]})}),W(T,{open:g,onOpenChange:_,onCancel:D,onConfirm:E})]})}const ae=e(e=>{e()},0);function oe(e,t,n,r){let i=V(!1);z(()=>{i.current=!1},[r]),z(()=>{let r=e.current;if(!r)return;!i.current&&t>0&&(r.scrollTop=t,i.current=!0);let a=()=>{i.current=!0,n(r.scrollTop)};return r.addEventListener(`scroll`,a,{passive:!0}),()=>r.removeEventListener(`scroll`,a)},[e,n,t,r])}const se=L(({commentId:e,informationId:t,handleReplyComment:n,onReplyListUpdate:r})=>{let i=K(`components.biz.business.comment`),[a,o]=x(`replay-detail-list-${e}`,[]),[s,l]=x(`replay-detail-has-more-${e}`,!0),[u,d]=x(`replay-detail-page-${e}`,1),{getLikedListData:f,getDislikedListData:p}=b(),m=V(!1),h=R(async()=>{if(!(!e||!t)&&!m.current){m.current=!0;try{let n=await c({content_id:t,parent_id:e,page:u,page_size:20,sort_by:`latest`});if(n.code!==0)throw Error(n.message||i(`replyDetail.fetchRepliesFailed`));let r=n.data?.data?.comments??[],a=$(r);((n.data?.data?.has_more??!1)===!1||r.length<20)&&l(!1),o(e=>{let t=new Set(e.map(e=>e.id)),n=a.filter(e=>!t.has(e.id));return[...e,...n]}),a.length>0&&d(u+1)}catch(e){console.error(`获取回复列表失败:`,e),l(!1)}finally{m.current=!1}}},[e,t,u,o,l,d,i]),g=R(e=>{o(t=>[e,...t])},[o]);z(()=>{r(g)},[r,g]),z(()=>{e&&t&&(o(e=>e.length===0?e:[]),l(e=>e===!0?e:!0),d(e=>e===1?e:1))},[e,t,o,l,d]);let _=R(n=>{o(e=>f(e,n.id)),te(n,t,e)},[e,f,t,o]),v=R(n=>{n.like_flag!==`2`&&I.message(i(`replyDetail.dislikeHint`)),o(e=>p(e,n.id)),ne(n,t,e)},[e,p,t,o,i]),[S,C]=x(`replay-detail-scroll-top-${e}`,0),w=V(null);oe(w,S,C,e),z(()=>{!e||!t||a.length===0&&s&&h()},[e,t,h,a.length,s]);let T=R(async()=>{await h()},[h]);return G(`div`,{ref:w,className:`w-full pb-[66px]`,children:[a.map((e,t)=>W(ce,{replyItem:e,replyComment:n,onLikeReply:_,onDislikeReply:v},`${e.id}-${t}`)),W(y,{loadMore:T,hasMore:s})]})});function ce({replyItem:e,replyComment:n,onLikeReply:r,onDislikeReply:i}){let a=K(`components.biz.business.comment`),o=h(),s=e.status===`0`;function c(){r?.(e)}function l(){i?.(e)}function u(){n(e)}return G(`div`,{className:`p-[16px] flex flex-col`,children:[G(`div`,{className:`flex flex-row justify-between`,children:[G(`button`,{type:`button`,className:`flex flex-row items-center text-left`,onClick:()=>{o.push(`/profile/${e.user_id}`)},children:[W(`div`,{className:`w-[38px] h-[38px] rounded-full overflow-hidden relative bg-bg2`,children:e.avatar&&W(g,{src:e.avatar,fill:!0,objectFit:`cover`,alt:`avatar`})}),G(`div`,{className:`ml-[12px] flex flex-col`,children:[W(`span`,{className:`text-text2 text-[14px] leading-[14px] max-w-[180px] text-ellipsis overflow-hidden whitespace-nowrap`,children:e.user_name}),W(`span`,{className:`mt-[8px] text-text3 text-[12px] leading-[12px]`,children:W(N,{timestamp:e.created_at})})]})]}),s?W(`div`,{className:`px-[8px] py-[4px] bg-text3/10 rounded-[12px]`,children:W(`span`,{className:`text-text3 text-[12px] leading-[12px]`,children:a(`replyDetail.underReview`)})}):G(`div`,{className:`flex flex-row items-center`,children:[G(`div`,{className:`px-[4px] flex flex-col items-center`,onClick:c,children:[e.like_flag===`1`?W(D,{className:`w-[14px] h-[14px]`}):W(E,{className:`w-[14px] h-[14px] text-text3`}),W(`span`,{className:`mt-[4px] text-text3 text-[12px] leading-[12px]`,children:e.like_cnt===`0`?a(`replyDetail.like`):t(e.like_cnt)})]}),G(`div`,{className:`ml-[12px] px-[4px] flex flex-col items-center`,onClick:l,children:[e.like_flag===`2`?W(A,{className:`w-[14px] h-[14px]`}):W(k,{className:`w-[14px] h-[14px] text-text3`}),W(`span`,{className:`mt-[4px] text-text3 text-[12px] leading-[12px]`,children:e.dislike_cnt===`0`?a(`replyDetail.dislike`):t(e.dislike_cnt)})]})]})]}),G(`div`,{className:`mt-[4px] pl-[50px] flex flex-col`,children:[e.text&&W(M,{className:`text-text1 text-[14px] leading-[22px] break-all`,text:e.text,atUsers:e.at_users}),W(j,{list:e.nine_grid_content_info,disabled:s,hasText:!!e.text,playerId:e.id}),e.parent_reply&&e.parent_reply.text&&G(U,{children:[G(`div`,{className:`mt-[4px] flex flex-row items-center text-[14px] leading-[22px] relative pl-[8px]`,children:[W(`div`,{className:`w-[2px] h-full bg-line1 mr-[8px] absolute left-0 top-0 bottom-0 m-auto`}),G(`span`,{className:`text-theme1`,children:[e.parent_reply.user_name,`：`,e.parent_reply.text&&W(`span`,{className:`text-text1`,children:W(M,{text:e.parent_reply.text,atUsers:e.parent_reply.at_users})})]})]}),W(`div`,{className:`mt-1`,children:W(j,{list:e.parent_reply.nine_grid_content_info,disabled:s,hasText:!!e.parent_reply.text,playerId:e.parent_reply.id})})]}),W(`div`,{className:`mt-[4px] w-[fit-content] h-[30px] px-[12px] text-text1 text-[14px] leading-[22px] flex flex-row items-center bg-bg1 rounded-[15px]`,onClick:u,children:W(`span`,{children:a(`replyDetail.reply`)})})]})]})}function le({comment:e,information:t,contentType:a,visible:c,onClose:u,onReplyComment:d,onReplyAdded:f,onRequireLogin:p}){let h=K(`components.biz.business.comment`),g=V(null),[y,b]=H(()=>F({})),[x,C]=H(!1),{userInfo:w,userId:T}=s(),{followIds:E,setFollowIds:D}=o(),k=w?.userId||w?.user_id||T||``,A=w?.name||w?.nick_name||w?.nickname||w?.user_name||``,j=w?.avatar||w?.avatar_url||``,M=V({commentId:``,userId:``});function N(e){if(!e)return``;if(Array.isArray(e))return String(e[0]||``);if(typeof e==`object`){if(Object.prototype.hasOwnProperty.call(e,`comment_id`))return String(e.comment_id??``);if(Array.isArray(e.data))return String(e.data[0]||``)}return``}z(()=>{c&&(!k||!e.user_id||e.user_id!==`0`&&String(k)!==String(e.user_id)&&(M.current.commentId===e.id&&M.current.userId===k||(M.current={commentId:e.id,userId:k},(async()=>{let t=await m({app_id:0,follower_id:k,followee_ids:[e.user_id]});if(!t.success||!t.data?.is_following_map)return;let n=!!t.data.is_following_map[e.user_id];e.is_follow=n;let r=new Set(E);n?r.add(e.user_id):r.delete(e.user_id),D(Array.from(r))})())))},[e,E,k,D,c]);let P=R(e=>{b(e),setTimeout(()=>{C(!0),g.current?.focus()},10)},[]);function L(){ae(()=>{C(!1)})}async function B({text:e,imageVideoInfoList:t}){let n=e=>e.success?e:(I.error(e.message||h(`replyDetail.publishReplyFailed`)),{...e,toastHandled:!0});if(x){let r=await q({text:e,imageVideoInfoList:t});return C(!1),n(r)}else{let r=await U({text:e,imageVideoInfoList:t});return C(!1),n(r)}}async function U({text:e,imageVideoInfoList:t}){return await d?.({text:e,imageVideoInfoList:t,callback:r=>{let i=Q(e);if(!r||r===`0`)return;let a=F({id:r,user_id:k,user_name:A,avatar:j,text:e,created_at:n(),type:`4`,nine_grid_content_info:t,at_users:i});J?.(a)}})??{success:!0}}async function q({text:e,imageVideoInfoList:o}){if(!y?.id||y.id===`0`)return{success:!1,message:h(`replyDetail.invalidReplyTarget`)};let s=ee(o),c=r(e),u=a===`video`?1:2;try{let r=await l({content_id:t.id,content:i(e),medias:s,mentioned_users:c,parent_id:y.id,source_type:u},{revalidate:!1});if(r.code!==0)return{success:!1,message:r.message||h(`replyDetail.publishReplyFailed`)};let a=N(r.data);if(!a||a===`0`)return{success:!1,message:h(`replyDetail.publishReplyFailed`)};let d=F({id:a,user_id:k,user_name:A,avatar:j,text:e,created_at:n(),type:`4`,nine_grid_content_info:o,at_users:Q(e)});return d.parent_reply=y,J?.(d),f?.(),{success:!0}}catch(e){return console.error(`发布回复回复失败:`,e),{success:!1,message:h(`replyDetail.publishReplyFailed`)}}}let[J,Y]=H(null),X=R(e=>{Y(()=>e)},[]),Z=x?`回复@${y.user_name}`:``;function $(e){e||u()}return W(_,{open:c,onOpenChange:$,children:G(v,{showCloseButton:!1,className:`fixed left-0 right-0 bottom-0 top-[84px] z-[1000] h-auto w-full max-w-none translate-x-0 translate-y-0 rounded-none bg-bg2 p-0 text-text1 !flex !flex-col !gap-0`,children:[G(`div`,{className:`w-full h-[60px] bg-bg1 flex items-center justify-center relative`,children:[W(`button`,{type:`button`,className:`w-[48px] focus-within:outline-none focus-within:border-none focus-within:ring-0 h-full flex items-center justify-center absolute left-0 top-0`,onClick:u,children:W(S,{className:`w-[16px] h-[16px] text-text1`})}),W(`span`,{className:`text-[18px] font-bold`,children:h(`replyDetail.commentDetail`)})]}),G(`div`,{className:`flex-1 min-h-0 w-full overflow-y-auto bg-bg2`,children:[W(re,{comment:e,updateFollow:t=>{e.is_follow=t},onRequireLogin:p}),W(se,{commentId:e.id,informationId:t.id,handleReplyComment:P,onReplyListUpdate:X}),W(O,{placeholder:Z,onInputBlur:L,onPublish:B,onRequireLogin:p,ref:g})]})]})})}export{le as default};
+'use client';
+
+import { debounceFun, formatCompactCount, getCurrentSecondTime, parseTextAtUserIds, replaceAtUserElement } from "../../../../utils/common.mjs";
+import { cn } from "../../../../utils/cn.mjs";
+import { useFollowIdsState } from "../../../../store/modules/follow-ids-store.mjs";
+import { useUserStore } from "../../../../store/modules/user-store.mjs";
+import { gCommunityGetComments, pCommunityCreateComment, pCommunityDislikeComment, pCommunityLikeComment, pInteractionFollow, pInteractionUnfollow } from "../../../../service/generated/client.mjs";
+import { checkFollowStatus } from "../../../../utils/follow-service.mjs";
+import { useRouter } from "../../../../utils/use-compatible-router.mjs";
+import { Image } from "../../../ui/image.mjs";
+import { Dialog, DialogContent } from "../../../ui/dialog.mjs";
+import { InfiniteScroll } from "../../../ui/infinite-scroll.mjs";
+import { useLikeDislike } from "../../../../hooks/use-like-dislike.mjs";
+import { useKeepAliveState } from "../../../common/keep-scroll-position/index.mjs";
+import SvgClose from "../../../../assets/icons/close.mjs";
+import SvgFollowSel from "../../../../assets/icons/common/follow_sel.mjs";
+import SvgFollowUser from "../../../../assets/icons/common/follow_user.mjs";
+import { UnfollowConfirmDialog } from "../../../common/follow-button/unfollow-confirm-dialog.mjs";
+import SvgGiveLike from "../../../../assets/icons/detail/give_like.mjs";
+import SvgGiveLikeSel from "../../../../assets/icons/detail/give_like_sel.mjs";
+import CommentInput from "./comment-input.mjs";
+import SvgUnLike from "../../../../assets/icons/detail/un_like.mjs";
+import SvgUnLikeSel from "../../../../assets/icons/detail/un_like_sel.mjs";
+import { CommentMedia } from "./comment-media.mjs";
+import { CommentRichText } from "./comment-rich-text.mjs";
+import { TimeDisplay } from "./time-display.mjs";
+import { CommentItem } from "./comment-item.mjs";
+import { mapApiReplayToReplay } from "../../../../types/safe-replay.mjs";
+import { toast } from "sonner";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/comment/reply-detail.tsx
+/**
+* 将接口时间字段转换为秒级时间戳，兼容秒/毫秒/ISO 字符串。
+*/
+function parseToSecondTimestamp(value) {
+	if (value === void 0 || value === null) return 0;
+	const numericValue = typeof value === "number" ? value : Number(value);
+	if (!Number.isNaN(numericValue) && numericValue > 0) {
+		if (numericValue > 0xe8d4a51000) return Math.floor(numericValue / 1e3);
+		return Math.floor(numericValue);
+	}
+	const parsed = Date.parse(String(value));
+	if (Number.isNaN(parsed)) return 0;
+	return Math.floor(parsed / 1e3);
+}
+/**
+* 将评论媒体转换为 SafeNineGridInfoType 数组（优先 medias）。
+*/
+function convertMediaArrayToNineGridInfo(images, videos, medias) {
+	const result = [];
+	if (Array.isArray(medias) && medias.length > 0) {
+		medias.forEach((media) => {
+			const isVideo = Boolean(media?.is_video);
+			const mediaUrl = String(media?.media_url || "");
+			const coverImage = String(media?.cover_image || "");
+			if (!mediaUrl && !coverImage) return;
+			result.push({
+				cover_image: coverImage,
+				cover_image_thumbnail: coverImage,
+				cover_image_radio: 1,
+				cover_image_resolution: String(media?.cover_image_resolution || ""),
+				image_url: isVideo ? "" : mediaUrl,
+				image_thumbnail: isVideo ? "" : mediaUrl,
+				image_radio: 1,
+				image_resolution: String(media?.image_resolution || ""),
+				is_video: isVideo,
+				resolution: String(media?.video_resolution || ""),
+				video_duration: Number(media?.video_duration || 0),
+				video_url: isVideo ? mediaUrl : "",
+				video_size: Number(media?.video_size || 0),
+				video_codec_info: {
+					hls_info: [],
+					video_codec_deal: false
+				}
+			});
+		});
+		return result;
+	}
+	if (images?.length) images.forEach((imageUrl) => {
+		result.push({
+			cover_image: "",
+			cover_image_thumbnail: "",
+			cover_image_radio: 1,
+			cover_image_resolution: "",
+			image_url: imageUrl,
+			image_thumbnail: imageUrl,
+			image_radio: 1,
+			image_resolution: "",
+			is_video: false,
+			resolution: "",
+			video_duration: 0,
+			video_url: "",
+			video_size: 0,
+			video_codec_info: {
+				hls_info: [],
+				video_codec_deal: false
+			}
+		});
+	});
+	if (videos?.length) videos.forEach((videoUrl) => {
+		result.push({
+			cover_image: "",
+			cover_image_thumbnail: "",
+			cover_image_radio: 1,
+			cover_image_resolution: "",
+			image_url: "",
+			image_thumbnail: "",
+			image_radio: 1,
+			image_resolution: "",
+			is_video: true,
+			resolution: "",
+			video_duration: 0,
+			video_url: videoUrl,
+			video_size: 0,
+			video_codec_info: {
+				hls_info: [],
+				video_codec_deal: false
+			}
+		});
+	});
+	return result;
+}
+/**
+* 将 Community 评论结构映射到 SafeParentReplayType。
+*/
+function mapCommunityCommentToParentReply(comment) {
+	const mentionedUsers = mapCommunityMentionedUsers(comment.mentioned_users);
+	const resolvedAtUsers = mentionedUsers.length > 0 ? mentionedUsers : parseAtUsersFromHtml(comment.content || "");
+	return {
+		id: String(comment.comment_id ?? comment.id ?? ""),
+		user_name: comment.user?.nickname || comment.user?.username || "",
+		text: comment.content || "",
+		type: "4",
+		files: [],
+		at_users: resolvedAtUsers,
+		cover_image: "",
+		nine_grid_content_info: convertMediaArrayToNineGridInfo(comment?.images, comment?.videos, comment?.medias)
+	};
+}
+/**
+* 将 Community 评论结构映射到 SafeReplayType
+*/
+function mapCommunityCommentToSafeReply(comment, parentComment) {
+	const likeFlag = comment.is_liked ? "1" : comment.is_dislike ? "2" : "0";
+	const mentionedUsers = mapCommunityMentionedUsers(comment.mentioned_users);
+	const resolvedAtUsers = mentionedUsers.length > 0 ? mentionedUsers : parseAtUsersFromHtml(comment.content || "");
+	const resolvedId = String(comment.comment_id ?? comment.id ?? "");
+	const rawLikeCnt = typeof comment.like_count === "number" ? comment.like_count : 0;
+	const reply = mapApiReplayToReplay({
+		id: resolvedId,
+		like_cnt: (comment.is_liked && rawLikeCnt === 0 ? 1 : rawLikeCnt).toString(),
+		dislike_cnt: (comment.dislike_count || 0).toString(),
+		created_at: parseToSecondTimestamp(comment.create_time),
+		text: comment.content || "",
+		type: "4",
+		like_flag: likeFlag,
+		user_id: comment.user_id || "",
+		user_name: comment.user?.nickname || comment.user?.username || "",
+		avatar: comment.user?.avatar_url || "",
+		reply_cnt: (comment.reply_count || 0).toString(),
+		nine_grid_content_info: convertMediaArrayToNineGridInfo(comment?.images, comment?.videos, comment?.medias),
+		at_users: resolvedAtUsers,
+		parent_reply: void 0
+	});
+	if (parentComment) reply.parent_reply = mapCommunityCommentToParentReply(parentComment);
+	return reply;
+}
+/**
+* 将评论里的 @ 用户信息转换为 SafeAtUserType。
+*/
+function mapCommunityMentionedUsers(mentionedUsers) {
+	if (!Array.isArray(mentionedUsers)) return [];
+	return mentionedUsers.map((user) => ({
+		user_id: user.user_id || "",
+		name: user.nickname || user.username || "",
+		avatar: user.avatar_url || "",
+		birthday: "",
+		signature: user.signature || ""
+	}));
+}
+/**
+* 从富文本中解析 @mention 信息，用于本地新增回复的高亮展示。
+*/
+function parseAtUsersFromHtml(text) {
+	if (!text) return [];
+	const result = /* @__PURE__ */ new Map();
+	const mentionRegex = /<span[^>]*class=['"]mention['"][^>]*data-id=['"]([^'"]+)['"][^>]*>@([^<]*)<\/span>/g;
+	let match;
+	while ((match = mentionRegex.exec(text)) !== null) {
+		const id = match[1] ? String(match[1]) : "";
+		const name = (match[2] ? String(match[2]) : "").replace(/^@/, "") || id;
+		if (!id || result.has(id)) continue;
+		result.set(id, {
+			user_id: id,
+			name,
+			avatar: "",
+			birthday: "",
+			signature: ""
+		});
+	}
+	if (result.size > 0) return Array.from(result.values());
+	const placeholderRegex = /<@_user>(\w+)<\/@_user>/g;
+	while ((match = placeholderRegex.exec(text)) !== null) {
+		const id = match[1] ? String(match[1]) : "";
+		if (!id || result.has(id)) continue;
+		result.set(id, {
+			user_id: id,
+			name: id,
+			avatar: "",
+			birthday: "",
+			signature: ""
+		});
+	}
+	return Array.from(result.values());
+}
+/**
+* 将评论附件转换为 createComment 的 medias 结构。
+*/
+function buildCommentMedias(list) {
+	if (!Array.isArray(list) || list.length === 0) return [];
+	return list.map((item) => {
+		const isVideo = Boolean(item.is_video);
+		const mediaUrl = isVideo ? String(item.video_url || "") : String(item.image_url || item.cover_image || "");
+		const coverImage = String(item.cover_image || item.image_url || "");
+		return {
+			media_url: mediaUrl,
+			is_video: isVideo,
+			image_resolution: String(item.image_resolution || ""),
+			cover_image: coverImage,
+			cover_image_resolution: String(item.cover_image_resolution || ""),
+			video_resolution: String(item.resolution || ""),
+			video_duration: Number(item.video_duration || 0),
+			video_size: Number(item.video_size || 0)
+		};
+	}).filter((media) => Boolean(media.media_url));
+}
+/**
+* 将 Community 评论列表扁平化，包含 sub_comments。
+*/
+function flattenCommunityCommentReplies(comments, parentComment) {
+	const result = [];
+	comments.forEach((item) => {
+		result.push(mapCommunityCommentToSafeReply(item, parentComment));
+		if (item.sub_comments?.length) result.push(...flattenCommunityCommentReplies(item.sub_comments, item));
+	});
+	return result;
+}
+/**
+* 回复详情点赞节流。
+*/
+const replyDetailLikeDebounce = debounceFun((reply, _informationId, _commentId) => {
+	try {
+		if (!reply?.id) return;
+		pCommunityLikeComment({
+			comment_id: reply.id,
+			is_like: reply.like_flag !== "1"
+		}, { revalidate: false });
+	} catch (error) {
+		console.error("点赞回复失败:", error);
+	}
+}, 200);
+/**
+* 回复详情点踩节流。
+*/
+const replyDetailDislikeDebounce = debounceFun((reply, _informationId, _commentId) => {
+	try {
+		if (!reply?.id) return;
+		pCommunityDislikeComment({
+			comment_id: reply.id,
+			is_dislike: reply.like_flag !== "2"
+		}, { revalidate: false });
+	} catch (error) {
+		console.error("点踩回复失败:", error);
+	}
+}, 200);
+/**
+* 回复详情顶部评论区。
+*/
+const ReplyDetailHeader = memo(({ comment, updateFollow, onRequireLogin }) => {
+	const { userInfo, userId, isLogin } = useUserStore();
+	const resolvedUserId = userInfo?.userId || userInfo?.user_id || userId || "";
+	return /* @__PURE__ */ jsx("div", {
+		className: "w-full bg-bg1",
+		children: /* @__PURE__ */ jsx(CommentItem, {
+			comment,
+			variant: "light",
+			isLogin,
+			onRequireLogin,
+			rightSlot: useMemo(() => Boolean(resolvedUserId) && String(resolvedUserId) === String(comment.user_id || ""), [comment.user_id, resolvedUserId]) ? /* @__PURE__ */ jsx(Fragment$1, {}) : /* @__PURE__ */ jsx(ReplyFollowButton, {
+				userId: comment.user_id,
+				hasFollow: comment.is_follow,
+				onChange: updateFollow,
+				onRequireLogin
+			}),
+			showReplyButton: false
+		})
+	});
+});
+/**
+* 回复详情关注按钮。
+*/
+function ReplyFollowButton({ userId: followUserId, hasFollow = false, onChange, onRequireLogin }) {
+	const t = useTranslations("components.biz.business.comment");
+	const { isLogin, userInfo, userId } = useUserStore();
+	const { followIds } = useFollowIdsState();
+	const [isFollow, setIsFollow] = useState(hasFollow);
+	const [confirmOpen, setConfirmOpen] = useState(false);
+	const resolvedUserId = userInfo?.userId || userInfo?.user_id || userId || "";
+	const isSelf = useMemo(() => Boolean(resolvedUserId) && String(resolvedUserId) === String(followUserId || ""), [followUserId, resolvedUserId]);
+	const isHasFollowedStatus = useMemo(() => hasFollow || followIds.includes(followUserId), [
+		followIds,
+		hasFollow,
+		followUserId
+	]);
+	useEffect(() => {
+		setIsFollow(isHasFollowedStatus);
+	}, [isHasFollowedStatus]);
+	/**
+	* 改变关注状态。
+	*/
+	const changeFollowStatus = useCallback(async () => {
+		try {
+			if (!resolvedUserId || !followUserId || followUserId === "0") {
+				toast.error(t("replyDetail.loginRequired"));
+				return;
+			}
+			if (isFollow) {
+				const res = await pInteractionUnfollow({
+					follower_id: String(resolvedUserId),
+					followee_id: followUserId
+				});
+				if (res.code !== 0) {
+					toast.error(res.message || t("replyDetail.unfollowFailed"));
+					return;
+				}
+			} else {
+				const res = await pInteractionFollow({
+					follower_id: String(resolvedUserId),
+					followee_id: followUserId
+				});
+				if (res.code !== 0) {
+					toast.error(res.message || t("replyDetail.followFailed"));
+					return;
+				}
+			}
+			window.sensors?.track("detail_follow_click", {
+				object_id: "",
+				action: isFollow ? "取消关注" : "关注",
+				author_id: followUserId
+			});
+			sessionStorage.setItem("user_page_refresh", "1");
+		} catch (error) {
+			console.error("关注或取消关注失败:", error);
+			toast.error(isFollow ? t("replyDetail.unfollowFailed") : t("replyDetail.followFailed"));
+			return;
+		}
+		const nextFollow = !isFollow;
+		onChange?.(nextFollow);
+		setIsFollow(nextFollow);
+		const { followIds: prevIds, setFollowIds } = useFollowIdsState.getState();
+		const next = new Set(prevIds);
+		if (nextFollow) next.add(followUserId);
+		else next.delete(followUserId);
+		setFollowIds(Array.from(next));
+	}, [
+		followUserId,
+		isFollow,
+		onChange,
+		resolvedUserId,
+		t
+	]);
+	/**
+	* 点击关注按钮。
+	*/
+	const followHandler = useCallback(() => {
+		if (!isLogin) {
+			onRequireLogin?.();
+			return;
+		}
+		if (isFollow) {
+			setConfirmOpen(true);
+			return;
+		}
+		changeFollowStatus();
+	}, [
+		changeFollowStatus,
+		isFollow,
+		isLogin,
+		onRequireLogin
+	]);
+	function handleConfirmUnfollow() {
+		setConfirmOpen(false);
+		changeFollowStatus();
+	}
+	function handleCancelUnfollow() {
+		setConfirmOpen(false);
+	}
+	if (isSelf || !followUserId || followUserId === "0") return null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+		className: cn("h-[28px] rounded-[14px] px-[8px] border border-solid cursor-pointer flex items-center justify-center", !isFollow ? "border-theme5" : "border-text3"),
+		onClick: followHandler,
+		children: !isFollow ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SvgFollowUser, { className: "block w-[12px] h-[12px] text-theme5 shrink-0" }), /* @__PURE__ */ jsx("span", {
+			className: "block text-theme5 text-[12px] leading-[18px] ml-[4px] shrink-0",
+			children: t("replyDetail.follow")
+		})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SvgFollowSel, { className: "w-[12px] h-[12px] text-text3 shrink-0" }), /* @__PURE__ */ jsx("span", {
+			className: "text-text3 text-[12px] leading-[18px] ml-[4px] shrink-0",
+			children: t("replyDetail.followed")
+		})] })
+	}), /* @__PURE__ */ jsx(UnfollowConfirmDialog, {
+		open: confirmOpen,
+		onOpenChange: setConfirmOpen,
+		onCancel: handleCancelUnfollow,
+		onConfirm: handleConfirmUnfollow
+	})] });
+}
+/**
+* 0ms 节流：用于输入框失焦时先重置状态。
+*/
+const replyDetailDebounce0 = debounceFun((callback) => {
+	callback();
+}, 0);
+/**
+* 跟随列表滚动位置变化，自动保存/恢复滚动位置。
+*/
+function useScrollPositionEffect(containerRef, scrollTop, onScrollTopChange, key) {
+	const restoredRef = useRef(false);
+	useEffect(() => {
+		restoredRef.current = false;
+	}, [key]);
+	useEffect(() => {
+		const container = containerRef.current;
+		if (!container) return;
+		if (!restoredRef.current && scrollTop > 0) {
+			container.scrollTop = scrollTop;
+			restoredRef.current = true;
+		}
+		const handleScroll = () => {
+			restoredRef.current = true;
+			onScrollTopChange(container.scrollTop);
+		};
+		container.addEventListener("scroll", handleScroll, { passive: true });
+		return () => container.removeEventListener("scroll", handleScroll);
+	}, [
+		containerRef,
+		onScrollTopChange,
+		scrollTop,
+		key
+	]);
+}
+/**
+* 回复列表。
+*/
+const ReplyList = memo(({ commentId, informationId, handleReplyComment, onReplyListUpdate }) => {
+	const t = useTranslations("components.biz.business.comment");
+	const [replyList, setReplyList] = useKeepAliveState(`replay-detail-list-${commentId}`, []);
+	const [hasMore, setHasMore] = useKeepAliveState(`replay-detail-has-more-${commentId}`, true);
+	const [page, setPage] = useKeepAliveState(`replay-detail-page-${commentId}`, 1);
+	const { getLikedListData, getDislikedListData } = useLikeDislike();
+	const fetchInProgressRef = useRef(false);
+	/**
+	* 获取回复列表。
+	*/
+	const fetchReplyList = useCallback(async () => {
+		if (!commentId || !informationId) return;
+		if (fetchInProgressRef.current) return;
+		fetchInProgressRef.current = true;
+		try {
+			const result = await gCommunityGetComments({
+				content_id: informationId,
+				parent_id: commentId,
+				page,
+				page_size: 20,
+				sort_by: "latest"
+			});
+			if (result.code !== 0) throw new Error(result.message || t("replyDetail.fetchRepliesFailed"));
+			const list = result.data?.data?.comments ?? [];
+			const data = flattenCommunityCommentReplies(list);
+			if ((result.data?.data?.has_more ?? false) === false || list.length < 20) setHasMore(false);
+			setReplyList((prevList) => {
+				const existingIds = new Set(prevList.map((item) => item.id));
+				const filteredData = data.filter((item) => !existingIds.has(item.id));
+				return [...prevList, ...filteredData];
+			});
+			if (data.length > 0) setPage(page + 1);
+		} catch (error) {
+			console.error("获取回复列表失败:", error);
+			setHasMore(false);
+		} finally {
+			fetchInProgressRef.current = false;
+		}
+	}, [
+		commentId,
+		informationId,
+		page,
+		setReplyList,
+		setHasMore,
+		setPage,
+		t
+	]);
+	/**
+	* 更新回复列表。
+	*/
+	const updateReplyList = useCallback((newReply) => {
+		setReplyList((prevList) => [newReply, ...prevList]);
+	}, [setReplyList]);
+	useEffect(() => {
+		onReplyListUpdate(updateReplyList);
+	}, [onReplyListUpdate, updateReplyList]);
+	/**
+	* 当评论ID改变时，重置状态并加载第一页数据。
+	*/
+	useEffect(() => {
+		if (commentId && informationId) {
+			setReplyList((prev) => prev.length === 0 ? prev : []);
+			setHasMore((prev) => prev === true ? prev : true);
+			setPage((prev) => prev === 1 ? prev : 1);
+		}
+	}, [
+		commentId,
+		informationId,
+		setReplyList,
+		setHasMore,
+		setPage
+	]);
+	/**
+	* 点赞回复。
+	*/
+	const handleLikeReply = useCallback((reply) => {
+		setReplyList((prevList) => getLikedListData(prevList, reply.id));
+		replyDetailLikeDebounce(reply, informationId, commentId);
+	}, [
+		commentId,
+		getLikedListData,
+		informationId,
+		setReplyList
+	]);
+	/**
+	* 点踩回复。
+	*/
+	const handleDislikeReply = useCallback((reply) => {
+		if (reply.like_flag !== "2") toast.message(t("replyDetail.dislikeHint"));
+		setReplyList((prevList) => getDislikedListData(prevList, reply.id));
+		replyDetailDislikeDebounce(reply, informationId, commentId);
+	}, [
+		commentId,
+		getDislikedListData,
+		informationId,
+		setReplyList,
+		t
+	]);
+	const [scrollTop, setScrollTop] = useKeepAliveState(`replay-detail-scroll-top-${commentId}`, 0);
+	const containerRef = useRef(null);
+	useScrollPositionEffect(containerRef, scrollTop, setScrollTop, commentId);
+	useEffect(() => {
+		if (!commentId || !informationId) return;
+		if (replyList.length === 0 && hasMore) fetchReplyList();
+	}, [
+		commentId,
+		informationId,
+		fetchReplyList,
+		replyList.length,
+		hasMore
+	]);
+	/**
+	* 加载更多。
+	*/
+	const handleLoadMore = useCallback(async () => {
+		await fetchReplyList();
+	}, [fetchReplyList]);
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		className: "w-full pb-[66px]",
+		children: [replyList.map((item, index) => /* @__PURE__ */ jsx(ReplyCommentItem, {
+			replyItem: item,
+			replyComment: handleReplyComment,
+			onLikeReply: handleLikeReply,
+			onDislikeReply: handleDislikeReply
+		}, `${item.id}-${index}`)), /* @__PURE__ */ jsx(InfiniteScroll, {
+			loadMore: handleLoadMore,
+			hasMore
+		})]
+	});
+});
+/**
+* 回复列表项。
+*/
+function ReplyCommentItem({ replyItem, replyComment, onLikeReply, onDislikeReply }) {
+	const t = useTranslations("components.biz.business.comment");
+	const router = useRouter();
+	const isUnderReview = replyItem.status === "0";
+	/**
+	* 点赞回复。
+	*/
+	function handleLikeClick() {
+		onLikeReply?.(replyItem);
+	}
+	/**
+	* 点踩回复。
+	*/
+	function handleDislikeClick() {
+		onDislikeReply?.(replyItem);
+	}
+	/**
+	* 回复该回复。
+	*/
+	function handleReplyClick() {
+		replyComment(replyItem);
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "p-[16px] flex flex-col",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-row justify-between",
+			children: [/* @__PURE__ */ jsxs("button", {
+				type: "button",
+				className: "flex flex-row items-center text-left",
+				onClick: () => {
+					router.push(`/profile/${replyItem.user_id}`);
+				},
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "w-[38px] h-[38px] rounded-full overflow-hidden relative bg-bg2",
+					children: replyItem.avatar && /* @__PURE__ */ jsx(Image, {
+						src: replyItem.avatar,
+						fill: true,
+						objectFit: "cover",
+						alt: "avatar"
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "ml-[12px] flex flex-col",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-text2 text-[14px] leading-[14px] max-w-[180px] text-ellipsis overflow-hidden whitespace-nowrap",
+						children: replyItem.user_name
+					}), /* @__PURE__ */ jsx("span", {
+						className: "mt-[8px] text-text3 text-[12px] leading-[12px]",
+						children: /* @__PURE__ */ jsx(TimeDisplay, { timestamp: replyItem.created_at })
+					})]
+				})]
+			}), isUnderReview ? /* @__PURE__ */ jsx("div", {
+				className: "px-[8px] py-[4px] bg-text3/10 rounded-[12px]",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-text3 text-[12px] leading-[12px]",
+					children: t("replyDetail.underReview")
+				})
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-row items-center",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "px-[4px] flex flex-col items-center",
+					onClick: handleLikeClick,
+					children: [replyItem.like_flag === "1" ? /* @__PURE__ */ jsx(SvgGiveLikeSel, { className: "w-[14px] h-[14px]" }) : /* @__PURE__ */ jsx(SvgGiveLike, { className: "w-[14px] h-[14px] text-text3" }), /* @__PURE__ */ jsx("span", {
+						className: "mt-[4px] text-text3 text-[12px] leading-[12px]",
+						children: replyItem.like_cnt === "0" ? t("replyDetail.like") : formatCompactCount(replyItem.like_cnt)
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "ml-[12px] px-[4px] flex flex-col items-center",
+					onClick: handleDislikeClick,
+					children: [replyItem.like_flag === "2" ? /* @__PURE__ */ jsx(SvgUnLikeSel, { className: "w-[14px] h-[14px]" }) : /* @__PURE__ */ jsx(SvgUnLike, { className: "w-[14px] h-[14px] text-text3" }), /* @__PURE__ */ jsx("span", {
+						className: "mt-[4px] text-text3 text-[12px] leading-[12px]",
+						children: replyItem.dislike_cnt === "0" ? t("replyDetail.dislike") : formatCompactCount(replyItem.dislike_cnt)
+					})]
+				})]
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "mt-[4px] pl-[50px] flex flex-col",
+			children: [
+				replyItem.text && /* @__PURE__ */ jsx(CommentRichText, {
+					className: "text-text1 text-[14px] leading-[22px] break-all",
+					text: replyItem.text,
+					atUsers: replyItem.at_users
+				}),
+				/* @__PURE__ */ jsx(CommentMedia, {
+					list: replyItem.nine_grid_content_info,
+					disabled: isUnderReview,
+					hasText: Boolean(replyItem.text),
+					playerId: replyItem.id
+				}),
+				replyItem.parent_reply && replyItem.parent_reply.text && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+					className: "mt-[4px] flex flex-row items-center text-[14px] leading-[22px] relative pl-[8px]",
+					children: [/* @__PURE__ */ jsx("div", { className: "w-[2px] h-full bg-line1 mr-[8px] absolute left-0 top-0 bottom-0 m-auto" }), /* @__PURE__ */ jsxs("span", {
+						className: "text-theme1",
+						children: [
+							replyItem.parent_reply.user_name,
+							"：",
+							replyItem.parent_reply.text && /* @__PURE__ */ jsx("span", {
+								className: "text-text1",
+								children: /* @__PURE__ */ jsx(CommentRichText, {
+									text: replyItem.parent_reply.text,
+									atUsers: replyItem.parent_reply.at_users
+								})
+							})
+						]
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "mt-1",
+					children: /* @__PURE__ */ jsx(CommentMedia, {
+						list: replyItem.parent_reply.nine_grid_content_info,
+						disabled: isUnderReview,
+						hasText: Boolean(replyItem.parent_reply.text),
+						playerId: replyItem.parent_reply.id
+					})
+				})] }),
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-[4px] w-[fit-content] h-[30px] px-[12px] text-text1 text-[14px] leading-[22px] flex flex-row items-center bg-bg1 rounded-[15px]",
+					onClick: handleReplyClick,
+					children: /* @__PURE__ */ jsx("span", { children: t("replyDetail.reply") })
+				})
+			]
+		})]
+	});
+}
+/**
+* 回复详情弹层。
+*/
+function ReplyDetail({ comment, information, contentType, visible, onClose, onReplyComment, onReplyAdded, onRequireLogin }) {
+	const t = useTranslations("components.biz.business.comment");
+	const commentRef = useRef(null);
+	const [replyComment, setReplyComment] = useState(() => mapApiReplayToReplay({}));
+	const [isClickReplyButton, setIsClickReplyButton] = useState(false);
+	const { userInfo, userId: storeUserId } = useUserStore();
+	const { followIds, setFollowIds } = useFollowIdsState();
+	const resolvedUserId = userInfo?.userId || userInfo?.user_id || storeUserId || "";
+	const resolvedUserName = userInfo?.name || userInfo?.nick_name || userInfo?.nickname || userInfo?.user_name || "";
+	const resolvedUserAvatar = userInfo?.avatar || userInfo?.avatar_url || "";
+	const followCheckRef = useRef({
+		commentId: "",
+		userId: ""
+	});
+	/**
+	* CreateComment 接口 data 字段在不同端/版本里可能是：
+	* - { comment_id: '123' }
+	* - ['123']
+	* - { data: ['123'] }
+	* 统一兜底解析，避免拿不到 comment_id 后本地用时间戳/0 作为 id，进一步把 parent_id 传错（深层回复会放大这个问题）。
+	*/
+	function resolveCreatedCommentId(data) {
+		if (!data) return "";
+		if (Array.isArray(data)) return String(data[0] || "");
+		if (typeof data === "object") {
+			if (Object.prototype.hasOwnProperty.call(data, "comment_id")) return String(data.comment_id ?? "");
+			if (Array.isArray(data.data)) return String(data.data[0] || "");
+		}
+		return "";
+	}
+	/**
+	* 弹窗打开时刷新关注状态（同步 followIds/评论头部按钮）。
+	*/
+	useEffect(() => {
+		if (!visible) return;
+		if (!resolvedUserId || !comment.user_id) return;
+		if (comment.user_id === "0") return;
+		if (String(resolvedUserId) === String(comment.user_id)) return;
+		if (followCheckRef.current.commentId === comment.id && followCheckRef.current.userId === resolvedUserId) return;
+		followCheckRef.current = {
+			commentId: comment.id,
+			userId: resolvedUserId
+		};
+		(async () => {
+			const result = await checkFollowStatus({
+				app_id: 0,
+				follower_id: resolvedUserId,
+				followee_ids: [comment.user_id]
+			});
+			if (!result.success || !result.data?.is_following_map) return;
+			const isFollowed = Boolean(result.data.is_following_map[comment.user_id]);
+			comment.is_follow = isFollowed;
+			const next = new Set(followIds);
+			if (isFollowed) next.add(comment.user_id);
+			else next.delete(comment.user_id);
+			setFollowIds(Array.from(next));
+		})();
+	}, [
+		comment,
+		followIds,
+		resolvedUserId,
+		setFollowIds,
+		visible
+	]);
+	/**
+	* 回复回复：定位到输入框。
+	*/
+	const handleReplyComment = useCallback((reply) => {
+		setReplyComment(reply);
+		setTimeout(() => {
+			setIsClickReplyButton(true);
+			commentRef.current?.focus();
+		}, 10);
+	}, []);
+	/**
+	* 输入框失焦：重置回复态。
+	*/
+	function handleInputBlur() {
+		replyDetailDebounce0(() => {
+			setIsClickReplyButton(false);
+		});
+	}
+	/**
+	* 回复评论（统一入口）。
+	*/
+	async function handlePublishComment({ text, imageVideoInfoList }) {
+		/**
+		* 统一处理发布失败提示。
+		*/
+		const handlePublishFailure = (result) => {
+			if (result.success) return result;
+			toast.error(result.message || t("replyDetail.publishReplyFailed"));
+			return {
+				...result,
+				toastHandled: true
+			};
+		};
+		if (isClickReplyButton) {
+			const result = await publishReplyReply({
+				text,
+				imageVideoInfoList
+			});
+			setIsClickReplyButton(false);
+			return handlePublishFailure(result);
+		} else {
+			const result = await publishReplyComment({
+				text,
+				imageVideoInfoList
+			});
+			setIsClickReplyButton(false);
+			return handlePublishFailure(result);
+		}
+	}
+	/**
+	* 发布回复评论（直接回复评论）。
+	*/
+	async function publishReplyComment({ text, imageVideoInfoList }) {
+		return await onReplyComment?.({
+			text,
+			imageVideoInfoList,
+			callback: (replyId) => {
+				const localAtUsers = parseAtUsersFromHtml(text);
+				if (!replyId || replyId === "0") return;
+				const newReply = mapApiReplayToReplay({
+					id: replyId,
+					user_id: resolvedUserId,
+					user_name: resolvedUserName,
+					avatar: resolvedUserAvatar,
+					text,
+					created_at: getCurrentSecondTime(),
+					type: "4",
+					nine_grid_content_info: imageVideoInfoList,
+					at_users: localAtUsers
+				});
+				updateReplyListFn?.(newReply);
+			}
+		}) ?? { success: true };
+	}
+	/**
+	* 发布回复回复（回复某条回复）。
+	*/
+	async function publishReplyReply({ text, imageVideoInfoList }) {
+		if (!replyComment?.id || replyComment.id === "0") return {
+			success: false,
+			message: t("replyDetail.invalidReplyTarget")
+		};
+		const medias = buildCommentMedias(imageVideoInfoList);
+		const mentionedUserIds = parseTextAtUserIds(text);
+		const resolvedSourceType = contentType === "video" ? 1 : 2;
+		try {
+			const result = await pCommunityCreateComment({
+				content_id: information.id,
+				content: replaceAtUserElement(text),
+				medias,
+				mentioned_users: mentionedUserIds,
+				parent_id: replyComment.id,
+				source_type: resolvedSourceType
+			}, { revalidate: false });
+			if (result.code !== 0) return {
+				success: false,
+				message: result.message || t("replyDetail.publishReplyFailed")
+			};
+			const replyId = resolveCreatedCommentId(result.data);
+			if (!replyId || replyId === "0") return {
+				success: false,
+				message: t("replyDetail.publishReplyFailed")
+			};
+			const newReply = mapApiReplayToReplay({
+				id: replyId,
+				user_id: resolvedUserId,
+				user_name: resolvedUserName,
+				avatar: resolvedUserAvatar,
+				text,
+				created_at: getCurrentSecondTime(),
+				type: "4",
+				nine_grid_content_info: imageVideoInfoList,
+				at_users: parseAtUsersFromHtml(text)
+			});
+			newReply.parent_reply = replyComment;
+			updateReplyListFn?.(newReply);
+			onReplyAdded?.();
+			return { success: true };
+		} catch (error) {
+			console.error("发布回复回复失败:", error);
+			return {
+				success: false,
+				message: t("replyDetail.publishReplyFailed")
+			};
+		}
+	}
+	const [updateReplyListFn, setUpdateReplyListFn] = useState(null);
+	/**
+	* 处理更新回复列表的函数。
+	*/
+	const handleReplyListUpdate = useCallback((updateFn) => {
+		setUpdateReplyListFn(() => updateFn);
+	}, []);
+	/**
+	* 评论输入框占位符。
+	*/
+	const inputPlaceholder = isClickReplyButton ? `回复@${replyComment.user_name}` : "";
+	/**
+	* 弹窗开关回调。
+	*/
+	function handleDialogOpenChange(next) {
+		if (!next) onClose();
+	}
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: visible,
+		onOpenChange: handleDialogOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			showCloseButton: false,
+			className: "fixed left-0 right-0 bottom-0 top-[84px] z-[1000] h-auto w-full max-w-none translate-x-0 translate-y-0 rounded-none bg-bg2 p-0 text-text1 !flex !flex-col !gap-0",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "w-full h-[60px] bg-bg1 flex items-center justify-center relative",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "w-[48px] focus-within:outline-none focus-within:border-none focus-within:ring-0 h-full flex items-center justify-center absolute left-0 top-0",
+					onClick: onClose,
+					children: /* @__PURE__ */ jsx(SvgClose, { className: "w-[16px] h-[16px] text-text1" })
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-[18px] font-bold",
+					children: t("replyDetail.commentDetail")
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex-1 min-h-0 w-full overflow-y-auto bg-bg2",
+				children: [
+					/* @__PURE__ */ jsx(ReplyDetailHeader, {
+						comment,
+						updateFollow: (hasFollow) => {
+							comment.is_follow = hasFollow;
+						},
+						onRequireLogin
+					}),
+					/* @__PURE__ */ jsx(ReplyList, {
+						commentId: comment.id,
+						informationId: information.id,
+						handleReplyComment,
+						onReplyListUpdate: handleReplyListUpdate
+					}),
+					/* @__PURE__ */ jsx(CommentInput, {
+						placeholder: inputPlaceholder,
+						onInputBlur: handleInputBlur,
+						onPublish: handlePublishComment,
+						onRequireLogin,
+						ref: commentRef
+					})
+				]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { ReplyDetail as default };