@alook/app 0.1.46 → 0.1.47

package/bundled/web/.open-next/assets/_next/static/chunks/{00nwwh7t3-94u.js → 0t1fkk2aoe46s.js}

@@ -1,4 +1,4 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,294656,e=>{"use strict";var t=e.i(237649),n=e.i(392965),r=e.i(693760),a=e.i(1087);let l={name:"bookmark",size:24,node:[["path",{d:"M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z",key:"oz39mx"}]]};l.node;let s=(0,a.default)(l);var i=e.i(303706),o=e.i(962726),d=e.i(348333),c=e.i(42004),u=e.i(881890),m=e.i(783524),p=e.i(731517);e.i(954194);var h=e.i(275130),x=e.i(670544),f=e.i(255334),g=e.i(89164),v=e.i(728886),b=e.i(186339),j=e.i(531342),N=e.i(323086),w=e.i(978913),y=e.i(344431),k=e.i(265652),C=e.i(381153),S=e.i(86694),R=e.i(351777),E=e.i(382416);function I({tab:e,getScrollOffset:n,onScrollOffsetChange:r,children:a}){let l=(0,E.useRef)(null),s=(0,E.useRef)(null),i=(0,E.useRef)(!1),o=(0,E.useRef)(!1);return(0,E.useLayoutEffect)(()=>{let t=l.current;if(!t||!n)return;let r=()=>{t.scrollTop=n(e)};r();let a=t.ownerDocument.defaultView,i=a?.ResizeObserver,o=i?new i(r):null;o?.observe(t),s.current&&o?.observe(s.current);let d=null,c=a?.requestAnimationFrame(()=>{r(),d=a.requestAnimationFrame(r)})??null;return()=>{o?.disconnect(),null!==c&&a?.cancelAnimationFrame(c),null!==d&&a?.cancelAnimationFrame(d)}},[n,e]),(0,t.jsx)("div",{ref:l,"data-testid":C.tid.inboxTabScroll(e),className:"h-full overflow-y-auto thin-scrollbar p-3",onScroll:t=>{let a=t.currentTarget.scrollTop;(a>=(n?.(e)??0)||i.current||o.current)&&r?.(e,a),o.current=!1},onWheel:()=>{o.current=!0},onKeyDown:e=>{["ArrowDown","ArrowUp","End","Home","PageDown","PageUp"," "].includes(e.key)&&(o.current=!0)},onPointerDown:()=>{i.current=!0},onPointerUp:()=>{i.current=!1},onPointerCancel:()=>{i.current=!1},children:(0,t.jsx)("div",{ref:s,children:a})})}function M({count:e}){return e<=0?null:(0,t.jsx)("span",{className:"grid h-5 min-w-5 place-items-center rounded-full bg-primary px-1 text-xs font-semibold text-primary-foreground",children:e})}function P({onRetry:e}){return(0,t.jsxs)("div",{role:"alert",className:"flex flex-col items-center gap-2 py-8 text-sm text-muted-foreground",children:[(0,t.jsx)("span",{children:"Couldn't load Inbox"}),e&&(0,t.jsx)(b.Button,{variant:"secondary",size:"sm",onClick:e,children:"Retry"})]})}function z({friendRequests:e,servers:a,dms:l,loading:s,error:u,onRetry:m,onOpenFriendRequests:h,onAcceptFriendRequest:f,onRejectFriendRequest:g,onRetryFriendRequest:N,onOpenChannel:y,onOpenThread:k,onOpenDm:S,profilesByUserId:E,getScrollOffset:O,onScrollOffsetChange:T}){(0,n.useObservedRegion)("inbox",!s&&!u,{...(0,r.mergeEvidence)([(0,r.viewEvidence)(a),(0,r.viewEvidence)(l),(0,r.viewEvidence)(e)]),count:a.length+l.length+e.length});let A=a.map(e=>({server:e,channels:e.channels.map(e=>({channel:e,directVisible:!1!==e.hasDirectUnread,children:e.children})).filter(e=>e.directVisible||e.children.length>0)})).filter(e=>e.channels.length>0),F=0===e.length&&0===A.length&&0===l.length;return(0,t.jsxs)(I,{tab:"unreads",getScrollOffset:O,onScrollOffsetChange:T,children:[s&&F&&(0,t.jsx)(D,{}),u&&F&&(0,t.jsx)(P,{onRetry:m}),!s&&!u&&F&&(0,t.jsx)(w.EmptyState,{icon:d.Inbox,label:"Caught up"}),e.length>0&&(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsxs)("div",{className:"px-2 pb-1 text-xs font-semibold text-muted-foreground",children:["Friend requests — ",e.length]}),e.map(e=>{let n=e.row;if(n.pendingIdentity)return(0,t.jsxs)("div",{"data-testid":C.tid.inboxFriendRequest(n.id),className:"flex items-center gap-2 rounded-md px-2 py-2",children:[(0,t.jsx)(v.Skeleton,{className:"size-7 shrink-0 rounded-full"}),(0,t.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[(0,t.jsx)(v.Skeleton,{className:"h-3.5 w-28 rounded"}),(0,t.jsx)(v.Skeleton,{className:"h-3 w-40 rounded"})]})]},n.id);let r=(0,R.readCommunityProfile)(E.get(n.userId),n.userId),a="pending"===e.status;return(0,t.jsxs)("div",{"data-testid":C.tid.inboxFriendRequest(n.id),"aria-busy":a||void 0,className:"rounded-md px-2 py-2 hover:bg-accent",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)("button",{"data-testid":C.tid.inboxFriendRequestOpen(n.id),onClick:h,className:"flex min-h-11 min-w-0 flex-1 items-center gap-2 rounded-md text-left text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring sm:min-h-0",children:[(0,t.jsx)(j.Avatar,{label:r.avatar,seed:n.userId,size:28}),(0,t.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,t.jsx)("span",{className:"block truncate font-medium",children:r.name}),(0,t.jsx)("span",{className:"block truncate text-xs text-muted-foreground",children:"sent you a friend request"})]})]}),(0,t.jsxs)("div",{className:"flex shrink-0 gap-1",children:[(0,t.jsx)(b.Button,{"data-testid":C.tid.inboxFriendRequestAccept(n.id),variant:"secondary",size:"icon",disabled:a,onClick:()=>f?.(e),"aria-label":`Accept ${r.name}'s friend request`,className:"size-11 rounded-full text-status-online sm:size-8",children:a&&"accept"===e.action?(0,t.jsx)(c.LoaderCircle,{className:"size-4 animate-spin"}):(0,t.jsx)(i.Check,{className:"size-4"})}),(0,t.jsx)(b.Button,{"data-testid":C.tid.inboxFriendRequestReject(n.id),variant:"secondary",size:"icon",disabled:a,onClick:()=>g?.(e),"aria-label":`Reject ${r.name}'s friend request`,className:"size-11 rounded-full text-destructive sm:size-8",children:a&&"reject"===e.action?(0,t.jsx)(c.LoaderCircle,{className:"size-4 animate-spin"}):(0,t.jsx)(p.X,{className:"size-4"})})]})]}),e.error&&(0,t.jsxs)("div",{role:"status","aria-live":"polite",className:"mt-1 flex items-center justify-end gap-2 text-xs text-destructive",children:[(0,t.jsx)("span",{children:e.error}),(0,t.jsx)("button",{className:"min-h-11 min-w-11 font-medium underline sm:min-h-0 sm:min-w-0",onClick:()=>N?.(e),children:"Retry"})]})]},n.id)})]}),l.length>0&&(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsx)("div",{className:"px-2 pb-1 text-xs font-semibold text-muted-foreground",children:"Direct Messages"}),l.map(e=>{let n=(0,R.readCommunityProfile)(E.get(e.otherUserId),e.otherUserId);return(0,t.jsxs)("button",{"data-testid":C.tid.inboxUnreadDm(e.channelId),onClick:()=>S?.(e),className:"flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-sm hover:bg-accent",children:[(0,t.jsx)(j.Avatar,{label:n.avatar,seed:e.otherUserId,size:24}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate",children:n.name}),(0,t.jsx)(o.ChevronRight,{className:"size-4 shrink-0 text-muted-foreground"})]},e.channelId)})]}),A.map(({server:e,channels:n})=>(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsx)("div",{className:"px-2 pb-1 text-xs font-semibold text-muted-foreground",children:e.serverName}),n.map(({channel:n,directVisible:r,children:a})=>(0,t.jsxs)("div",{children:[(0,t.jsxs)("button",{"data-testid":C.tid.inboxUnreadChannel(n.channelId),onClick:()=>y?.(e,n,r),className:"flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-sm hover:bg-accent",children:[(0,t.jsx)(x.EntityIcon,{kind:n.type,className:"size-4 shrink-0 text-muted-foreground"}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate",children:n.channelName}),r&&(0,t.jsx)(M,{count:n.mentionCount}),(0,t.jsx)(o.ChevronRight,{className:"size-4 shrink-0 text-muted-foreground"})]}),a.map(r=>(0,t.jsxs)("button",{"data-testid":C.tid.inboxUnreadChild(r.channelId),onClick:()=>k(e,n,r),className:"flex w-full items-center gap-2 rounded-md py-1.5 pl-8 pr-2 text-left text-sm hover:bg-accent",children:[(0,t.jsx)(x.EntityIcon,{kind:r.type,className:"size-3.5 shrink-0 text-muted-foreground"}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate text-muted-foreground",children:r.channelName}),(0,t.jsx)(M,{count:r.mentionCount}),(0,t.jsx)(o.ChevronRight,{className:"size-4 shrink-0 text-muted-foreground"})]},r.channelId))]},n.channelId))]},e.serverId))]})}function O({mentions:e,loading:a,error:l,onRetry:s,onOpenMention:i,onDeleteMention:o,profilesByUserId:c,getScrollOffset:p,onScrollOffsetChange:x}){return(0,n.useObservedRegion)("inbox",!a&&!l,(0,r.viewEvidence)(e)),(0,t.jsxs)(I,{tab:"mentions",getScrollOffset:p,onScrollOffsetChange:x,children:[a&&0===e.length&&(0,t.jsx)(A,{}),l&&0===e.length&&(0,t.jsx)(P,{onRetry:s}),!a&&!l&&0===e.length&&(0,t.jsx)(w.EmptyState,{icon:d.Inbox,label:"No mentions"}),e.map(e=>{if(e.pending)return(0,t.jsxs)("div",{className:"flex items-start gap-3 rounded-md p-2","aria-busy":"true",children:[(0,t.jsx)(v.Skeleton,{className:"size-9 shrink-0 rounded-full"}),(0,t.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[(0,t.jsx)(v.Skeleton,{className:"h-3.5 w-2/5 rounded"}),(0,t.jsx)(v.Skeleton,{className:"h-3 w-3/4 rounded"})]})]},e.id);let n=(0,R.readCommunityProfile)(e.m.authorId?c.get(e.m.authorId):void 0,e.m.authorId??"");return(0,t.jsxs)("div",{className:"group flex w-full items-start gap-3 rounded-md p-2 text-left hover:bg-accent",children:[(0,t.jsxs)("button",{onClick:()=>i?.(e),className:"flex min-w-0 flex-1 items-start gap-3 text-left",children:[(0,t.jsx)(j.Avatar,{label:n.avatar,seed:e.m.authorId,size:36}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsxs)("div",{className:"text-sm",children:[(0,t.jsx)("span",{className:"font-medium",children:n.name})," ",(0,t.jsxs)("span",{className:"text-xs text-muted-foreground",children:["reply"===e.kind?"replied to you":"mentioned you"," in ",e.server," · ",(0,t.jsx)(N.ChannelIcon,{className:"inline h-[1em] w-auto align-[-0.1em]"}),e.channel]})]}),(0,t.jsx)("div",{className:"truncate text-sm text-muted-foreground",children:(0,h.stripInlineMarkup)(e.m.content??"")})]})]}),o&&(0,t.jsxs)(g.DropdownMenu,{children:[(0,t.jsx)(g.DropdownMenuTrigger,{render:(0,t.jsx)("button",{className:"mt-1 grid size-6 shrink-0 place-items-center rounded-md text-muted-foreground opacity-0 hover:bg-accent hover:text-foreground group-hover:opacity-100","aria-label":"More"}),children:(0,t.jsx)(u.MoreHorizontal,{className:"size-4"})}),(0,t.jsx)(g.DropdownMenuContent,{align:"end",sideOffset:4,className:"w-36",children:(0,t.jsxs)(g.DropdownMenuItem,{onClick:()=>o(e.id),children:[(0,t.jsx)(m.Trash2,{className:"size-4"}),"Remove"]})})]})]},e.id)})]})}function T({marked:e,loading:a,onOpenMarked:l,onUnmark:i,profilesByUserId:o,getScrollOffset:d,onScrollOffsetChange:c}){return(0,n.useObservedRegion)("inbox",!a,(0,r.viewEvidence)(e)),(0,t.jsxs)(I,{tab:"marked",getScrollOffset:d,onScrollOffsetChange:c,children:[a&&0===e.length&&(0,t.jsx)(A,{}),!a&&0===e.length&&(0,t.jsx)(w.EmptyState,{icon:s,label:"No marked messages"}),e.map(e=>{let n=(0,R.readCommunityProfile)(e.m.authorId?o.get(e.m.authorId):void 0,e.m.authorId??"");return(0,t.jsxs)("div",{className:"group flex w-full items-start gap-3 rounded-md p-2 text-left hover:bg-accent",children:[(0,t.jsxs)("button",{onClick:()=>l?.(e),className:"flex min-w-0 flex-1 items-start gap-3 text-left",children:[(0,t.jsx)(j.Avatar,{label:n.avatar,seed:e.m.authorId,size:36}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsxs)("div",{className:"text-sm",children:[(0,t.jsx)("span",{className:"font-medium",children:n.name})," ",(0,t.jsxs)("span",{className:"text-xs text-muted-foreground",children:["in"," ",e.serverId?(0,t.jsxs)(t.Fragment,{children:[e.server," · ",(0,t.jsx)(N.ChannelIcon,{className:"inline h-[1em] w-auto align-[-0.1em]"}),e.channel]}):"DM",e.m.createdAt&&(0,t.jsxs)(t.Fragment,{children:[" · ",(0,y.formatRelativeTime)(e.m.createdAt)]})]})]}),(0,t.jsx)("div",{className:"truncate text-sm text-muted-foreground",children:(0,h.stripInlineMarkup)(e.m.content??"")})]})]}),i&&(0,t.jsxs)(g.DropdownMenu,{children:[(0,t.jsx)(g.DropdownMenuTrigger,{render:(0,t.jsx)("button",{className:"mt-1 grid size-6 shrink-0 place-items-center rounded-md text-muted-foreground opacity-0 hover:bg-accent hover:text-foreground group-hover:opacity-100","aria-label":"More"}),children:(0,t.jsx)(u.MoreHorizontal,{className:"size-4"})}),(0,t.jsx)(g.DropdownMenuContent,{align:"end",sideOffset:4,className:"w-36",children:(0,t.jsxs)(g.DropdownMenuItem,{onClick:()=>i(e.m.id),children:[(0,t.jsx)(m.Trash2,{className:"size-4"}),"Unmark"]})})]})]},e.id)})]})}function A(){return(0,t.jsx)("div",{className:"flex flex-col gap-1",children:Array.from({length:4}).map((e,n)=>(0,t.jsxs)("div",{className:"flex items-start gap-3 rounded-md p-2",children:[(0,t.jsx)(v.Skeleton,{className:"size-9 shrink-0 rounded-full"}),(0,t.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[(0,t.jsx)(v.Skeleton,{className:"h-3.5 w-2/5 rounded"}),(0,t.jsx)(v.Skeleton,{className:"h-3 w-3/4 rounded"}),(0,t.jsx)(v.Skeleton,{className:"h-3 w-1/4 rounded"})]})]},n))})}function D(){return(0,t.jsx)("div",{className:"flex flex-col gap-3",children:Array.from({length:2}).map((e,n)=>(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"px-2 pb-1",children:(0,t.jsx)(v.Skeleton,{className:"h-3 w-24 rounded"})}),Array.from({length:3}).map((e,n)=>(0,t.jsxs)("div",{className:"flex items-center gap-2 rounded-md px-2 py-2",children:[(0,t.jsx)(v.Skeleton,{className:"size-4 shrink-0 rounded"}),(0,t.jsx)(v.Skeleton,{className:"h-3.5 flex-1 rounded",style:{maxWidth:140+23*n%60}})]},n))]},n))})}e.s(["InboxPopover",0,function({friendRequests:e=[],unreads:n,unreadDms:r,mentions:a,marked:l,markedLoading:s,loading:i,attentionError:o,onRetryAttention:c,hasProjectedUnreads:u,hasProjectedMentions:m,hasOutstandingFriendRequest:p=e.length>0,onOpenFriendRequests:h,onAcceptFriendRequest:x,onRejectFriendRequest:g,onRetryFriendRequest:v,onOpenChannel:b,onOpenThread:j,onOpenForumThread:N,onOpenDm:w,onOpenMention:y,onOpenMarked:R,onDeleteMention:E,onUnmark:I,onMarkedTabSelected:M,onMarkAllRead:P,activeTab:A,onActiveTabChange:D,getScrollOffset:F,onScrollOffsetChange:B,surface:U="desktop"}){let W=(0,S.useCanonicalProfilesByUserId)(),q=(0,k.selectUnreadPresentation)({accountUnread:u||p}).showDot,L=(0,k.selectUnreadPresentation)({accountUnread:m}).showDot,H=u||m;return(0,t.jsxs)(f.Tabs,{defaultValue:"unreads",value:A,onValueChange:e=>{D?.(e),"marked"===e&&M?.()},className:"desktop"===U?"flex h-112 flex-col":"flex h-full min-h-0 flex-col",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 px-3 pt-4",children:[(0,t.jsx)(d.Inbox,{className:"size-5"}),(0,t.jsx)("h2",{className:"flex-1 text-lg font-semibold",children:"Inbox"}),P&&(0,t.jsx)("button",{onClick:P,disabled:!H,className:"text-xs text-primary hover:underline disabled:cursor-not-allowed disabled:text-muted-foreground disabled:no-underline",children:"Mark all read"})]}),(0,t.jsxs)(f.TabsList,{"data-testid":C.tid.inboxTabList,variant:"line",className:"mt-3 w-full border-b border-border px-3",children:[(0,t.jsx)(f.TabsTrigger,{value:"unreads",children:(0,t.jsxs)("span",{className:"inline-flex items-center gap-2",children:["Unreads",q&&(0,t.jsx)("span",{className:"size-1.5 rounded-full bg-primary"})]})}),(0,t.jsx)(f.TabsTrigger,{value:"mentions",children:(0,t.jsxs)("span",{className:"inline-flex items-center gap-2",children:["Mentions",L&&(0,t.jsx)("span",{className:"size-1.5 rounded-full bg-primary"})]})}),(0,t.jsx)(f.TabsTrigger,{value:"marked",children:"Marked"})]}),(0,t.jsx)(f.TabsContent,{value:"unreads",className:"min-h-0 flex-1",children:(0,t.jsx)(z,{friendRequests:e,servers:n,dms:r,loading:i,error:o,onRetry:c,onOpenFriendRequests:h,onAcceptFriendRequest:x,onRejectFriendRequest:g,onRetryFriendRequest:v,onOpenChannel:b,onOpenThread:j??N??(()=>{}),onOpenDm:w,profilesByUserId:W,getScrollOffset:F,onScrollOffsetChange:B})}),(0,t.jsx)(f.TabsContent,{value:"mentions",className:"min-h-0 flex-1",children:(0,t.jsx)(O,{mentions:a,loading:i,error:o,onRetry:c,onOpenMention:y,onDeleteMention:E,profilesByUserId:W,getScrollOffset:F,onScrollOffsetChange:B})}),(0,t.jsx)(f.TabsContent,{value:"marked",className:"min-h-0 flex-1",children:(0,t.jsx)(T,{marked:l,loading:s,onOpenMarked:R,onUnmark:I,profilesByUserId:W,getScrollOffset:F,onScrollOffsetChange:B})})]})}],294656)},182149,e=>{"use strict";var t=e.i(237649),n=e.i(382416),r=Object.defineProperty,a=Object.defineProperties,l=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,d=(e,t,n)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;function c(e){let t=e.getBoundingClientRect().right,n=e;for(;n;){if("visible"!==getComputedStyle(n).overflowX)return n.getBoundingClientRect().left+n.clientLeft+n.clientWidth-t;n=n.parentElement}return document.documentElement.clientWidth-t}var u=n.createContext({}),m=n.forwardRef((e,t)=>{let r;var m,x,f,g,v,{value:b,onChange:j,maxLength:N,textAlign:w="left",pattern:y,placeholder:k,inputMode:C="numeric",onComplete:S,pushPasswordManagerStrategy:R="increase-width",pasteTransformer:E,containerClassName:I,noScriptCSSFallback:M=h,nonce:P,render:z,children:O}=e,T=((e,t)=>{var n={};for(var r in e)i.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&s)for(var r of s(e))0>t.indexOf(r)&&o.call(e,r)&&(n[r]=e[r]);return n})(e,["value","onChange","maxLength","textAlign","pattern","placeholder","inputMode","onComplete","pushPasswordManagerStrategy","pasteTransformer","containerClassName","noScriptCSSFallback","nonce","render","children"]);let[A,D]=n.useState("string"==typeof T.defaultValue?T.defaultValue:""),F=null!=b?b:A,B=(r=n.useRef(),n.useEffect(()=>{r.current=F}),r.current),U=n.useCallback(e=>{null==j||j(e),D(e)},[j]),W=n.useMemo(()=>y?"string"==typeof y?new RegExp(y):y:null,[y]),q=n.useRef(null),L=n.useRef(null),H=n.useRef({value:F,onChange:U,isIOS:"u">typeof window&&(null==(x=null==(m=null==window?void 0:window.CSS)?void 0:m.supports)?void 0:x.call(m,"-webkit-touch-callout","none"))}),_=n.useRef({prev:[null==(f=q.current)?void 0:f.selectionStart,null==(g=q.current)?void 0:g.selectionEnd,null==(v=q.current)?void 0:v.selectionDirection]});n.useImperativeHandle(t,()=>q.current,[]),n.useEffect(()=>{let e=q.current,t=L.current;if(!e||!t)return;function n(){if(document.activeElement!==e){J(null),Y(null);return}let t=e.selectionStart,n=e.selectionEnd,r=e.selectionDirection,a=e.maxLength,l=e.value,s=_.current.prev,i=-1,o=-1,d;if(0!==l.length&&null!==t&&null!==n){let r=t===n,c=t===l.length&&l.length<a;if(r&&!c){if(0===t)i=0,o=1,d="forward";else if(t===a)i=t-1,o=t,d="backward";else if(a>1&&l.length>1){let e=0;if(null!==s[0]&&null!==s[1]){d=t<s[1]?"backward":"forward";let n=s[0]===s[1]&&s[0]<a;"backward"!==d||n||(e=-1)}i=e+t,o=e+t+1}}-1!==i&&-1!==o&&i!==o&&e.setSelectionRange(i,o,d)}let c=-1!==i?i:t,u=-1!==o?o:n,m=null!=d?d:r;J(c),Y(u),_.current.prev=[c,u,m]}if(H.current.value!==e.value&&H.current.onChange(e.value),_.current.prev=[e.selectionStart,e.selectionEnd,e.selectionDirection],document.addEventListener("selectionchange",n,{capture:!0}),n(),document.activeElement===e&&K(!0),!document.getElementById("input-otp-style")){let e=document.createElement("style");if(e.id="input-otp-style",P&&e.setAttribute("nonce",P),document.head.appendChild(e),e.sheet){let t="background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";p(e.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),p(e.sheet,`[data-input-otp]:autofill { ${t} }`),p(e.sheet,`[data-input-otp]:-webkit-autofill { ${t} }`),p(e.sheet,"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"),p(e.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}let r=()=>{t&&t.style.setProperty("--root-height",`${e.clientHeight}px`)};r();let a="u"<typeof ResizeObserver?null:new ResizeObserver(r);return null==a||a.observe(e),()=>{document.removeEventListener("selectionchange",n,{capture:!0}),null==a||a.disconnect()}},[]);let[V,$]=n.useState(!1),[G,K]=n.useState(!1),[X,J]=n.useState(null),[Q,Y]=n.useState(null);n.useEffect(()=>{var e;let t=[setTimeout(e=()=>{var e,t,n,r;null==(e=q.current)||e.dispatchEvent(new Event("input"));let a=null==(t=q.current)?void 0:t.selectionStart,l=null==(n=q.current)?void 0:n.selectionEnd,s=null==(r=q.current)?void 0:r.selectionDirection;null!==a&&null!==l&&(J(a),Y(l),_.current.prev=[a,l,s])},0),setTimeout(e,10),setTimeout(e,50)];return()=>{t.forEach(e=>clearTimeout(e))}},[F,G]),n.useEffect(()=>{void 0!==B&&F!==B&&B.length<N&&F.length===N&&(null==S||S(F))},[N,S,B,F]);let Z=function({containerRef:e,inputRef:t,pushPasswordManagerStrategy:r,isFocused:a}){let[l,s]=n.useState(!1),[i,o]=n.useState(!1),[d,u]=n.useState(!1),m=n.useMemo(()=>"none"!==r&&("increase-width"===r||"experimental-no-flickering"===r)&&l&&i,[l,i,r]),p=n.useCallback(()=>{let n=e.current,a=t.current;if(!n||!a||d||"none"===r)return;let l=n.getBoundingClientRect().left+n.offsetWidth,i=n.getBoundingClientRect().top+n.offsetHeight/2;0===document.querySelectorAll('[data-lastpass-icon-root],com-1password-button,[data-dashlanecreated],[style$="2147483647 !important;"]').length&&document.elementFromPoint(l-18,i)===n||(o(c(n)>=40),s(!0),u(!0))},[e,t,d,r]);return n.useEffect(()=>{let t=e.current;if(!t||"none"===r)return;function n(){o(c(t)>=40)}n();let a=setInterval(n,1e3);return()=>{clearInterval(a)}},[e,r]),n.useEffect(()=>{let e=a||document.activeElement===t.current;if("none"===r||!e)return;let n=setTimeout(p,0),l=setTimeout(p,2e3),s=setTimeout(p,5e3),i=setTimeout(()=>{u(!0)},6e3);return()=>{clearTimeout(n),clearTimeout(l),clearTimeout(s),clearTimeout(i)}},[t,a,r,p]),{hasPWMBadge:l,willPushPWMBadge:m,PWM_BADGE_SPACE_WIDTH:"40px"}}({containerRef:L,inputRef:q,pushPasswordManagerStrategy:R,isFocused:G}),ee=n.useCallback(e=>{let t=e.currentTarget.value.slice(0,N);t.length>0&&W&&!W.test(t)?e.preventDefault():("string"==typeof B&&t.length<B.length&&document.dispatchEvent(new Event("selectionchange")),U(t))},[N,U,B,W]),et=n.useCallback(()=>{var e;if(q.current){let t=Math.min(q.current.value.length,N-1),n=q.current.value.length;null==(e=q.current)||e.setSelectionRange(t,n),J(t),Y(n)}K(!0)},[N]),en=n.useCallback(e=>{var t,n;let r=q.current;if(!E&&(!H.current.isIOS||!e.clipboardData||!r))return;let a=e.clipboardData.getData("text/plain"),l=E?E(a):a;e.preventDefault();let s=null==(t=q.current)?void 0:t.selectionStart,i=null==(n=q.current)?void 0:n.selectionEnd,o=(s!==i?F.slice(0,s)+l+F.slice(i):F.slice(0,s)+l+F.slice(s)).slice(0,N);if(o.length>0&&W&&!W.test(o))return;r.value=o,U(o);let d=Math.min(o.length,N-1),c=o.length;r.setSelectionRange(d,c),J(d),Y(c)},[N,U,E,W,F]),er=n.useMemo(()=>({position:"relative",cursor:T.disabled?"default":"text",userSelect:"none",WebkitUserSelect:"none",pointerEvents:"none"}),[T.disabled]),ea=n.useMemo(()=>({position:"absolute",inset:0,width:Z.willPushPWMBadge?`calc(100% + ${Z.PWM_BADGE_SPACE_WIDTH})`:"100%",clipPath:Z.willPushPWMBadge?`inset(0 ${Z.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:"100%",display:"flex",textAlign:w,opacity:"1",color:"transparent",pointerEvents:"all",background:"transparent",caretColor:"transparent",border:"0 solid transparent",outline:"0 solid transparent",boxShadow:"none",lineHeight:"1",letterSpacing:"-.5em",fontSize:"var(--root-height, 16px)",fontFamily:"monospace",fontVariantNumeric:"tabular-nums"}),[Z.PWM_BADGE_SPACE_WIDTH,Z.willPushPWMBadge,w]),el=n.useMemo(()=>{var e;return n.createElement("input",a(((e,t)=>{for(var n in t||(t={}))i.call(t,n)&&d(e,n,t[n]);if(s)for(var n of s(t))o.call(t,n)&&d(e,n,t[n]);return e})({autoComplete:T.autoComplete||"one-time-code"},T),l({"data-input-otp":!0,"data-input-otp-placeholder-shown":0===F.length||void 0,"data-input-otp-mss":X,"data-input-otp-mse":Q,inputMode:C,pattern:null==W?void 0:W.source,"aria-placeholder":k,style:ea,maxLength:N,value:F,ref:q,spellCheck:null!=(e=T.spellCheck)&&e,onPaste:e=>{var t;en(e),null==(t=T.onPaste)||t.call(T,e)},onChange:ee,onMouseOver:e=>{var t;$(!0),null==(t=T.onMouseOver)||t.call(T,e)},onMouseLeave:e=>{var t;$(!1),null==(t=T.onMouseLeave)||t.call(T,e)},onFocus:e=>{var t;et(),null==(t=T.onFocus)||t.call(T,e)},onBlur:e=>{var t;K(!1),null==(t=T.onBlur)||t.call(T,e)}})))},[ee,et,en,C,ea,N,Q,X,k,T,null==W?void 0:W.source,F]),es=n.useMemo(()=>({slots:Array.from({length:N}).map((e,t)=>{var n;let r=G&&null!==X&&null!==Q&&(X===Q&&t===X||t>=X&&t<Q),a=void 0!==F[t]?F[t]:null;return{char:a,placeholderChar:void 0!==F[0]?null:null!=(n=null==k?void 0:k[t])?n:null,isActive:r,hasFakeCaret:r&&null===a}}),isFocused:G,isHovering:!T.disabled&&V}),[G,V,N,Q,X,k,T.disabled,F]),ei=n.useMemo(()=>z?z(es):n.createElement(u.Provider,{value:es},O),[O,es,z]);return n.createElement(n.Fragment,null,null!==M&&n.createElement("noscript",null,n.createElement("style",null,M)),n.createElement("div",{ref:L,"data-input-otp-container":!0,translate:"no",style:er,className:I},ei,n.createElement("div",{style:{position:"absolute",inset:0,pointerEvents:"none"}},el)))});function p(e,t){try{e.insertRule(t)}catch(e){console.warn("input-otp could not insert CSS rule:",t)}}m.displayName="Input";var h=`
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,294656,e=>{"use strict";var t=e.i(237649),n=e.i(392965),r=e.i(693760),a=e.i(1087);let l={name:"bookmark",size:24,node:[["path",{d:"M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z",key:"oz39mx"}]]};l.node;let s=(0,a.default)(l);var i=e.i(303706),o=e.i(962726),d=e.i(348333),c=e.i(42004),u=e.i(881890),m=e.i(783524),p=e.i(731517);e.i(954194);var h=e.i(275130),x=e.i(670544),f=e.i(255334),g=e.i(89164),v=e.i(728886),b=e.i(186339),j=e.i(531342),N=e.i(323086),w=e.i(978913),y=e.i(344431),k=e.i(265652),C=e.i(381153),S=e.i(86694),R=e.i(351777),I=e.i(382416);function E({tab:e,getScrollOffset:n,onScrollOffsetChange:r,children:a}){let l=(0,I.useRef)(null),s=(0,I.useRef)(null),i=(0,I.useRef)(!1),o=(0,I.useRef)(!1);return(0,I.useLayoutEffect)(()=>{let t=l.current;if(!t||!n)return;let r=()=>{t.scrollTop=n(e)};r();let a=t.ownerDocument.defaultView,i=a?.ResizeObserver,o=i?new i(r):null;o?.observe(t),s.current&&o?.observe(s.current);let d=null,c=a?.requestAnimationFrame(()=>{r(),d=a.requestAnimationFrame(r)})??null;return()=>{o?.disconnect(),null!==c&&a?.cancelAnimationFrame(c),null!==d&&a?.cancelAnimationFrame(d)}},[n,e]),(0,t.jsx)("div",{ref:l,"data-testid":C.tid.inboxTabScroll(e),className:"h-full overflow-y-auto thin-scrollbar p-3",onScroll:t=>{let a=t.currentTarget.scrollTop;(a>=(n?.(e)??0)||i.current||o.current)&&r?.(e,a),o.current=!1},onWheel:()=>{o.current=!0},onKeyDown:e=>{["ArrowDown","ArrowUp","End","Home","PageDown","PageUp"," "].includes(e.key)&&(o.current=!0)},onPointerDown:()=>{i.current=!0},onPointerUp:()=>{i.current=!1},onPointerCancel:()=>{i.current=!1},children:(0,t.jsx)("div",{ref:s,children:a})})}function M({count:e}){return e<=0?null:(0,t.jsx)("span",{className:"grid h-5 min-w-5 place-items-center rounded-full bg-primary px-1 text-xs font-semibold text-primary-foreground",children:e})}function P({onRetry:e}){return(0,t.jsxs)("div",{role:"alert",className:"flex flex-col items-center gap-2 py-8 text-sm text-muted-foreground",children:[(0,t.jsx)("span",{children:"Couldn't load Inbox"}),e&&(0,t.jsx)(b.Button,{variant:"secondary",size:"sm",onClick:e,children:"Retry"})]})}function z({friendRequests:e,servers:a,dms:l,loading:s,error:u,onRetry:m,onOpenFriendRequests:h,onAcceptFriendRequest:f,onRejectFriendRequest:g,onRetryFriendRequest:N,onOpenChannel:y,onOpenThread:k,onOpenDm:S,profilesByUserId:I,getScrollOffset:O,onScrollOffsetChange:T}){(0,n.useObservedRegion)("inbox",!s&&!u,{...(0,r.mergeEvidence)([(0,r.viewEvidence)(a),(0,r.viewEvidence)(l),(0,r.viewEvidence)(e)]),count:a.length+l.length+e.length});let A=a.map(e=>({server:e,channels:e.channels.map(e=>({channel:e,directVisible:!1!==e.hasDirectUnread,children:e.children})).filter(e=>e.directVisible||e.children.length>0)})).filter(e=>e.channels.length>0),F=0===e.length&&0===A.length&&0===l.length;return(0,t.jsxs)(E,{tab:"unreads",getScrollOffset:O,onScrollOffsetChange:T,children:[s&&F&&(0,t.jsx)(D,{}),u&&F&&(0,t.jsx)(P,{onRetry:m}),!s&&!u&&F&&(0,t.jsx)(w.EmptyState,{icon:d.Inbox,label:"Caught up"}),e.length>0&&(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsxs)("div",{className:"px-2 pb-1 text-xs font-semibold text-muted-foreground",children:["Friend requests — ",e.length]}),e.map(e=>{let n=e.row;if(n.pendingIdentity)return(0,t.jsxs)("div",{"data-testid":C.tid.inboxFriendRequest(n.id),className:"flex items-center gap-2 rounded-md px-2 py-2",children:[(0,t.jsx)(v.Skeleton,{className:"size-7 shrink-0 rounded-full"}),(0,t.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[(0,t.jsx)(v.Skeleton,{className:"h-3.5 w-28 rounded"}),(0,t.jsx)(v.Skeleton,{className:"h-3 w-40 rounded"})]})]},n.id);let r=(0,R.readCommunityProfile)(I.get(n.userId),n.userId),a="pending"===e.status;return(0,t.jsxs)("div",{"data-testid":C.tid.inboxFriendRequest(n.id),"aria-busy":a||void 0,className:"rounded-md px-2 py-2 hover:bg-accent",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)("button",{"data-testid":C.tid.inboxFriendRequestOpen(n.id),onClick:h,className:"flex min-h-11 min-w-0 flex-1 items-center gap-2 rounded-md text-left text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring sm:min-h-0",children:[(0,t.jsx)(j.Avatar,{label:r.avatar,seed:n.userId,size:28}),(0,t.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,t.jsx)("span",{className:"block truncate font-medium",children:r.name}),(0,t.jsx)("span",{className:"block truncate text-xs text-muted-foreground",children:"sent you a friend request"})]})]}),(0,t.jsxs)("div",{className:"flex shrink-0 gap-1",children:[(0,t.jsx)(b.Button,{"data-testid":C.tid.inboxFriendRequestAccept(n.id),variant:"secondary",size:"icon",disabled:a,onClick:()=>f?.(e),"aria-label":`Accept ${r.name}'s friend request`,className:"size-11 rounded-full text-status-online sm:size-8",children:a&&"accept"===e.action?(0,t.jsx)(c.LoaderCircle,{className:"size-4 animate-spin"}):(0,t.jsx)(i.Check,{className:"size-4"})}),(0,t.jsx)(b.Button,{"data-testid":C.tid.inboxFriendRequestReject(n.id),variant:"secondary",size:"icon",disabled:a,onClick:()=>g?.(e),"aria-label":`Reject ${r.name}'s friend request`,className:"size-11 rounded-full text-destructive sm:size-8",children:a&&"reject"===e.action?(0,t.jsx)(c.LoaderCircle,{className:"size-4 animate-spin"}):(0,t.jsx)(p.X,{className:"size-4"})})]})]}),e.error&&(0,t.jsxs)("div",{role:"status","aria-live":"polite",className:"mt-1 flex items-center justify-end gap-2 text-xs text-destructive",children:[(0,t.jsx)("span",{children:e.error}),(0,t.jsx)("button",{className:"min-h-11 min-w-11 font-medium underline sm:min-h-0 sm:min-w-0",onClick:()=>N?.(e),children:"Retry"})]})]},n.id)})]}),l.length>0&&(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsx)("div",{className:"px-2 pb-1 text-xs font-semibold text-muted-foreground",children:"Direct Messages"}),l.map(e=>{let n=(0,R.readCommunityProfile)(I.get(e.otherUserId),e.otherUserId);return(0,t.jsxs)("button",{"data-testid":C.tid.inboxUnreadDm(e.channelId),onClick:()=>S?.(e),className:"flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-sm hover:bg-accent",children:[(0,t.jsx)(j.Avatar,{label:n.avatar,seed:e.otherUserId,size:24}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate",children:n.name}),(0,t.jsx)(o.ChevronRight,{className:"size-4 shrink-0 text-muted-foreground"})]},e.channelId)})]}),A.map(({server:e,channels:n})=>(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsx)("div",{className:"px-2 pb-1 text-xs font-semibold text-muted-foreground",children:e.serverName}),n.map(({channel:n,directVisible:r,children:a})=>(0,t.jsxs)("div",{children:[(0,t.jsxs)("button",{"data-testid":C.tid.inboxUnreadChannel(n.channelId),onClick:()=>y?.(e,n,r),className:"flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-sm hover:bg-accent",children:[(0,t.jsx)(x.EntityIcon,{kind:n.type,className:"size-4 shrink-0 text-muted-foreground"}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate",children:n.channelName}),r&&(0,t.jsx)(M,{count:n.mentionCount}),(0,t.jsx)(o.ChevronRight,{className:"size-4 shrink-0 text-muted-foreground"})]}),a.map(r=>(0,t.jsxs)("button",{"data-testid":C.tid.inboxUnreadChild(r.channelId),onClick:()=>k(e,n,r),className:"flex w-full items-center gap-2 rounded-md py-1.5 pl-8 pr-2 text-left text-sm hover:bg-accent",children:[(0,t.jsx)(x.EntityIcon,{kind:r.type,className:"size-3.5 shrink-0 text-muted-foreground"}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate text-muted-foreground",children:r.channelName}),(0,t.jsx)(M,{count:r.mentionCount}),(0,t.jsx)(o.ChevronRight,{className:"size-4 shrink-0 text-muted-foreground"})]},r.channelId))]},n.channelId))]},e.serverId))]})}function O({mentions:e,loading:a,error:l,onRetry:s,onOpenMention:i,onDeleteMention:o,profilesByUserId:c,getScrollOffset:p,onScrollOffsetChange:x}){return(0,n.useObservedRegion)("inbox",!a&&!l,(0,r.viewEvidence)(e)),(0,t.jsxs)(E,{tab:"mentions",getScrollOffset:p,onScrollOffsetChange:x,children:[a&&0===e.length&&(0,t.jsx)(A,{}),l&&0===e.length&&(0,t.jsx)(P,{onRetry:s}),!a&&!l&&0===e.length&&(0,t.jsx)(w.EmptyState,{icon:d.Inbox,label:"No mentions"}),e.map(e=>{if(e.pending)return(0,t.jsxs)("div",{className:"flex items-start gap-3 rounded-md p-2","aria-busy":"true",children:[(0,t.jsx)(v.Skeleton,{className:"size-9 shrink-0 rounded-full"}),(0,t.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[(0,t.jsx)(v.Skeleton,{className:"h-3.5 w-2/5 rounded"}),(0,t.jsx)(v.Skeleton,{className:"h-3 w-3/4 rounded"})]})]},e.id);let n=(0,R.readCommunityProfile)(e.m.authorId?c.get(e.m.authorId):void 0,e.m.authorId??"");return(0,t.jsxs)("div",{className:"group flex w-full items-start gap-3 rounded-md p-2 text-left hover:bg-accent",children:[(0,t.jsxs)("button",{onClick:()=>i?.(e),className:"flex min-w-0 flex-1 items-start gap-3 text-left",children:[(0,t.jsx)(j.Avatar,{label:n.avatar,seed:e.m.authorId,size:36}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsxs)("div",{className:"text-sm",children:[(0,t.jsx)("span",{className:"font-medium",children:n.name})," ",(0,t.jsxs)("span",{className:"text-xs text-muted-foreground",children:["reply"===e.kind?"replied to you":"mentioned you"," in ",e.server," · ",(0,t.jsx)(N.ChannelIcon,{className:"inline h-[1em] w-auto align-[-0.1em]"}),e.channel]})]}),(0,t.jsx)("div",{className:"truncate text-sm text-muted-foreground",children:(0,h.stripInlineMarkup)(e.m.content??"")})]})]}),o&&(0,t.jsxs)(g.DropdownMenu,{children:[(0,t.jsx)(g.DropdownMenuTrigger,{render:(0,t.jsx)("button",{className:"mt-1 grid size-6 shrink-0 place-items-center rounded-md text-muted-foreground opacity-0 hover:bg-accent hover:text-foreground group-hover:opacity-100","aria-label":"More"}),children:(0,t.jsx)(u.MoreHorizontal,{className:"size-4"})}),(0,t.jsx)(g.DropdownMenuContent,{align:"end",sideOffset:4,className:"w-36",children:(0,t.jsxs)(g.DropdownMenuItem,{onClick:()=>o(e.id),children:[(0,t.jsx)(m.Trash2,{className:"size-4"}),"Remove"]})})]})]},e.id)})]})}function T({marked:e,loading:a,onOpenMarked:l,onUnmark:i,profilesByUserId:o,getScrollOffset:d,onScrollOffsetChange:c}){return(0,n.useObservedRegion)("inbox",!a,(0,r.viewEvidence)(e)),(0,t.jsxs)(E,{tab:"marked",getScrollOffset:d,onScrollOffsetChange:c,children:[a&&0===e.length&&(0,t.jsx)(A,{}),!a&&0===e.length&&(0,t.jsx)(w.EmptyState,{icon:s,label:"No marked messages"}),e.map(e=>{let n=(0,R.readCommunityProfile)(e.m.authorId?o.get(e.m.authorId):void 0,e.m.authorId??"");return(0,t.jsxs)("div",{className:"group flex w-full items-start gap-3 rounded-md p-2 text-left hover:bg-accent",children:[(0,t.jsxs)("button",{onClick:()=>l?.(e),className:"flex min-w-0 flex-1 items-start gap-3 text-left",children:[(0,t.jsx)(j.Avatar,{label:n.avatar,seed:e.m.authorId,size:36}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsxs)("div",{className:"text-sm",children:[(0,t.jsx)("span",{className:"font-medium",children:n.name})," ",(0,t.jsxs)("span",{className:"text-xs text-muted-foreground",children:["in"," ",e.serverId?(0,t.jsxs)(t.Fragment,{children:[e.server," · ",(0,t.jsx)(N.ChannelIcon,{className:"inline h-[1em] w-auto align-[-0.1em]"}),e.channel]}):"DM",e.m.createdAt&&(0,t.jsxs)(t.Fragment,{children:[" · ",(0,y.formatRelativeTime)(e.m.createdAt)]})]})]}),(0,t.jsx)("div",{className:"truncate text-sm text-muted-foreground",children:(0,h.stripInlineMarkup)(e.m.content??"")})]})]}),i&&(0,t.jsxs)(g.DropdownMenu,{children:[(0,t.jsx)(g.DropdownMenuTrigger,{render:(0,t.jsx)("button",{className:"mt-1 grid size-6 shrink-0 place-items-center rounded-md text-muted-foreground opacity-0 hover:bg-accent hover:text-foreground group-hover:opacity-100","aria-label":"More"}),children:(0,t.jsx)(u.MoreHorizontal,{className:"size-4"})}),(0,t.jsx)(g.DropdownMenuContent,{align:"end",sideOffset:4,className:"w-36",children:(0,t.jsxs)(g.DropdownMenuItem,{onClick:()=>i(e.m.id),children:[(0,t.jsx)(m.Trash2,{className:"size-4"}),"Unmark"]})})]})]},e.id)})]})}function A(){return(0,t.jsx)("div",{className:"flex flex-col gap-1",children:Array.from({length:4}).map((e,n)=>(0,t.jsxs)("div",{className:"flex items-start gap-3 rounded-md p-2",children:[(0,t.jsx)(v.Skeleton,{className:"size-9 shrink-0 rounded-full"}),(0,t.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[(0,t.jsx)(v.Skeleton,{className:"h-3.5 w-2/5 rounded"}),(0,t.jsx)(v.Skeleton,{className:"h-3 w-3/4 rounded"}),(0,t.jsx)(v.Skeleton,{className:"h-3 w-1/4 rounded"})]})]},n))})}function D(){return(0,t.jsx)("div",{className:"flex flex-col gap-3",children:Array.from({length:2}).map((e,n)=>(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"px-2 pb-1",children:(0,t.jsx)(v.Skeleton,{className:"h-3 w-24 rounded"})}),Array.from({length:3}).map((e,n)=>(0,t.jsxs)("div",{className:"flex items-center gap-2 rounded-md px-2 py-2",children:[(0,t.jsx)(v.Skeleton,{className:"size-4 shrink-0 rounded"}),(0,t.jsx)(v.Skeleton,{className:"h-3.5 flex-1 rounded",style:{maxWidth:140+23*n%60}})]},n))]},n))})}e.s(["InboxPopover",0,function({friendRequests:e=[],unreads:n,unreadDms:r,mentions:a,marked:l,markedLoading:s,loading:i,attentionError:o,onRetryAttention:c,hasProjectedUnreads:u,hasProjectedMentions:m,hasOutstandingFriendRequest:p=e.length>0,onOpenFriendRequests:h,onAcceptFriendRequest:x,onRejectFriendRequest:g,onRetryFriendRequest:v,onOpenChannel:b,onOpenThread:j,onOpenForumThread:N,onOpenDm:w,onOpenMention:y,onOpenMarked:R,onDeleteMention:I,onUnmark:E,onMarkedTabSelected:M,onMarkAllRead:P,activeTab:A,onActiveTabChange:D,getScrollOffset:F,onScrollOffsetChange:B,surface:U="desktop"}){let W=(0,S.useCanonicalProfilesByUserId)(),q=(0,k.selectUnreadPresentation)({accountUnread:u||p}).showDot,L=(0,k.selectUnreadPresentation)({accountUnread:m}).showDot,H=u||m;return(0,t.jsxs)(f.Tabs,{defaultValue:"unreads",value:A,onValueChange:e=>{D?.(e),"marked"===e&&M?.()},className:"desktop"===U?"flex h-112 flex-col":"flex h-full min-h-0 flex-col",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 px-3 pt-4",children:[(0,t.jsx)(d.Inbox,{className:"size-5"}),(0,t.jsx)("h2",{className:"flex-1 text-lg font-semibold",children:"Inbox"}),P&&(0,t.jsx)("button",{onClick:P,disabled:!H,className:"text-xs text-primary hover:underline disabled:cursor-not-allowed disabled:text-muted-foreground disabled:no-underline",children:"Mark all read"})]}),(0,t.jsxs)(f.TabsList,{"data-testid":C.tid.inboxTabList,variant:"line",className:"mt-3 w-full border-b border-border px-3",children:[(0,t.jsx)(f.TabsTrigger,{value:"unreads",children:(0,t.jsxs)("span",{className:"inline-flex items-center gap-2",children:["Unreads",q&&(0,t.jsx)("span",{className:"size-1.5 rounded-full bg-primary"})]})}),(0,t.jsx)(f.TabsTrigger,{value:"mentions",children:(0,t.jsxs)("span",{className:"inline-flex items-center gap-2",children:["Mentions",L&&(0,t.jsx)("span",{className:"size-1.5 rounded-full bg-primary"})]})}),(0,t.jsx)(f.TabsTrigger,{value:"marked",children:"Marked"})]}),(0,t.jsx)(f.TabsContent,{value:"unreads",className:"min-h-0 flex-1",children:(0,t.jsx)(z,{friendRequests:e,servers:n,dms:r,loading:i,error:o,onRetry:c,onOpenFriendRequests:h,onAcceptFriendRequest:x,onRejectFriendRequest:g,onRetryFriendRequest:v,onOpenChannel:b,onOpenThread:j??N??(()=>{}),onOpenDm:w,profilesByUserId:W,getScrollOffset:F,onScrollOffsetChange:B})}),(0,t.jsx)(f.TabsContent,{value:"mentions",className:"min-h-0 flex-1",children:(0,t.jsx)(O,{mentions:a,loading:i,error:o,onRetry:c,onOpenMention:y,onDeleteMention:I,profilesByUserId:W,getScrollOffset:F,onScrollOffsetChange:B})}),(0,t.jsx)(f.TabsContent,{value:"marked",className:"min-h-0 flex-1",children:(0,t.jsx)(T,{marked:l,loading:s,onOpenMarked:R,onUnmark:E,profilesByUserId:W,getScrollOffset:F,onScrollOffsetChange:B})})]})}],294656)},182149,774144,e=>{"use strict";var t=e.i(237649),n=e.i(382416),r=Object.defineProperty,a=Object.defineProperties,l=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,d=(e,t,n)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;function c(e){let t=e.getBoundingClientRect().right,n=e;for(;n;){if("visible"!==getComputedStyle(n).overflowX)return n.getBoundingClientRect().left+n.clientLeft+n.clientWidth-t;n=n.parentElement}return document.documentElement.clientWidth-t}var u=n.createContext({}),m=n.forwardRef((e,t)=>{let r;var m,x,f,g,v,{value:b,onChange:j,maxLength:N,textAlign:w="left",pattern:y,placeholder:k,inputMode:C="numeric",onComplete:S,pushPasswordManagerStrategy:R="increase-width",pasteTransformer:I,containerClassName:E,noScriptCSSFallback:M=h,nonce:P,render:z,children:O}=e,T=((e,t)=>{var n={};for(var r in e)i.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&s)for(var r of s(e))0>t.indexOf(r)&&o.call(e,r)&&(n[r]=e[r]);return n})(e,["value","onChange","maxLength","textAlign","pattern","placeholder","inputMode","onComplete","pushPasswordManagerStrategy","pasteTransformer","containerClassName","noScriptCSSFallback","nonce","render","children"]);let[A,D]=n.useState("string"==typeof T.defaultValue?T.defaultValue:""),F=null!=b?b:A,B=(r=n.useRef(),n.useEffect(()=>{r.current=F}),r.current),U=n.useCallback(e=>{null==j||j(e),D(e)},[j]),W=n.useMemo(()=>y?"string"==typeof y?new RegExp(y):y:null,[y]),q=n.useRef(null),L=n.useRef(null),H=n.useRef({value:F,onChange:U,isIOS:"u">typeof window&&(null==(x=null==(m=null==window?void 0:window.CSS)?void 0:m.supports)?void 0:x.call(m,"-webkit-touch-callout","none"))}),_=n.useRef({prev:[null==(f=q.current)?void 0:f.selectionStart,null==(g=q.current)?void 0:g.selectionEnd,null==(v=q.current)?void 0:v.selectionDirection]});n.useImperativeHandle(t,()=>q.current,[]),n.useEffect(()=>{let e=q.current,t=L.current;if(!e||!t)return;function n(){if(document.activeElement!==e){J(null),Y(null);return}let t=e.selectionStart,n=e.selectionEnd,r=e.selectionDirection,a=e.maxLength,l=e.value,s=_.current.prev,i=-1,o=-1,d;if(0!==l.length&&null!==t&&null!==n){let r=t===n,c=t===l.length&&l.length<a;if(r&&!c){if(0===t)i=0,o=1,d="forward";else if(t===a)i=t-1,o=t,d="backward";else if(a>1&&l.length>1){let e=0;if(null!==s[0]&&null!==s[1]){d=t<s[1]?"backward":"forward";let n=s[0]===s[1]&&s[0]<a;"backward"!==d||n||(e=-1)}i=e+t,o=e+t+1}}-1!==i&&-1!==o&&i!==o&&e.setSelectionRange(i,o,d)}let c=-1!==i?i:t,u=-1!==o?o:n,m=null!=d?d:r;J(c),Y(u),_.current.prev=[c,u,m]}if(H.current.value!==e.value&&H.current.onChange(e.value),_.current.prev=[e.selectionStart,e.selectionEnd,e.selectionDirection],document.addEventListener("selectionchange",n,{capture:!0}),n(),document.activeElement===e&&K(!0),!document.getElementById("input-otp-style")){let e=document.createElement("style");if(e.id="input-otp-style",P&&e.setAttribute("nonce",P),document.head.appendChild(e),e.sheet){let t="background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";p(e.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),p(e.sheet,`[data-input-otp]:autofill { ${t} }`),p(e.sheet,`[data-input-otp]:-webkit-autofill { ${t} }`),p(e.sheet,"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"),p(e.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}let r=()=>{t&&t.style.setProperty("--root-height",`${e.clientHeight}px`)};r();let a="u"<typeof ResizeObserver?null:new ResizeObserver(r);return null==a||a.observe(e),()=>{document.removeEventListener("selectionchange",n,{capture:!0}),null==a||a.disconnect()}},[]);let[V,$]=n.useState(!1),[G,K]=n.useState(!1),[X,J]=n.useState(null),[Q,Y]=n.useState(null);n.useEffect(()=>{var e;let t=[setTimeout(e=()=>{var e,t,n,r;null==(e=q.current)||e.dispatchEvent(new Event("input"));let a=null==(t=q.current)?void 0:t.selectionStart,l=null==(n=q.current)?void 0:n.selectionEnd,s=null==(r=q.current)?void 0:r.selectionDirection;null!==a&&null!==l&&(J(a),Y(l),_.current.prev=[a,l,s])},0),setTimeout(e,10),setTimeout(e,50)];return()=>{t.forEach(e=>clearTimeout(e))}},[F,G]),n.useEffect(()=>{void 0!==B&&F!==B&&B.length<N&&F.length===N&&(null==S||S(F))},[N,S,B,F]);let Z=function({containerRef:e,inputRef:t,pushPasswordManagerStrategy:r,isFocused:a}){let[l,s]=n.useState(!1),[i,o]=n.useState(!1),[d,u]=n.useState(!1),m=n.useMemo(()=>"none"!==r&&("increase-width"===r||"experimental-no-flickering"===r)&&l&&i,[l,i,r]),p=n.useCallback(()=>{let n=e.current,a=t.current;if(!n||!a||d||"none"===r)return;let l=n.getBoundingClientRect().left+n.offsetWidth,i=n.getBoundingClientRect().top+n.offsetHeight/2;0===document.querySelectorAll('[data-lastpass-icon-root],com-1password-button,[data-dashlanecreated],[style$="2147483647 !important;"]').length&&document.elementFromPoint(l-18,i)===n||(o(c(n)>=40),s(!0),u(!0))},[e,t,d,r]);return n.useEffect(()=>{let t=e.current;if(!t||"none"===r)return;function n(){o(c(t)>=40)}n();let a=setInterval(n,1e3);return()=>{clearInterval(a)}},[e,r]),n.useEffect(()=>{let e=a||document.activeElement===t.current;if("none"===r||!e)return;let n=setTimeout(p,0),l=setTimeout(p,2e3),s=setTimeout(p,5e3),i=setTimeout(()=>{u(!0)},6e3);return()=>{clearTimeout(n),clearTimeout(l),clearTimeout(s),clearTimeout(i)}},[t,a,r,p]),{hasPWMBadge:l,willPushPWMBadge:m,PWM_BADGE_SPACE_WIDTH:"40px"}}({containerRef:L,inputRef:q,pushPasswordManagerStrategy:R,isFocused:G}),ee=n.useCallback(e=>{let t=e.currentTarget.value.slice(0,N);t.length>0&&W&&!W.test(t)?e.preventDefault():("string"==typeof B&&t.length<B.length&&document.dispatchEvent(new Event("selectionchange")),U(t))},[N,U,B,W]),et=n.useCallback(()=>{var e;if(q.current){let t=Math.min(q.current.value.length,N-1),n=q.current.value.length;null==(e=q.current)||e.setSelectionRange(t,n),J(t),Y(n)}K(!0)},[N]),en=n.useCallback(e=>{var t,n;let r=q.current;if(!I&&(!H.current.isIOS||!e.clipboardData||!r))return;let a=e.clipboardData.getData("text/plain"),l=I?I(a):a;e.preventDefault();let s=null==(t=q.current)?void 0:t.selectionStart,i=null==(n=q.current)?void 0:n.selectionEnd,o=(s!==i?F.slice(0,s)+l+F.slice(i):F.slice(0,s)+l+F.slice(s)).slice(0,N);if(o.length>0&&W&&!W.test(o))return;r.value=o,U(o);let d=Math.min(o.length,N-1),c=o.length;r.setSelectionRange(d,c),J(d),Y(c)},[N,U,I,W,F]),er=n.useMemo(()=>({position:"relative",cursor:T.disabled?"default":"text",userSelect:"none",WebkitUserSelect:"none",pointerEvents:"none"}),[T.disabled]),ea=n.useMemo(()=>({position:"absolute",inset:0,width:Z.willPushPWMBadge?`calc(100% + ${Z.PWM_BADGE_SPACE_WIDTH})`:"100%",clipPath:Z.willPushPWMBadge?`inset(0 ${Z.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:"100%",display:"flex",textAlign:w,opacity:"1",color:"transparent",pointerEvents:"all",background:"transparent",caretColor:"transparent",border:"0 solid transparent",outline:"0 solid transparent",boxShadow:"none",lineHeight:"1",letterSpacing:"-.5em",fontSize:"var(--root-height, 16px)",fontFamily:"monospace",fontVariantNumeric:"tabular-nums"}),[Z.PWM_BADGE_SPACE_WIDTH,Z.willPushPWMBadge,w]),el=n.useMemo(()=>{var e;return n.createElement("input",a(((e,t)=>{for(var n in t||(t={}))i.call(t,n)&&d(e,n,t[n]);if(s)for(var n of s(t))o.call(t,n)&&d(e,n,t[n]);return e})({autoComplete:T.autoComplete||"one-time-code"},T),l({"data-input-otp":!0,"data-input-otp-placeholder-shown":0===F.length||void 0,"data-input-otp-mss":X,"data-input-otp-mse":Q,inputMode:C,pattern:null==W?void 0:W.source,"aria-placeholder":k,style:ea,maxLength:N,value:F,ref:q,spellCheck:null!=(e=T.spellCheck)&&e,onPaste:e=>{var t;en(e),null==(t=T.onPaste)||t.call(T,e)},onChange:ee,onMouseOver:e=>{var t;$(!0),null==(t=T.onMouseOver)||t.call(T,e)},onMouseLeave:e=>{var t;$(!1),null==(t=T.onMouseLeave)||t.call(T,e)},onFocus:e=>{var t;et(),null==(t=T.onFocus)||t.call(T,e)},onBlur:e=>{var t;K(!1),null==(t=T.onBlur)||t.call(T,e)}})))},[ee,et,en,C,ea,N,Q,X,k,T,null==W?void 0:W.source,F]),es=n.useMemo(()=>({slots:Array.from({length:N}).map((e,t)=>{var n;let r=G&&null!==X&&null!==Q&&(X===Q&&t===X||t>=X&&t<Q),a=void 0!==F[t]?F[t]:null;return{char:a,placeholderChar:void 0!==F[0]?null:null!=(n=null==k?void 0:k[t])?n:null,isActive:r,hasFakeCaret:r&&null===a}}),isFocused:G,isHovering:!T.disabled&&V}),[G,V,N,Q,X,k,T.disabled,F]),ei=n.useMemo(()=>z?z(es):n.createElement(u.Provider,{value:es},O),[O,es,z]);return n.createElement(n.Fragment,null,null!==M&&n.createElement("noscript",null,n.createElement("style",null,M)),n.createElement("div",{ref:L,"data-input-otp-container":!0,translate:"no",style:er,className:E},ei,n.createElement("div",{style:{position:"absolute",inset:0,pointerEvents:"none"}},el)))});function p(e,t){try{e.insertRule(t)}catch(e){console.warn("input-otp could not insert CSS rule:",t)}}m.displayName="Input";var h=`
 [data-input-otp] {
   --nojs-bg: white !important;
   --nojs-fg: black !important;
@@ -17,4 +17,4 @@
     --nojs-bg: black !important;
     --nojs-fg: white !important;
   }
-}`,x=e.i(613349),f=e.i(1087);let g={name:"minus",size:24,node:[["path",{d:"M5 12h14",key:"1ays0h"}]]};g.node,(0,f.default)(g),e.s(["InputOTP",0,function({className:e,containerClassName:n,...r}){return(0,t.jsx)(m,{"data-slot":"input-otp",containerClassName:(0,x.cn)("cn-input-otp flex items-center has-disabled:opacity-50",n),spellCheck:!1,className:(0,x.cn)("disabled:cursor-not-allowed",e),...r})},"InputOTPGroup",0,function({className:e,...n}){return(0,t.jsx)("div",{"data-slot":"input-otp-group",className:(0,x.cn)("flex items-center rounded-lg has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40",e),...n})},"InputOTPSlot",0,function({index:e,className:r,...a}){let l=n.useContext(u),{char:s,hasFakeCaret:i,isActive:o}=l?.slots[e]??{};return(0,t.jsxs)("div",{"data-slot":"input-otp-slot","data-active":o,className:(0,x.cn)("relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40",r),...a,children:[s,i&&(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,t.jsx)("div",{className:"h-4 w-px animate-caret-blink bg-foreground duration-1000"})})]})}],182149)},395207,e=>{"use strict";e.i(954194);var t=e.i(568294),n=e.i(88723),r=e.i(77829);let a=r.z.object({attemptId:r.z.string(),provider:n.nativeOauthProviderSchema,redirectPath:r.z.string().refine(t.isSafeRedirectPath),expiresAt:r.z.number(),waiting:r.z.boolean()}).strict();e.s(["nativeOauthSnapshotSchema",0,a])},577992,e=>{"use strict";e.s(["parseRetryAfterSeconds",0,function(e){let t=e.get("X-Retry-After")??e.get("Retry-After");if(!t)return null;let n=Number.parseInt(t,10);return Number.isFinite(n)&&n>0?n:null}])}]);
+}`,x=e.i(613349),f=e.i(1087);let g={name:"minus",size:24,node:[["path",{d:"M5 12h14",key:"1ays0h"}]]};g.node;let v=(0,f.default)(g);e.s(["MinusIcon",0,v],774144),e.s(["InputOTP",0,function({className:e,containerClassName:n,...r}){return(0,t.jsx)(m,{"data-slot":"input-otp",containerClassName:(0,x.cn)("cn-input-otp flex items-center has-disabled:opacity-50",n),spellCheck:!1,className:(0,x.cn)("disabled:cursor-not-allowed",e),...r})},"InputOTPGroup",0,function({className:e,...n}){return(0,t.jsx)("div",{"data-slot":"input-otp-group",className:(0,x.cn)("flex items-center rounded-lg has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40",e),...n})},"InputOTPSlot",0,function({index:e,className:r,...a}){let l=n.useContext(u),{char:s,hasFakeCaret:i,isActive:o}=l?.slots[e]??{};return(0,t.jsxs)("div",{"data-slot":"input-otp-slot","data-active":o,className:(0,x.cn)("relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40",r),...a,children:[s,i&&(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,t.jsx)("div",{className:"h-4 w-px animate-caret-blink bg-foreground duration-1000"})})]})}],182149)},395207,e=>{"use strict";e.i(954194);var t=e.i(568294),n=e.i(88723),r=e.i(77829);let a=r.z.object({attemptId:r.z.string(),provider:n.nativeOauthProviderSchema,redirectPath:r.z.string().refine(t.isSafeRedirectPath),expiresAt:r.z.number(),waiting:r.z.boolean()}).strict();e.s(["nativeOauthSnapshotSchema",0,a])},577992,e=>{"use strict";e.s(["parseRetryAfterSeconds",0,function(e){let t=e.get("X-Retry-After")??e.get("Retry-After");if(!t)return null;let n=Number.parseInt(t,10);return Number.isFinite(n)&&n>0?n:null}])}]);