@funhub/platform 0.2.30 → 0.2.31

package/dist/components/biz/business/profile/profile-main/tabs/collect-tab/client.mjs

@@ -1,2 +1,748 @@
 
-"use client";import{cn as e}from"../../../../../../../utils/cn.mjs";import{useUserStore as t}from"../../../../../../../store/modules/user-store.mjs";import{gCommunityGetSubscribedCollections as n,gCommunityGetUserCollections as r,gInteractionListCollects as i,pCommunityBatchDeleteCollection as a,pInteractionBatchDeleteCollects as ee}from"../../../../../../../service/generated/client.mjs";import{Button as te}from"../../../../../../ui/button.mjs";import{Box as o}from"../../../../../../ui/box.mjs";import{Text as ne}from"../../../../../../ui/text.mjs";import{Tabs as re,TabsList as ie,TabsTrigger as s}from"../../../../../../ui/tabs.mjs";import{useMutation as ae,usePaginated as c,useUpdateRequest as oe}from"../../../../../../../hooks/query/use-query.mjs";import{CreateCollectionSheet as se}from"../../../../../../common/collection-popup/create-collection-sheet.mjs";import{DeleteConfirmDialog as ce}from"../../../../../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";import{CollectionList as le}from"../../../../../../common/list/collection-list/collection-list.mjs";import{PostList as ue}from"../../../../../../common/list/post-list/post-list.mjs";import{trackProfilePageClick as de}from"../../../tracking.mjs";import{ProfileMainEmptyState as l}from"../../empty-state.mjs";import{getProfileMainSecondaryTabOptions as fe}from"../../variants.mjs";import{EditorPreviewWaterfall as pe}from"../editor-preview-waterfall.mjs";import{CollectVideoWaterfall as me}from"./video-waterfall.mjs";import{toast as u}from"sonner";import{useEffect as d,useMemo as f,useState as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{useTranslations as g}from"next-intl";import _ from"dayjs";import{parseAsString as he,useQueryState as ge}from"nuqs";const _e={video:1,post:2};function ve(e,t){if(!e)return e;let n=0,r=e.pages.map(e=>({page:e,filteredList:(e.data?.list??b).filter(e=>{let r=e?.id??``,i=t.has(r);return i&&(n+=1),!i})}));return{...e,pages:r.map(({page:e,filteredList:t})=>{if(!e.data)return e;let r=typeof e.data.total==`number`?Math.max(0,e.data.total-n):e.data.total;return{...e,data:{...e.data,list:t,total:r}}})}}function v(e){if(e.cover_image)return e.cover_image;let t=``;return e.medias?.find(e=>e?(!e.is_video&&!t&&e.media_url&&(t=e.media_url),!!e.cover_image):!1)?.cover_image||t}function ye(e,t){let n=t[e.content_id||``]?.create_time,r=v(e);return{id:e.content_id||``,title:e.content||``,coverImage:r,publishTime:_(n).toDate().getTime()}}function be(e){return String(e.description||e.detail?.description||``).trim()||``}function xe(e){let t=String(e.img_type||``).trim().toLowerCase();return t===`short`?e.img_y||e.img_x||``:t===`long`?e.img_x||e.img_y||``:e.img_y||e.img_x||``}function Se(e,t){let n=t[e.id||``]?.create_time;return{is_more_link:e.is_more_link,id:e.id||``,title:e.name||``,coverImage:xe(e),duration:Number(e.duration??e.detail?.duration??0),authorName:e.up_user||e.source_username||``,viewCount:e.play_count??0,publishTime:_(n).toDate().getTime(),imgType:e.img_type||e.media?.img_type||``,score:e.score??e.detail?.score,description:be(e)}}function y(e){let t=v(e);return{contentType:e.source_type,id:e.content_id,title:e.title||e.content,coverImage:t,isVideo:!1,isMovie:!1}}function Ce(e){return Array.from({length:3},(t,n)=>({id:`${e}-placeholder-${n}`,isPlaceholder:!0}))}function we(e){let t=e.contents??[],n=(Array.isArray(t)?t:[]).slice(0,3).map(y),r=e.content_count??n.length;return{id:e.collection_id||``,title:e.title||``,contentCount:r,isDefaultCollection:!!e.is_default,contents:r===0?Ce(e.collection_id||`collection`):n}}const b=[],Te=[`created`,`subscribed`];function Ee({className:t}){return m(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,className:e(`text-[var(--color-text-secondary)] opacity-60`,t),children:m(`path`,{d:`M7.33398 7.3335V4.66683H8.66732V7.3335H11.334V8.66683H8.66732V11.3335H7.33398V8.66683H4.66732V7.3335H7.33398ZM8.00065 14.6668C4.31875 14.6668 1.33398 11.682 1.33398 8.00016C1.33398 4.31826 4.31875 1.3335 8.00065 1.3335C11.6825 1.3335 14.6673 4.31826 14.6673 8.00016C14.6673 11.682 11.6825 14.6668 8.00065 14.6668ZM8.00065 13.3335C10.9462 13.3335 13.334 10.9457 13.334 8.00016C13.334 5.05464 10.9462 2.66683 8.00065 2.66683C5.05513 2.66683 2.66732 5.05464 2.66732 8.00016C2.66732 10.9457 5.05513 13.3335 8.00065 13.3335Z`,fill:`currentColor`})})}function De({className:t}){return m(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,className:e(`text-[var(--color-text-secondary)] opacity-60`,t),children:m(`g`,{children:m(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M10.7666 2.12385C10.9828 1.94731 11.3023 1.95935 11.5039 2.16096L13.8389 4.49592C13.942 4.5991 13.9999 4.73966 14 4.88557C14 5.03152 13.942 5.17199 13.8389 5.27522L11.5078 7.6053C11.5063 7.60688 11.5055 7.60959 11.5039 7.61116C11.5023 7.61279 11.4997 7.61345 11.498 7.61506L5.27539 13.8387C5.17216 13.9418 5.03168 13.9998 4.88574 13.9998H2.55078C2.24679 13.9998 2.00001 13.753 2 13.449V11.1141C2 10.9681 2.05794 10.8277 2.16113 10.7244L10.7246 2.16096L10.7666 2.12385ZM3.10059 11.3416V12.8992H4.6582L10.335 7.22151L8.77734 5.66389L3.10059 11.3416ZM9.55664 4.88459L11.1143 6.44221L12.6709 4.88557L11.1133 3.32893L9.55664 4.88459Z`,fill:`currentColor`})})})}const Oe=`shrink-0 whitespace-nowrap flex items-center gap-[2px] text-[14px] leading-6 text-[var(--color-text-secondary)]`;function x(){return e(`!flex !items-center !flex-none !h-auto !w-auto !rounded-[4px] !px-2 !py-[5px] !bg-[var(--color-surface-chip-gray20)] !text-[12px] !font-normal !leading-[14px] !text-text1 hover:!text-text1`,`data-[active]:!text-text1 data-[state=active]:!text-text1`,`data-[active]:!bg-[image:var(--gradient-action-button)]`,`data-[state=active]:!bg-[image:var(--gradient-action-button)]`)}function S({mode:e=`renderer`,userId:_,showCreateAction:v=!1,queryKeyPrefix:be,isMine:xe=!1,contentTypes:y}){let Ce=g(),S=g(`components.pages.collectionDetail`),C=g(`components.pages.profile.components.tabs`),w=e===`renderer`,T=be??[],E=f(()=>fe(y),[y]),D=f(()=>[...E,`collection`],[E]),[O,k]=ge(`collectTab`,he.withDefault(`video`)),[A,ke]=ge(`collectCollectionTab`,he.withDefault(`created`)),j=f(()=>{let e=D[0]??`video`;return D.includes(O)?O:e},[D,O]),M=f(()=>Te.includes(A)?A:`created`,[A]),[N,P]=p(!1),[F,I]=p(!1),[Ae,L]=p(!1),[je,R]=p(!1),[Me,Ne]=p(!1),[z,B]=p(()=>new Set),[V,H]=p(()=>new Set),{userId:Pe,userInfo:Fe}=t(),U=_||Pe||Fe?.userId||``,Ie=oe();async function Le(e,t){if(!U)return{data:{list:[],total:0}};let n=await i({user_id:U,folder_id:``,content_type:t,page:e,page_size:10}),r=n.data.collect_infos?.reduce((e,t)=>(t.content_id&&(e[t.content_id]=t),e),{})||{},a=n.data?.collect_items?.map(e=>t===_e.video?Se(e.video_info,r):ye(e.post_info,r))??[];return{data:{list:a,total:n.data?.total??a.length}}}let W=c({key:[...T,`user-collect-video`,U],initialPageParam:1,async queryFn(e){return Le(e,_e.video)},options:{staleTime:0,enabled:w},getNextPageParam(e,t){if((e?.data?.list||[]).length!==0)return t.length+1}}),G=c({key:[...T,`user-collect-post`,U],initialPageParam:1,options:{staleTime:0,enabled:w},async queryFn(e){return{data:{list:[],total:0,has_more:!1}}},getNextPageParam(e,t){if((e?.data?.list||[]).length!==0)return t.length+1}});async function Re(e){if(!U)return{data:{list:[],total:0}};let t=await r({page:e,user_id:_,page_size:10}),n=t.data?.data?.collections??[];return{data:{list:n.map(we),total:t.data?.data?.total??n.length}}}async function ze(e){if(!U)return{data:{list:[],total:0}};let t=(await n({page:e,user_id:_,page_size:10})).data?.data,r=t?.collections??[];return{data:{list:r.map(we),total:t?.total??r.length}}}let K=c({key:[...T,`user-collection-created`,U],initialPageParam:1,options:{staleTime:0,enabled:w},async queryFn(e){return Re(e)},getNextPageParam(e,t){if((e?.data?.list||[]).length!==0)return t.length+1}}),q=c({key:[...T,`user-collection-subscribed`,U],initialPageParam:1,options:{staleTime:0,enabled:w},async queryFn(e){return ze(e)},getNextPageParam(e,t){if((e?.data?.list||[]).length!==0)return t.length+1}}),Be=f(()=>W.data?.pages.flatMap(e=>e.data?.list??b)??b,[W.data]),Ve=f(()=>G.data?.pages.flatMap(e=>e.data?.list??b)??b,[G.data]),He=f(()=>K.data?.pages.flatMap(e=>e.data?.list??b)??b,[K.data]),Ue=f(()=>q.data?.pages.flatMap(e=>e.data?.list??b)??b,[q.data]),We=j===`video`?Be:j===`post`?Ve:b,J=new Set(We.map(e=>e.id)),Ge=J.size,Ke=Ge>0&&z.size===Ge,Y=j===`video`?W:G,X=M===`created`?K:q,Z=M===`created`?He:Ue,qe=j===`video`?Be.length===0&&!Y.isFetching:j===`post`?Ve.length===0&&!Y.isFetching:Z.length===0&&!X.isFetching,Je=f(()=>new Set(Z.filter(e=>!e.isDefaultCollection).map(e=>e.id)),[Z]),Ye=Je.size>0&&[...Je].every(e=>V.has(e)),Xe=j===`video`,Ze=v&&M===`created`,Qe=[...T,`user-collect-video`,U],$e=[...T,`user-collect-post`,U],{mutateAsync:et,isPending:Q}=ae(async e=>await ee({app_id:0,user_id:U,folder_id:``,content_type:Xe?1:2,content_ids:e})),{mutateAsync:tt,isPending:$}=ae(async e=>await a({collection_ids:e})),nt=()=>{P(!N),B(new Set)};function rt(){Ze&&(I(e=>!e),H(new Set))}d(()=>{if(B(new Set),j===`collection`){P(!1),L(!1);return}P(!1),H(new Set),I(!1),R(!1)},[j]),d(()=>{H(new Set),I(!1),R(!1)},[M]),d(()=>{O!==j&&k(j)},[j,O,k]),d(()=>{A!==M&&ke(M)},[M,A,ke]);let it=e=>{B(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},at=()=>{z.size===J.size&&J.size>0?B(new Set):B(new Set(J))};function ot(e){if(Z.find(t=>t.id===e)?.isDefaultCollection){u.error(S(`detail.defaultCollectionDeleteNotSupported`));return}H(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}function st(){if(Ye){H(new Set);return}H(new Set(Je))}function ct(){z.size===0||Q||L(!0)}function lt(){Q||L(!1)}function ut(){$||R(!1)}async function dt(){if(!(z.size===0||Q)){if(!U){u.error(C(`collectTab.pleaseLogin`));return}try{let e=Array.from(z),t=await et(e);if(t.code===0){u.success(C(`collectTab.uncollectedSuccess`));let t=new Set(e);Ie(Xe?Qe:$e,e=>ve(e,t)),L(!1),B(new Set),P(!1)}else u.error(t.message||C(`collectTab.uncollectFailed`))}catch(e){console.error(`取消收藏失败`,e),u.error(C(`collectTab.operationFailed`))}}}function ft(){V.size===0||$||R(!0)}async function pt(){if(!(V.size===0||$)){if(!U){u.error(C(`collectTab.pleaseLogin`));return}try{let e=await tt(Array.from(V));if(e.code===0){u.success(S(`detail.deleteSuccess`)),await X.refetch(),R(!1),H(new Set),I(!1);return}u.error(e.message||S(`detail.deleteFailed`))}catch(e){console.error(`删除收藏夹失败`,e),u.error(S(`detail.deleteFailed`))}}}let mt=async()=>{if(w){if(j===`collection`){await X.fetchNextPage();return}await Y.fetchNextPage()}};return h(o,{children:[h(o,{className:`flex items-start justify-between gap-3`,children:[m(o,{className:`min-w-0 flex-1 overflow-x-auto overflow-y-hidden [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden`,children:D.length>0&&m(re,{value:j,onValueChange:e=>{k(e)},children:h(ie,{variant:`tag`,className:`!h-auto !gap-4 !p-0`,children:[E.includes(`video`)&&m(s,{value:`video`,className:x(),children:C(`collectTab.video`)}),E.includes(`novel`)&&m(s,{value:`novel`,className:x(),children:C(`collectTab.novel`)}),E.includes(`comic`)&&m(s,{value:`comic`,className:x(),children:C(`collectTab.comic`)}),E.includes(`post`)&&m(s,{value:`post`,className:x(),children:C(`collectTab.posts`)}),m(s,{value:`collection`,className:x(),children:C(`collectTab.collections`)})]})})}),j===`collection`?v&&h(o,{className:`shrink-0 flex items-center gap-3 pl-2`,children:[h(`button`,{type:`button`,className:Oe,onClick:()=>Ne(!0),children:[m(Ee,{}),m(ne,{className:`text-[14px] leading-6 text-[var(--color-text-secondary)]`,children:Ce(`components.pages.collectionCreate.form.create`)})]}),Ze&&h(`button`,{type:`button`,className:Oe,onClick:rt,children:[!F&&m(De,{}),m(ne,{className:`text-[14px] leading-6 text-[var(--color-text-secondary)]`,children:C(F?`collectTab.cancel`:`collectTab.edit`)})]})]}):(j===`video`||j===`post`)&&xe&&h(te,{variant:`ghost`,size:`sm`,className:`h-6 gap-[2px] px-0 text-[14px] leading-6 text-[var(--color-text-secondary)] hover:bg-transparent hover:text-[var(--color-text-secondary)]`,onClick:nt,children:[N?null:m(De,{}),m(ne,{className:`text-[14px] leading-6 text-[var(--color-text-secondary)]`,children:C(N?`collectTab.cancel`:`collectTab.edit`)})]})]}),m(o,{onClick:e=>{de(e,`content_item`)},className:`pt-4`,children:!w&&(j===`video`||j===`post`||j===`novel`||j===`comic`)?m(pe,{contentType:j}):j===`video`?qe?m(l,{text:C(`collectTab.emptyContent`)}):m(me,{list:Be,loading:Y.isFetching,hasMore:Y.hasNextPage??!1,loadMore:mt,emptyText:C(`collectTab.emptyContent`),isEditMode:N,selectedIds:z,onToggleSelection:it}):j===`post`?qe?m(l,{text:C(`collectTab.emptyContent`)}):m(ue,{list:Ve,loading:Y.isFetching,hasMore:Y.hasNextPage??!1,loadMore:mt,emptyText:C(`collectTab.emptyContent`),isEditMode:N,selectedIds:z,onToggleSelection:it}):j===`novel`||j===`comic`||qe?m(l,{text:C(`collectTab.emptyContent`)}):m(le,{list:Z,loading:X.isFetching,hasMore:X.hasNextPage??!1,loadMore:mt,emptyText:C(`collectTab.emptyContent`),isEditMode:F,selectedIds:V,onToggleSelection:ot})}),N&&j!==`collection`&&h(o,{className:`fixed bottom-0 left-0 right-0 z-[60] h-[98px] bg-[var(--color-overlay-panel-fade-start90)] backdrop-blur-[50px]`,children:[h(o,{className:`flex items-center gap-[2px] px-4 pt-2`,children:[m(`button`,{type:`button`,className:`flex h-12 w-[178px] items-center justify-center rounded-[100px] text-[16px] leading-6 text-[var(--color-text-primary)]`,onClick:at,children:C(Ke?`collectTab.cancelSelectAll`:`collectTab.selectAll`)}),m(`button`,{type:`button`,className:`flex h-12 w-[178px] items-center justify-center rounded-[100px] bg-[var(--color-surface-white10)] text-[16px] leading-6 text-[var(--color-border-required)] disabled:opacity-40`,disabled:z.size===0||Q,onClick:ct,children:C(Q?`collectTab.processing`:`collectTab.delete`)})]}),m(o,{className:`pointer-events-none absolute bottom-2 left-1/2 h-[5px] w-[134px] -translate-x-1/2 rounded-[100px] bg-[var(--color-neutral-black)]`})]}),F&&h(o,{className:`fixed bottom-0 left-0 right-0 z-[60] h-[98px] bg-[var(--color-overlay-panel-fade-start90)] backdrop-blur-[50px]`,children:[h(o,{className:`flex items-center gap-[2px] px-4 pt-2`,children:[m(`button`,{type:`button`,className:`flex h-12 w-[178px] items-center justify-center rounded-[100px] text-[16px] leading-6 text-[var(--color-text-primary)]`,onClick:st,children:C(Ye?`collectTab.cancelSelectAll`:`collectTab.selectAll`)}),m(`button`,{type:`button`,className:`flex h-12 w-[178px] items-center justify-center rounded-[100px] bg-[var(--color-surface-white10)] text-[16px] leading-6 text-[var(--color-border-required)] disabled:opacity-40`,disabled:V.size===0||$,onClick:ft,children:C($?`collectTab.processing`:`collectTab.delete`)})]}),m(o,{className:`pointer-events-none absolute bottom-2 left-1/2 h-[5px] w-[134px] -translate-x-1/2 rounded-[100px] bg-[var(--color-neutral-black)]`})]}),m(ce,{open:Ae,onOpenChange:L,onCancel:lt,onConfirm:dt,title:``,description:C(`collectTab.deleteConfirmDescription`),confirmText:C(`collectTab.delete`),cancelText:C(`collectTab.cancel`),isConfirming:Q}),m(ce,{open:je,onOpenChange:R,onCancel:ut,onConfirm:pt,title:S(`detail.deleteCollection`),isConfirming:$}),m(se,{visible:Me,onClose:()=>Ne(!1),onCreated:()=>{K.refetch()}})]})}export{S as CollectTab};
+'use client';
+
+import { cn } from "../../../../../../../utils/cn.mjs";
+import { useUserStore } from "../../../../../../../store/modules/user-store.mjs";
+import { gCommunityGetSubscribedCollections, gCommunityGetUserCollections, gInteractionListCollects, pCommunityBatchDeleteCollection, pInteractionBatchDeleteCollects } from "../../../../../../../service/generated/client.mjs";
+import { Button } from "../../../../../../ui/button.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import { Tabs, TabsList, TabsTrigger } from "../../../../../../ui/tabs.mjs";
+import { useMutation, usePaginated, useUpdateRequest } from "../../../../../../../hooks/query/use-query.mjs";
+import { CreateCollectionSheet } from "../../../../../../common/collection-popup/create-collection-sheet.mjs";
+import { DeleteConfirmDialog } from "../../../../../../common/delete-confirm-dialog/delete-confirm-dialog.mjs";
+import { CollectionList } from "../../../../../../common/list/collection-list/collection-list.mjs";
+import { PostList } from "../../../../../../common/list/post-list/post-list.mjs";
+import { trackProfilePageClick } from "../../../tracking.mjs";
+import { ProfileMainEmptyState } from "../../empty-state.mjs";
+import { CollectVideoWaterfall } from "./video-waterfall.mjs";
+import { toast } from "sonner";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import dayjs from "dayjs";
+import { parseAsString, useQueryState } from "nuqs";
+
+//#region components/biz/business/profile/profile-main/tabs/collect-tab/client.tsx
+const collectContentType = {
+	video: 1,
+	post: 2
+};
+const defaultCollectionPageSize = 10;
+/**
+* 从分页缓存中移除指定的内容项。
+*/
+function removeItemsFromPaginatedList(data, ids) {
+	if (!data) return data;
+	let removedCount = 0;
+	const nextPages = data.pages.map((page) => {
+		return {
+			page,
+			filteredList: (page.data?.list ?? emptyList).filter((item) => {
+				const itemId = item?.id ?? "";
+				const shouldRemove = ids.has(itemId);
+				if (shouldRemove) removedCount += 1;
+				return !shouldRemove;
+			})
+		};
+	});
+	return {
+		...data,
+		pages: nextPages.map(({ page, filteredList }) => {
+			if (!page.data) return page;
+			const nextTotal = typeof page.data.total === "number" ? Math.max(0, page.data.total - removedCount) : page.data.total;
+			return {
+				...page,
+				data: {
+					...page.data,
+					list: filteredList,
+					total: nextTotal
+				}
+			};
+		})
+	};
+}
+/**
+* 获取帖子封面图，优先 cover_image，兜底使用首张图片媒体。
+*/
+function resolveCollectPostCoverImage(info) {
+	if (info.cover_image) return info.cover_image;
+	let fallbackImageUrl = "";
+	return (info.medias?.find((item) => {
+		if (!item) return false;
+		if (!item.is_video && !fallbackImageUrl && item.media_url) fallbackImageUrl = item.media_url;
+		return Boolean(item.cover_image);
+	}))?.cover_image || fallbackImageUrl;
+}
+/**
+* 将 CommunityPostInfo 转换为 PostListItemProps
+*/
+function buildPostItemFromCommunityPostInfo(info, collectInfoMap) {
+	const collectCreateDate = collectInfoMap[info.content_id || ""]?.create_time;
+	const resolvedCoverImage = resolveCollectPostCoverImage(info);
+	return {
+		id: info.content_id || "",
+		title: info.content || "",
+		coverImage: resolvedCoverImage,
+		publishTime: dayjs(collectCreateDate).toDate().getTime()
+	};
+}
+/**
+* 解析收藏视频列表简介
+*/
+function resolveCollectVideoDescription(info) {
+	const fromApi = String(info.description || info.detail?.description || "").trim();
+	if (fromApi) return fromApi;
+	return "";
+}
+/**
+* 解析收藏视频瀑布流封面。
+*/
+function resolveCollectVideoCover(info) {
+	const normalizedImgType = String(info.img_type || "").trim().toLowerCase();
+	if (normalizedImgType === "short") return info.img_y || info.img_x || "";
+	if (normalizedImgType === "long") return info.img_x || info.img_y || "";
+	return info.img_y || info.img_x || "";
+}
+/**
+* 将收藏视频信息转换为瀑布流卡片数据。
+*/
+function buildCollectVideoWaterfallItem(info, collectInfoMap) {
+	const collectCreateDate = collectInfoMap[info.id || ""]?.create_time;
+	return {
+		is_more_link: info.is_more_link,
+		id: info.id || "",
+		title: info.name || "",
+		coverImage: resolveCollectVideoCover(info),
+		duration: Number(info.duration ?? info.detail?.duration ?? 0),
+		authorName: info.up_user || info.source_username || "",
+		viewCount: info.play_count ?? 0,
+		publishTime: dayjs(collectCreateDate).toDate().getTime(),
+		imgType: info.img_type || info.media?.img_type || "",
+		score: info.score ?? info.detail?.score,
+		description: resolveCollectVideoDescription(info)
+	};
+}
+/**
+* 将 CommunityContentBrief 转换为 CollectionListMediaItem
+*/
+function transformContentBriefToMediaItem(content) {
+	const resolvedCoverImage = resolveCollectPostCoverImage(content);
+	return {
+		contentType: content.source_type,
+		id: content.content_id,
+		title: content.title || content.content,
+		coverImage: resolvedCoverImage,
+		isVideo: false,
+		isMovie: false
+	};
+}
+/**
+* 构建合集预览空状态占位卡片。
+*/
+function buildCollectionPlaceholderItems(collectionId) {
+	return Array.from({ length: 3 }, (_, index) => ({
+		id: `${collectionId}-placeholder-${index}`,
+		isPlaceholder: true
+	}));
+}
+/**
+* 将 CommunityCollectionInfo 转换为 CollectionListItemProps
+*/
+function transformCollectionInfoToItem(info) {
+	const rawContents = info.contents ?? [];
+	const contents = (Array.isArray(rawContents) ? rawContents : []).slice(0, 3).map(transformContentBriefToMediaItem);
+	const contentCount = info.content_count ?? contents.length;
+	return {
+		id: info.collection_id || "",
+		title: info.title || "",
+		contentCount,
+		isDefaultCollection: Boolean(info.is_default),
+		contents: contentCount === 0 ? buildCollectionPlaceholderItems(info.collection_id || "collection") : contents
+	};
+}
+const emptyList = [];
+const tabOptions = [
+	"video",
+	"post",
+	"collection"
+];
+const collectionTabOptions = ["created", "subscribed"];
+const collectSubTabListClassName = "!h-6 !gap-4 !p-0";
+/**
+* 创建图标。
+*/
+function CreateCollectionIcon({ className }) {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		className: cn("text-[var(--color-text-secondary)] opacity-60", className),
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M7.33398 7.3335V4.66683H8.66732V7.3335H11.334V8.66683H8.66732V11.3335H7.33398V8.66683H4.66732V7.3335H7.33398ZM8.00065 14.6668C4.31875 14.6668 1.33398 11.682 1.33398 8.00016C1.33398 4.31826 4.31875 1.3335 8.00065 1.3335C11.6825 1.3335 14.6673 4.31826 14.6673 8.00016C14.6673 11.682 11.6825 14.6668 8.00065 14.6668ZM8.00065 13.3335C10.9462 13.3335 13.334 10.9457 13.334 8.00016C13.334 5.05464 10.9462 2.66683 8.00065 2.66683C5.05513 2.66683 2.66732 5.05464 2.66732 8.00016C2.66732 10.9457 5.05513 13.3335 8.00065 13.3335Z",
+			fill: "currentColor"
+		})
+	});
+}
+/**
+* 编辑图标。
+*/
+function EditCollectionIcon({ className }) {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		className: cn("text-[var(--color-text-secondary)] opacity-60", className),
+		children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M10.7666 2.12385C10.9828 1.94731 11.3023 1.95935 11.5039 2.16096L13.8389 4.49592C13.942 4.5991 13.9999 4.73966 14 4.88557C14 5.03152 13.942 5.17199 13.8389 5.27522L11.5078 7.6053C11.5063 7.60688 11.5055 7.60959 11.5039 7.61116C11.5023 7.61279 11.4997 7.61345 11.498 7.61506L5.27539 13.8387C5.17216 13.9418 5.03168 13.9998 4.88574 13.9998H2.55078C2.24679 13.9998 2.00001 13.753 2 13.449V11.1141C2 10.9681 2.05794 10.8277 2.16113 10.7244L10.7246 2.16096L10.7666 2.12385ZM3.10059 11.3416V12.8992H4.6582L10.335 7.22151L8.77734 5.66389L3.10059 11.3416ZM9.55664 4.88459L11.1143 6.44221L12.6709 4.88557L11.1133 3.32893L9.55664 4.88459Z",
+			fill: "currentColor"
+		}) })
+	});
+}
+const collectTopActionClassName = "flex items-center gap-[2px] text-[14px] leading-6 text-[var(--color-text-secondary)]";
+/**
+* 获取收藏二级 Tab 的样式。
+*/
+function getCollectSubTabTriggerClassName() {
+	return cn("!flex !items-center !flex-none !h-6 !w-auto !rounded-[4px] !bg-[var(--color-surface-chip-gray20)] !text-[12px] !font-normal !leading-[14px] !text-text1 hover:!text-text1", "data-[active]:!text-text1 data-[state=active]:!text-text1", "data-[active]:!bg-[image:var(--gradient-action-button)]", "data-[state=active]:!bg-[image:var(--gradient-action-button)]");
+}
+/**
+* 收藏 Tab
+*/
+function CollectTab({ mode = "renderer", userId, showCreateAction = false, queryKeyPrefix, isMine = false }) {
+	const ct = useTranslations();
+	const tCollectionDetail = useTranslations("components.pages.collectionDetail");
+	const t = useTranslations("components.pages.profile.components.tabs");
+	const isRenderer = mode === "renderer";
+	const resolvedQueryKeyPrefix = queryKeyPrefix ?? [];
+	const [tabQuery, setTabQuery] = useQueryState("collectTab", parseAsString.withDefault("video"));
+	const [collectionTabQuery, setCollectionTabQuery] = useQueryState("collectCollectionTab", parseAsString.withDefault("created"));
+	const tab = useMemo(() => {
+		return tabOptions.includes(tabQuery) ? tabQuery : "video";
+	}, [tabQuery]);
+	const collectionTab = useMemo(() => {
+		return collectionTabOptions.includes(collectionTabQuery) ? collectionTabQuery : "created";
+	}, [collectionTabQuery]);
+	const [isEditMode, setIsEditMode] = useState(false);
+	const [isCollectionEditMode, setIsCollectionEditMode] = useState(false);
+	const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false);
+	const [deleteCollectionConfirmOpen, setDeleteCollectionConfirmOpen] = useState(false);
+	const [createSheetOpen, setCreateSheetOpen] = useState(false);
+	const [selectedIds, setSelectedIds] = useState(() => /* @__PURE__ */ new Set());
+	const [selectedCollectionIds, setSelectedCollectionIds] = useState(() => /* @__PURE__ */ new Set());
+	const { userId: storeUserId, userInfo } = useUserStore();
+	const resolvedUserId = userId || storeUserId || userInfo?.userId || "";
+	const updateRequest = useUpdateRequest();
+	/**
+	* 获取收藏内容数据
+	*/
+	async function getCollectContentData(page, contentType) {
+		if (!resolvedUserId) return { data: {
+			list: [],
+			total: 0
+		} };
+		const response = await gInteractionListCollects({
+			user_id: resolvedUserId,
+			folder_id: "",
+			content_type: contentType,
+			page,
+			page_size: defaultCollectionPageSize
+		});
+		const collectInfoMap = response.data.collect_infos?.reduce((acc, cur) => {
+			if (cur.content_id) acc[cur.content_id] = cur;
+			return acc;
+		}, {}) || {};
+		const list = response.data?.collect_items?.map((item) => {
+			return contentType === collectContentType.video ? buildCollectVideoWaterfallItem(item.video_info, collectInfoMap) : buildPostItemFromCommunityPostInfo(item.post_info, collectInfoMap);
+		}) ?? [];
+		return { data: {
+			list,
+			total: response.data?.total ?? list.length
+		} };
+	}
+	const videoData = usePaginated({
+		key: [
+			...resolvedQueryKeyPrefix,
+			"user-collect-video",
+			resolvedUserId
+		],
+		initialPageParam: 1,
+		async queryFn(pageParam) {
+			return getCollectContentData(pageParam, collectContentType.video);
+		},
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list || []).length === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const postData = usePaginated({
+		key: [
+			...resolvedQueryKeyPrefix,
+			"user-collect-post",
+			resolvedUserId
+		],
+		initialPageParam: 1,
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		async queryFn(_pageParam) {
+			return { data: {
+				list: [],
+				total: 0,
+				has_more: false
+			} };
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list || []).length === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	/**
+	* 获取用户创建的合集列表
+	*/
+	async function getUserCollectionsData(page) {
+		if (!resolvedUserId) return { data: {
+			list: [],
+			total: 0
+		} };
+		const response = await gCommunityGetUserCollections({
+			page,
+			user_id: userId,
+			page_size: defaultCollectionPageSize
+		});
+		const collections = response.data?.data?.collections ?? [];
+		return { data: {
+			list: collections.map(transformCollectionInfoToItem),
+			total: response.data?.data?.total ?? collections.length
+		} };
+	}
+	/**
+	* 获取用户订阅的合集列表
+	*/
+	async function getSubscribedCollectionsData(page) {
+		if (!resolvedUserId) return { data: {
+			list: [],
+			total: 0
+		} };
+		const responseData = (await gCommunityGetSubscribedCollections({
+			page,
+			user_id: userId,
+			page_size: defaultCollectionPageSize
+		})).data?.data;
+		const collections = responseData?.collections ?? [];
+		return { data: {
+			list: collections.map(transformCollectionInfoToItem),
+			total: responseData?.total ?? collections.length
+		} };
+	}
+	const collectionCreateData = usePaginated({
+		key: [
+			...resolvedQueryKeyPrefix,
+			"user-collection-created",
+			resolvedUserId
+		],
+		initialPageParam: 1,
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		async queryFn(pageParam) {
+			return getUserCollectionsData(pageParam);
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list || []).length === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const collectionSubscribeData = usePaginated({
+		key: [
+			...resolvedQueryKeyPrefix,
+			"user-collection-subscribed",
+			resolvedUserId
+		],
+		initialPageParam: 1,
+		options: {
+			staleTime: 0,
+			enabled: isRenderer
+		},
+		async queryFn(pageParam) {
+			return getSubscribedCollectionsData(pageParam);
+		},
+		getNextPageParam(lastPage, allPages) {
+			if ((lastPage?.data?.list || []).length === 0) return;
+			return allPages.length + 1;
+		}
+	});
+	const videoList = useMemo(() => videoData.data?.pages.flatMap((page) => page.data?.list ?? emptyList) ?? emptyList, [videoData.data]);
+	const postList = useMemo(() => postData.data?.pages.flatMap((page) => page.data?.list ?? emptyList) ?? emptyList, [postData.data]);
+	const collectionCreateList = useMemo(() => collectionCreateData.data?.pages.flatMap((page) => page.data?.list ?? emptyList) ?? emptyList, [collectionCreateData.data]);
+	const collectionSubscribeList = useMemo(() => collectionSubscribeData.data?.pages.flatMap((page) => page.data?.list ?? emptyList) ?? emptyList, [collectionSubscribeData.data]);
+	const currentList = tab === "video" ? videoList : tab === "post" ? postList : emptyList;
+	const availableIds = new Set(currentList.map((item) => item.id));
+	const availableCount = availableIds.size;
+	/** 当前列表是否已全选（随分页加载更新）。 */
+	const isAllCurrentSelected = availableCount > 0 && selectedIds.size === availableCount;
+	const currentData = tab === "video" ? videoData : postData;
+	const currentCollectionData = collectionTab === "created" ? collectionCreateData : collectionSubscribeData;
+	const currentCollectionList = collectionTab === "created" ? collectionCreateList : collectionSubscribeList;
+	const isCurrentContentEmpty = tab === "video" ? videoList.length === 0 && !currentData.isFetching : tab === "post" ? postList.length === 0 && !currentData.isFetching : currentCollectionList.length === 0 && !currentCollectionData.isFetching;
+	/** 批量操作中可选中的收藏夹（排除系统默认收藏夹）。 */
+	const selectableCollectionIds = useMemo(() => {
+		return new Set(currentCollectionList.filter((item) => !item.isDefaultCollection).map((item) => item.id));
+	}, [currentCollectionList]);
+	const isAllCollectionsSelected = selectableCollectionIds.size > 0 && [...selectableCollectionIds].every((id) => selectedCollectionIds.has(id));
+	const isVideoTab = tab === "video";
+	const canEditCollectionList = showCreateAction && collectionTab === "created";
+	const videoQueryKey = [
+		...resolvedQueryKeyPrefix,
+		"user-collect-video",
+		resolvedUserId
+	];
+	const postQueryKey = [
+		...resolvedQueryKeyPrefix,
+		"user-collect-post",
+		resolvedUserId
+	];
+	const { mutateAsync: batchDeleteCollects, isPending: isDeleting } = useMutation(async (contentIds) => {
+		return await pInteractionBatchDeleteCollects({
+			app_id: 0,
+			user_id: resolvedUserId,
+			folder_id: "",
+			content_type: isVideoTab ? 1 : 2,
+			content_ids: contentIds
+		});
+	});
+	const { mutateAsync: batchDeleteCollections, isPending: isDeletingCollections } = useMutation(async (folderIds) => {
+		return await pCommunityBatchDeleteCollection({ collection_ids: folderIds });
+	});
+	const toggleEditMode = () => {
+		setIsEditMode(!isEditMode);
+		setSelectedIds(/* @__PURE__ */ new Set());
+	};
+	/**
+	* 切换收藏夹编辑模式。
+	*/
+	function toggleCollectionEditMode() {
+		if (!canEditCollectionList) return;
+		setIsCollectionEditMode((prev) => !prev);
+		setSelectedCollectionIds(/* @__PURE__ */ new Set());
+	}
+	useEffect(() => {
+		setSelectedIds(/* @__PURE__ */ new Set());
+		if (tab === "collection") {
+			setIsEditMode(false);
+			setDeleteConfirmOpen(false);
+			return;
+		}
+		setIsEditMode(false);
+		setSelectedCollectionIds(/* @__PURE__ */ new Set());
+		setIsCollectionEditMode(false);
+		setDeleteCollectionConfirmOpen(false);
+	}, [tab]);
+	useEffect(() => {
+		setSelectedCollectionIds(/* @__PURE__ */ new Set());
+		setIsCollectionEditMode(false);
+		setDeleteCollectionConfirmOpen(false);
+	}, [collectionTab]);
+	useEffect(() => {
+		if (tabQuery !== tab) setTabQuery(tab);
+	}, [
+		tab,
+		tabQuery,
+		setTabQuery
+	]);
+	useEffect(() => {
+		if (collectionTabQuery !== collectionTab) setCollectionTabQuery(collectionTab);
+	}, [
+		collectionTab,
+		collectionTabQuery,
+		setCollectionTabQuery
+	]);
+	const toggleItemSelection = (id) => {
+		setSelectedIds((prev) => {
+			const newSet = new Set(prev);
+			if (newSet.has(id)) newSet.delete(id);
+			else newSet.add(id);
+			return newSet;
+		});
+	};
+	const handleToggleAll = () => {
+		if (selectedIds.size === availableIds.size && availableIds.size > 0) setSelectedIds(/* @__PURE__ */ new Set());
+		else setSelectedIds(new Set(availableIds));
+	};
+	/**
+	* 切换收藏夹选中状态。
+	*/
+	function toggleCollectionSelection(id) {
+		if (currentCollectionList.find((row) => row.id === id)?.isDefaultCollection) {
+			toast.error(tCollectionDetail("detail.defaultCollectionDeleteNotSupported"));
+			return;
+		}
+		setSelectedCollectionIds((prev) => {
+			const next = new Set(prev);
+			if (next.has(id)) next.delete(id);
+			else next.add(id);
+			return next;
+		});
+	}
+	/**
+	* 收藏夹全选 / 取消全选。
+	*/
+	function handleToggleAllCollections() {
+		if (isAllCollectionsSelected) {
+			setSelectedCollectionIds(/* @__PURE__ */ new Set());
+			return;
+		}
+		setSelectedCollectionIds(new Set(selectableCollectionIds));
+	}
+	/**
+	* 打开删除确认弹窗。
+	*/
+	function handleOpenDeleteConfirm() {
+		if (selectedIds.size === 0 || isDeleting) return;
+		setDeleteConfirmOpen(true);
+	}
+	/**
+	* 关闭删除确认弹窗。
+	*/
+	function handleCloseDeleteConfirm() {
+		if (isDeleting) return;
+		setDeleteConfirmOpen(false);
+	}
+	/**
+	* 关闭收藏夹删除确认弹窗。
+	*/
+	function handleCloseDeleteCollectionConfirm() {
+		if (isDeletingCollections) return;
+		setDeleteCollectionConfirmOpen(false);
+	}
+	/**
+	* 确认删除选中的收藏内容。
+	*/
+	async function handleDelete() {
+		if (selectedIds.size === 0 || isDeleting) return;
+		if (!resolvedUserId) {
+			toast.error(t("collectTab.pleaseLogin"));
+			return;
+		}
+		try {
+			const contentIds = Array.from(selectedIds);
+			const response = await batchDeleteCollects(contentIds);
+			if (response.code === 0) {
+				toast.success(t("collectTab.uncollectedSuccess"));
+				const deleteIds = new Set(contentIds);
+				updateRequest(isVideoTab ? videoQueryKey : postQueryKey, (old) => {
+					return removeItemsFromPaginatedList(old, deleteIds);
+				});
+				setDeleteConfirmOpen(false);
+				setSelectedIds(/* @__PURE__ */ new Set());
+				setIsEditMode(false);
+			} else toast.error(response.message || t("collectTab.uncollectFailed"));
+		} catch (error) {
+			console.error("取消收藏失败", error);
+			toast.error(t("collectTab.operationFailed"));
+		}
+	}
+	/**
+	* 打开收藏夹删除确认弹窗。
+	*/
+	function handleOpenDeleteCollectionConfirm() {
+		if (selectedCollectionIds.size === 0 || isDeletingCollections) return;
+		setDeleteCollectionConfirmOpen(true);
+	}
+	/**
+	* 确认删除所选收藏夹。
+	*/
+	async function handleDeleteCollections() {
+		if (selectedCollectionIds.size === 0 || isDeletingCollections) return;
+		if (!resolvedUserId) {
+			toast.error(t("collectTab.pleaseLogin"));
+			return;
+		}
+		try {
+			const response = await batchDeleteCollections(Array.from(selectedCollectionIds));
+			if (response.code === 0) {
+				toast.success(tCollectionDetail("detail.deleteSuccess"));
+				await currentCollectionData.refetch();
+				setDeleteCollectionConfirmOpen(false);
+				setSelectedCollectionIds(/* @__PURE__ */ new Set());
+				setIsCollectionEditMode(false);
+				return;
+			}
+			toast.error(response.message || tCollectionDetail("detail.deleteFailed"));
+		} catch (error) {
+			console.error("删除收藏夹失败", error);
+			toast.error(tCollectionDetail("detail.deleteFailed"));
+		}
+	}
+	const loadMore = async () => {
+		if (!isRenderer) return;
+		if (tab === "collection") {
+			await currentCollectionData.fetchNextPage();
+			return;
+		}
+		await currentData.fetchNextPage();
+	};
+	return /* @__PURE__ */ jsxs(Box, { children: [
+		/* @__PURE__ */ jsxs(Box, {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ jsx(Tabs, {
+				value: tab,
+				onValueChange: (value) => {
+					setTabQuery(value);
+				},
+				children: /* @__PURE__ */ jsxs(TabsList, {
+					variant: "tag",
+					className: collectSubTabListClassName,
+					children: [/* @__PURE__ */ jsx(TabsTrigger, {
+						value: "video",
+						className: getCollectSubTabTriggerClassName(),
+						children: t("collectTab.video")
+					}), /* @__PURE__ */ jsx(TabsTrigger, {
+						value: "collection",
+						className: getCollectSubTabTriggerClassName(),
+						children: t("collectTab.collections")
+					})]
+				})
+			}), tab === "collection" ? showCreateAction && /* @__PURE__ */ jsxs(Box, {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: collectTopActionClassName,
+					onClick: () => setCreateSheetOpen(true),
+					children: [/* @__PURE__ */ jsx(CreateCollectionIcon, {}), /* @__PURE__ */ jsx(Text, {
+						className: "text-[14px] leading-6 text-[var(--color-text-secondary)]",
+						children: ct("components.pages.collectionCreate.form.create")
+					})]
+				}), canEditCollectionList && /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: collectTopActionClassName,
+					onClick: toggleCollectionEditMode,
+					children: [!isCollectionEditMode && /* @__PURE__ */ jsx(EditCollectionIcon, {}), /* @__PURE__ */ jsx(Text, {
+						className: "text-[14px] leading-6 text-[var(--color-text-secondary)]",
+						children: isCollectionEditMode ? t("collectTab.cancel") : t("collectTab.edit")
+					})]
+				})]
+			}) : (tab === "video" || tab === "post") && isMine && /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				size: "sm",
+				className: "h-6 gap-[2px] px-0 text-[14px] leading-6 text-[var(--color-text-secondary)] hover:bg-transparent hover:text-[var(--color-text-secondary)]",
+				onClick: toggleEditMode,
+				children: [isEditMode ? null : /* @__PURE__ */ jsx(EditCollectionIcon, {}), /* @__PURE__ */ jsx(Text, {
+					className: "text-[14px] leading-6 text-[var(--color-text-secondary)]",
+					children: isEditMode ? t("collectTab.cancel") : t("collectTab.edit")
+				})]
+			})]
+		}),
+		/* @__PURE__ */ jsx(Box, {
+			onClick: (e) => {
+				trackProfilePageClick(e, "content_item");
+			},
+			className: "pt-4",
+			children: tab === "video" ? isCurrentContentEmpty ? /* @__PURE__ */ jsx(ProfileMainEmptyState, { text: t("collectTab.emptyContent") }) : /* @__PURE__ */ jsx(CollectVideoWaterfall, {
+				list: videoList,
+				loading: currentData.isFetching,
+				hasMore: currentData.hasNextPage ?? false,
+				loadMore,
+				emptyText: t("collectTab.emptyContent"),
+				isEditMode,
+				selectedIds,
+				onToggleSelection: toggleItemSelection
+			}) : tab === "post" ? isCurrentContentEmpty ? /* @__PURE__ */ jsx(ProfileMainEmptyState, { text: t("collectTab.emptyContent") }) : /* @__PURE__ */ jsx(PostList, {
+				list: postList,
+				loading: currentData.isFetching,
+				hasMore: currentData.hasNextPage ?? false,
+				loadMore,
+				emptyText: t("collectTab.emptyContent"),
+				isEditMode,
+				selectedIds,
+				onToggleSelection: toggleItemSelection
+			}) : isCurrentContentEmpty ? /* @__PURE__ */ jsx(ProfileMainEmptyState, { text: t("collectTab.emptyContent") }) : /* @__PURE__ */ jsx(CollectionList, {
+				list: currentCollectionList,
+				loading: currentCollectionData.isFetching,
+				hasMore: currentCollectionData.hasNextPage ?? false,
+				loadMore,
+				emptyText: t("collectTab.emptyContent"),
+				isEditMode: isCollectionEditMode,
+				selectedIds: selectedCollectionIds,
+				onToggleSelection: toggleCollectionSelection
+			})
+		}),
+		isEditMode && tab !== "collection" && /* @__PURE__ */ jsxs(Box, {
+			className: "fixed bottom-0 left-0 right-0 z-[60] h-[98px] bg-[var(--color-overlay-panel-fade-start90)] backdrop-blur-[50px]",
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "flex items-center gap-[2px] px-4 pt-2",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "flex h-12 w-[178px] items-center justify-center rounded-[100px] text-[16px] leading-6 text-[var(--color-text-primary)]",
+					onClick: handleToggleAll,
+					children: isAllCurrentSelected ? t("collectTab.cancelSelectAll") : t("collectTab.selectAll")
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "flex h-12 w-[178px] items-center justify-center rounded-[100px] bg-[var(--color-surface-white10)] text-[16px] leading-6 text-[var(--color-border-required)] disabled:opacity-40",
+					disabled: selectedIds.size === 0 || isDeleting,
+					onClick: handleOpenDeleteConfirm,
+					children: isDeleting ? t("collectTab.processing") : t("collectTab.delete")
+				})]
+			}), /* @__PURE__ */ jsx(Box, { className: "pointer-events-none absolute bottom-2 left-1/2 h-[5px] w-[134px] -translate-x-1/2 rounded-[100px] bg-[var(--color-neutral-black)]" })]
+		}),
+		isCollectionEditMode && /* @__PURE__ */ jsxs(Box, {
+			className: "fixed bottom-0 left-0 right-0 z-[60] h-[98px] bg-[var(--color-overlay-panel-fade-start90)] backdrop-blur-[50px]",
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "flex items-center gap-[2px] px-4 pt-2",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "flex h-12 w-[178px] items-center justify-center rounded-[100px] text-[16px] leading-6 text-[var(--color-text-primary)]",
+					onClick: handleToggleAllCollections,
+					children: isAllCollectionsSelected ? t("collectTab.cancelSelectAll") : t("collectTab.selectAll")
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "flex h-12 w-[178px] items-center justify-center rounded-[100px] bg-[var(--color-surface-white10)] text-[16px] leading-6 text-[var(--color-border-required)] disabled:opacity-40",
+					disabled: selectedCollectionIds.size === 0 || isDeletingCollections,
+					onClick: handleOpenDeleteCollectionConfirm,
+					children: isDeletingCollections ? t("collectTab.processing") : t("collectTab.delete")
+				})]
+			}), /* @__PURE__ */ jsx(Box, { className: "pointer-events-none absolute bottom-2 left-1/2 h-[5px] w-[134px] -translate-x-1/2 rounded-[100px] bg-[var(--color-neutral-black)]" })]
+		}),
+		/* @__PURE__ */ jsx(DeleteConfirmDialog, {
+			open: deleteConfirmOpen,
+			onOpenChange: setDeleteConfirmOpen,
+			onCancel: handleCloseDeleteConfirm,
+			onConfirm: handleDelete,
+			title: "",
+			description: t("collectTab.deleteConfirmDescription"),
+			confirmText: t("collectTab.delete"),
+			cancelText: t("collectTab.cancel"),
+			isConfirming: isDeleting
+		}),
+		/* @__PURE__ */ jsx(DeleteConfirmDialog, {
+			open: deleteCollectionConfirmOpen,
+			onOpenChange: setDeleteCollectionConfirmOpen,
+			onCancel: handleCloseDeleteCollectionConfirm,
+			onConfirm: handleDeleteCollections,
+			title: tCollectionDetail("detail.deleteCollection"),
+			isConfirming: isDeletingCollections
+		}),
+		/* @__PURE__ */ jsx(CreateCollectionSheet, {
+			visible: createSheetOpen,
+			onClose: () => setCreateSheetOpen(false),
+			onCreated: () => {
+				collectionCreateData.refetch();
+			}
+		})
+	] });
+}
+
+//#endregion
+export { CollectTab };