most-box 0.2.8 → 0.3.0

package/server/src/index.js

@@ -93,6 +93,8 @@ import {
 } from './config.js'
 
 const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
+const CHANNEL_PRESENCE_HEARTBEAT_MS = 15 * 1000
+const CHANNEL_PRESENCE_TIMEOUT_MS = 45 * 1000
 const CHANNEL_WELCOME_MESSAGE = '我加入了群聊'
 
 function createMemoryDuplexPair() {
@@ -158,6 +160,9 @@ export class MostBoxEngine extends EventEmitter {
   #channelPeers = new Map()
   #channelCandidateCache = new Map()
   #channelStreams = new Set()
+  #channelPresenceSessions = new Map()
+  #channelPresenceProfiles = new Map()
+  #channelPresenceSweepTimer = null
 
   #accountMetadata = { profiles: {} }
 
@@ -190,6 +195,90 @@ export class MostBoxEngine extends EventEmitter {
     }
   }
 
+  getChannelPresence(channelKeyInput, options = {}) {
+    this.#ensureInitialized()
+    this.#assertChannelMember(channelKeyInput, options.ownerAddress)
+    const channel = this.#resolveChannel(channelKeyInput, options.ownerAddress)
+    this.#pruneStaleChannelPresence()
+    return this.#getChannelPresenceList(channel.channelKey)
+  }
+
+  joinChannelPresence(channelKeyInput, options = {}) {
+    this.#ensureInitialized()
+    this.#assertChannelMember(channelKeyInput, options.ownerAddress)
+    const channel = this.#resolveChannel(channelKeyInput, options.ownerAddress)
+    const event = this.#upsertChannelPresenceSession(channel, {
+      ...options,
+      address: options.ownerAddress,
+      local: true,
+    })
+    if (event) {
+      this.#broadcastChannelPresence(event)
+    }
+    return this.#getChannelPresenceList(channel.channelKey)
+  }
+
+  heartbeatChannelPresence(channelKeyInput, options = {}) {
+    this.#ensureInitialized()
+    this.#assertChannelMember(channelKeyInput, options.ownerAddress)
+    const channel = this.#resolveChannel(channelKeyInput, options.ownerAddress)
+    const event = this.#touchChannelPresenceSession(channel, {
+      ...options,
+      address: options.ownerAddress,
+      local: true,
+    })
+    this.#broadcastChannelPresence(
+      event ||
+        this.#formatChannelPresence(
+          channel.channelKey,
+          options.ownerAddress,
+          'heartbeat'
+        )
+    )
+    return this.#getChannelPresenceList(channel.channelKey)
+  }
+
+  updateChannelPresenceProfile(channelKeyInput, options = {}) {
+    this.#ensureInitialized()
+    this.#assertChannelMember(channelKeyInput, options.ownerAddress)
+    const channel = this.#resolveChannel(channelKeyInput, options.ownerAddress)
+    const event = this.#updateChannelPresenceProfile(channel, {
+      ...options,
+      address: options.ownerAddress,
+      local: true,
+    })
+    if (event) {
+      this.#broadcastChannelPresence(event)
+    }
+    return this.#getChannelPresenceList(channel.channelKey)
+  }
+
+  leaveChannelPresence(channelKeyInput, options = {}) {
+    this.#ensureInitialized()
+    this.#assertChannelMember(channelKeyInput, options.ownerAddress)
+    const channel = this.#resolveChannel(channelKeyInput, options.ownerAddress)
+    const events = this.#removeChannelPresenceSessions(channel.channelKey, {
+      ...options,
+      address: options.ownerAddress,
+    })
+    events.forEach(event => this.#broadcastChannelPresence(event))
+    return this.#getChannelPresenceList(channel.channelKey)
+  }
+
+  clearChannelPresenceSource(sourceId, options = {}) {
+    this.#ensureInitialized()
+    const events = this.#removeChannelPresenceSessionsBySource(sourceId)
+    if (options.broadcast) {
+      events.forEach(event => this.#broadcastChannelPresence(event))
+    }
+    return events
+  }
+
+  pruneChannelPresence() {
+    this.#ensureInitialized()
+    return this.#pruneStaleChannelPresence()
+  }
+
   /**
    * 初始化引擎 — 必须在调用其他方法之前调用
    */
@@ -363,6 +452,7 @@ export class MostBoxEngine extends EventEmitter {
     console.log(`[MostBox] Engine initialized successfully`)
     this.emit('ready')
     this.#resumeHoldingsInBackground()
+    this.#startChannelPresenceSweeper()
 
     return this
   }
@@ -419,6 +509,7 @@ export class MostBoxEngine extends EventEmitter {
     this.#channelPeers.clear()
     this.#channelCandidateCache.clear()
     this.#channelStreams.clear()
+    this.#clearChannelPresenceRuntime()
     this.#channels = []
 
     if (this.#store) {
@@ -2588,7 +2679,7 @@ export class MostBoxEngine extends EventEmitter {
   /**
    * 获取频道内在线用户
    * @param {string} channelKeyInput - 内部频道 key，或本地唯一短频道 ID
-   * @returns {Array<{ peerId: string, authorName: string, lastSeen: number }>}
+   * @returns {Array<{ peerId: string, authorName: string, lastSeen: number, memberAddresses: string[] }>}
    */
   getChannelPeers(channelKeyInput, options = {}) {
     this.#ensureInitialized()
@@ -2603,6 +2694,9 @@ export class MostBoxEngine extends EventEmitter {
     return [...peers.values()].map(p => ({
       peerId: p.peerId,
       authorName: p.authorName,
+      memberAddresses: uniqueStrings(p.memberAddresses).map(address =>
+        normalizeOwnerAddress(address)
+      ).filter(Boolean),
       lastSeen: p.lastSeen,
     }))
   }
@@ -3101,6 +3195,319 @@ export class MostBoxEngine extends EventEmitter {
       )
   }
 
+  #getChannelMemberAddresses(channel) {
+    const members = Array.isArray(channel?.members) ? channel.members : []
+    return uniqueStrings(
+      members.map(member => normalizeOwnerAddress(member?.address))
+    )
+  }
+
+  #normalizePresenceSessionId(sessionId) {
+    return String(sessionId || 'default').trim().slice(0, 120) || 'default'
+  }
+
+  #normalizePresenceSourceId(options = {}) {
+    const sourceId = String(options.sourceId || '').trim()
+    if (sourceId) return sourceId.slice(0, 160)
+    const sourcePeerId = String(options.sourcePeerId || '').trim()
+    if (sourcePeerId) return `peer:${sourcePeerId}`.slice(0, 180)
+    return 'local'
+  }
+
+  #getPresenceSessionKey(options = {}) {
+    return [
+      this.#normalizePresenceSourceId(options),
+      normalizeOwnerAddress(options.address),
+      this.#normalizePresenceSessionId(options.sessionId),
+    ].join(':')
+  }
+
+  #getChannelPresenceSessionMap(channelKey) {
+    if (!this.#channelPresenceSessions.has(channelKey)) {
+      this.#channelPresenceSessions.set(channelKey, new Map())
+    }
+    return this.#channelPresenceSessions.get(channelKey)
+  }
+
+  #getChannelPresenceProfileMap(channelKey) {
+    if (!this.#channelPresenceProfiles.has(channelKey)) {
+      this.#channelPresenceProfiles.set(channelKey, new Map())
+    }
+    return this.#channelPresenceProfiles.get(channelKey)
+  }
+
+  #isChannelPresenceAddressOnline(channelKey, address) {
+    const normalizedAddress = normalizeOwnerAddress(address)
+    if (!normalizedAddress) return false
+    const sessions = this.#channelPresenceSessions.get(channelKey)
+    if (!sessions) return false
+    return [...sessions.values()].some(
+      session => session.address === normalizedAddress
+    )
+  }
+
+  #getChannelPresenceList(channelKey) {
+    const sessions = this.#channelPresenceSessions.get(channelKey)
+    if (!sessions) return []
+    const addresses = uniqueStrings(
+      [...sessions.values()].map(session => session.address)
+    )
+    return addresses
+      .map(address => this.#formatChannelPresence(channelKey, address))
+      .filter(Boolean)
+  }
+
+  #formatChannelPresence(channelKey, address, status = 'online') {
+    const normalizedAddress = normalizeOwnerAddress(address)
+    if (!normalizedAddress) return null
+    const sessions = [
+      ...(this.#channelPresenceSessions.get(channelKey)?.values() || []),
+    ].filter(session => session.address === normalizedAddress)
+    const profile = this.#channelPresenceProfiles
+      .get(channelKey)
+      ?.get(normalizedAddress)
+    const lastSeen = Math.max(
+      0,
+      Number(profile?.lastSeen) || 0,
+      ...sessions.map(session => Number(session.lastSeen) || 0)
+    )
+    return {
+      channelKey,
+      channelId:
+        this.#channels.find(channel => channel.channelKey === channelKey)
+          ?.channelId || channelKey,
+      address: normalizedAddress,
+      displayName: profile?.displayName || undefined,
+      avatar: profile?.avatar || undefined,
+      profileUpdatedAt: profile?.profileUpdatedAt || undefined,
+      lastSeen,
+      online: sessions.length > 0,
+      local: sessions.some(session => session.local),
+      status,
+    }
+  }
+
+  #upsertChannelPresenceProfile(channelKey, address, options = {}, now = Date.now()) {
+    const normalizedAddress = normalizeOwnerAddress(address)
+    if (!normalizedAddress) return false
+    const hasDisplayName = Object.prototype.hasOwnProperty.call(
+      options,
+      'displayName'
+    )
+    const hasAvatar = Object.prototype.hasOwnProperty.call(options, 'avatar')
+    const profileUpdatedAt = Number(options.profileUpdatedAt)
+    const hasProfileUpdatedAt =
+      Number.isFinite(profileUpdatedAt) && profileUpdatedAt > 0
+    if (!hasDisplayName && !hasAvatar && !hasProfileUpdatedAt) return false
+
+    const profiles = this.#getChannelPresenceProfileMap(channelKey)
+    const previous = profiles.get(normalizedAddress)
+    const nextUpdatedAt = hasProfileUpdatedAt
+      ? Math.floor(profileUpdatedAt)
+      : now
+    if (
+      previous?.profileUpdatedAt &&
+      hasProfileUpdatedAt &&
+      nextUpdatedAt < previous.profileUpdatedAt
+    ) {
+      return false
+    }
+
+    const next = {
+      address: normalizedAddress,
+      displayName: previous?.displayName || '',
+      avatar: previous?.avatar || '',
+      profileUpdatedAt: nextUpdatedAt,
+      lastSeen: now,
+    }
+    if (hasDisplayName) {
+      next.displayName = normalizeChannelDisplayName(
+        options.displayName,
+        normalizedAddress
+      )
+    }
+    if (hasAvatar) {
+      next.avatar = normalizeChannelAvatar(options.avatar)
+    }
+
+    const changed =
+      !previous ||
+      previous.displayName !== next.displayName ||
+      previous.avatar !== next.avatar ||
+      previous.profileUpdatedAt !== next.profileUpdatedAt
+    profiles.set(normalizedAddress, next)
+    return changed
+  }
+
+  #emitChannelPresence(channelKey, address, status) {
+    const event = this.#formatChannelPresence(channelKey, address, status)
+    if (event) {
+      this.emit('channel:presence', event)
+    }
+    return event
+  }
+
+  #upsertChannelPresenceSession(channel, options = {}) {
+    const address = normalizeOwnerAddress(options.address)
+    if (!address) return null
+    const now = Number(options.lastSeen) || Date.now()
+    const channelKey = channel.channelKey
+    const wasOnline = this.#isChannelPresenceAddressOnline(channelKey, address)
+    const session = {
+      sessionId: this.#normalizePresenceSessionId(options.sessionId),
+      sourceId: this.#normalizePresenceSourceId(options),
+      address,
+      channelKey,
+      lastSeen: now,
+      local: options.local === true,
+      sourcePeerId: String(options.sourcePeerId || '').trim(),
+    }
+    this.#getChannelPresenceSessionMap(channelKey).set(
+      this.#getPresenceSessionKey(session),
+      session
+    )
+    const profileChanged = this.#upsertChannelPresenceProfile(
+      channelKey,
+      address,
+      options,
+      now
+    )
+    if (!wasOnline) {
+      return this.#emitChannelPresence(channelKey, address, 'online')
+    }
+    if (profileChanged) {
+      return this.#emitChannelPresence(channelKey, address, 'profile')
+    }
+    return null
+  }
+
+  #touchChannelPresenceSession(channel, options = {}) {
+    const address = normalizeOwnerAddress(options.address)
+    if (!address) return null
+    const channelKey = channel.channelKey
+    const sessionKey = this.#getPresenceSessionKey({
+      ...options,
+      address,
+    })
+    const sessions = this.#getChannelPresenceSessionMap(channelKey)
+    const existing = sessions.get(sessionKey)
+    if (!existing) {
+      return this.#upsertChannelPresenceSession(channel, {
+        ...options,
+        address,
+      })
+    }
+    existing.lastSeen = Number(options.lastSeen) || Date.now()
+    sessions.set(sessionKey, existing)
+    return null
+  }
+
+  #updateChannelPresenceProfile(channel, options = {}) {
+    const address = normalizeOwnerAddress(options.address)
+    if (!address) return null
+    const now = Number(options.lastSeen) || Date.now()
+    const changed = this.#upsertChannelPresenceProfile(
+      channel.channelKey,
+      address,
+      options,
+      now
+    )
+    if (changed && this.#isChannelPresenceAddressOnline(channel.channelKey, address)) {
+      return this.#emitChannelPresence(channel.channelKey, address, 'profile')
+    }
+    return null
+  }
+
+  #removeChannelPresenceSessions(channelKey, options = {}) {
+    const address = normalizeOwnerAddress(options.address)
+    const sourceId = this.#normalizePresenceSourceId(options)
+    const sessionId = options.sessionId
+      ? this.#normalizePresenceSessionId(options.sessionId)
+      : ''
+    const sessions = this.#channelPresenceSessions.get(channelKey)
+    if (!sessions || (!address && !sourceId)) return []
+
+    const touchedAddresses = new Set()
+    for (const [key, session] of [...sessions]) {
+      if (address && session.address !== address) continue
+      if (sourceId && session.sourceId !== sourceId) continue
+      if (sessionId && session.sessionId !== sessionId) continue
+      touchedAddresses.add(session.address)
+      sessions.delete(key)
+    }
+    if (sessions.size === 0) {
+      this.#channelPresenceSessions.delete(channelKey)
+    }
+
+    return [...touchedAddresses]
+      .filter(item => !this.#isChannelPresenceAddressOnline(channelKey, item))
+      .map(item => this.#emitChannelPresence(channelKey, item, 'offline'))
+      .filter(Boolean)
+  }
+
+  #removeChannelPresenceSessionsBySource(sourceId) {
+    const normalizedSourceId = String(sourceId || '').trim()
+    if (!normalizedSourceId) return []
+    const events = []
+    for (const [channelKey, sessions] of [...this.#channelPresenceSessions]) {
+      const touchedAddresses = new Set()
+      for (const [key, session] of [...sessions]) {
+        if (session.sourceId !== normalizedSourceId) continue
+        touchedAddresses.add(session.address)
+        sessions.delete(key)
+      }
+      if (sessions.size === 0) {
+        this.#channelPresenceSessions.delete(channelKey)
+      }
+      for (const address of touchedAddresses) {
+        if (!this.#isChannelPresenceAddressOnline(channelKey, address)) {
+          const event = this.#emitChannelPresence(channelKey, address, 'offline')
+          if (event) events.push(event)
+        }
+      }
+    }
+    return events
+  }
+
+  #pruneStaleChannelPresence(now = Date.now()) {
+    const events = []
+    for (const [channelKey, sessions] of [...this.#channelPresenceSessions]) {
+      const touchedAddresses = new Set()
+      for (const [key, session] of [...sessions]) {
+        if (now - session.lastSeen <= CHANNEL_PRESENCE_TIMEOUT_MS) continue
+        touchedAddresses.add(session.address)
+        sessions.delete(key)
+      }
+      if (sessions.size === 0) {
+        this.#channelPresenceSessions.delete(channelKey)
+      }
+      for (const address of touchedAddresses) {
+        if (!this.#isChannelPresenceAddressOnline(channelKey, address)) {
+          const event = this.#emitChannelPresence(channelKey, address, 'offline')
+          if (event) events.push(event)
+        }
+      }
+    }
+    return events
+  }
+
+  #startChannelPresenceSweeper() {
+    if (this.#channelPresenceSweepTimer) return
+    this.#channelPresenceSweepTimer = setInterval(() => {
+      this.#pruneStaleChannelPresence()
+    }, CHANNEL_PRESENCE_HEARTBEAT_MS)
+    this.#channelPresenceSweepTimer.unref?.()
+  }
+
+  #clearChannelPresenceRuntime() {
+    if (this.#channelPresenceSweepTimer) {
+      clearInterval(this.#channelPresenceSweepTimer)
+      this.#channelPresenceSweepTimer = null
+    }
+    this.#channelPresenceSessions.clear()
+    this.#channelPresenceProfiles.clear()
+  }
+
   async #getNextChannelMessageTimestamp(channelKey) {
     const coresMap = this.#channelCores.get(channelKey)
     let maxTimestamp = 0
@@ -4429,6 +4836,7 @@ export class MostBoxEngine extends EventEmitter {
       type: channel.type,
       createdAt: channel.createdAt,
       lastMessageAt: channel.lastMessageAt || '',
+      memberAddresses: this.#getChannelMemberAddresses(channel),
       writerCoreKeys: uniqueStrings([
         ...(channel.writerCoreKeys || []),
         this.#channelLocalCoreKey.get(channel.channelKey),
@@ -4462,9 +4870,44 @@ export class MostBoxEngine extends EventEmitter {
     }
   }
 
+  #sendChannelPresence(stream, event) {
+    if (!stream || stream.destroyed || stream.writableEnded || !event) {
+      this.#channelStreams.delete(stream)
+      return false
+    }
+    try {
+      stream.write(
+        `${JSON.stringify({
+          type: 'channel-presence',
+          peerId: this.getNodeId(),
+          channelId: event.channelId,
+          channelKey: event.channelKey,
+          address: event.address,
+          status: event.status,
+          displayName: event.displayName,
+          avatar: event.avatar,
+          profileUpdatedAt: event.profileUpdatedAt,
+          lastSeen: event.lastSeen || Date.now(),
+          sessionId: event.sessionId || 'default',
+        })}\n`
+      )
+      return true
+    } catch {
+      this.#channelStreams.delete(stream)
+      return false
+    }
+  }
+
+  #broadcastChannelPresence(event) {
+    for (const stream of [...this.#channelStreams]) {
+      this.#sendChannelPresence(stream, event)
+    }
+  }
+
   async #processChannelHelloMessage(msg) {
     if (msg.type !== 'channel-hello') return null
 
+    const onlineChannels = []
     const remoteChannels = Array.isArray(msg.channels)
       ? msg.channels
           .filter(channel => channel && typeof channel === 'object')
@@ -4480,6 +4923,13 @@ export class MostBoxEngine extends EventEmitter {
                 typeof channel.lastMessageAt === 'string'
                   ? channel.lastMessageAt
                   : '',
+              memberAddresses: uniqueStrings(
+                Array.isArray(channel.memberAddresses)
+                  ? channel.memberAddresses.map(address =>
+                      normalizeOwnerAddress(address)
+                    )
+                  : []
+              ),
               writerCoreKeys: uniqueStrings(channel.writerCoreKeys),
             }
           })
@@ -4503,9 +4953,15 @@ export class MostBoxEngine extends EventEmitter {
         peers.set(msg.peerId, {
           peerId: msg.peerId,
           authorName: msg.authorName,
+          memberAddresses: remoteChannel.memberAddresses,
           lastSeen: Date.now(),
         })
       }
+      onlineChannels.push({
+        channelKey: localChannel.channelKey,
+        channelId: localChannel.channelId,
+        memberAddresses: remoteChannel.memberAddresses,
+      })
 
       for (const writerCoreKey of remoteChannel.writerCoreKeys) {
         if (
@@ -4523,11 +4979,51 @@ export class MostBoxEngine extends EventEmitter {
     this.emit('channel:peer:online', {
       peerId: msg.peerId,
       authorName: msg.authorName,
+      channels: onlineChannels,
     })
 
     return msg.peerId
   }
 
+  #processChannelPresenceMessage(msg) {
+    if (msg.type !== 'channel-presence') return null
+    const peerId = String(msg.peerId || '').trim()
+    if (!peerId || peerId === this.getNodeId()) return null
+    const channelId = normalizeChannelId(msg.channelId || msg.channelKey)
+    const channelKey = buildChannelKey(channelId)
+    const localChannel = this.#channels.find(
+      channel => channel.channelKey === channelKey
+    )
+    if (!localChannel) return peerId
+
+    const address = normalizeOwnerAddress(msg.address)
+    if (!address) return peerId
+
+    const status = String(msg.status || '').trim()
+    const options = {
+      address,
+      sessionId: msg.sessionId,
+      sourcePeerId: peerId,
+      local: false,
+      displayName: msg.displayName,
+      avatar: msg.avatar,
+      profileUpdatedAt: msg.profileUpdatedAt,
+      lastSeen: Number(msg.lastSeen) || Date.now(),
+    }
+
+    if (status === 'online') {
+      this.#upsertChannelPresenceSession(localChannel, options)
+    } else if (status === 'heartbeat') {
+      this.#touchChannelPresenceSession(localChannel, options)
+    } else if (status === 'profile') {
+      this.#updateChannelPresenceProfile(localChannel, options)
+    } else if (status === 'offline') {
+      this.#removeChannelPresenceSessions(localChannel.channelKey, options)
+    }
+
+    return peerId
+  }
+
   async #handleChannelConnection(conn) {
     const stream = conn
     let connectedPeerId = null
@@ -4546,9 +5042,11 @@ export class MostBoxEngine extends EventEmitter {
         newlineIndex = readBuffer.indexOf('\n')
         if (!line) continue
         try {
-          const peerId = await this.#processChannelHelloMessage(
-            JSON.parse(line)
-          )
+          const message = JSON.parse(line)
+          const peerId =
+            message.type === 'channel-presence'
+              ? this.#processChannelPresenceMessage(message)
+              : await this.#processChannelHelloMessage(message)
           if (peerId) connectedPeerId = peerId
         } catch (err) {
           console.warn(`[MostBox] Failed to process channel data:`, err.message)
@@ -4561,16 +5059,23 @@ export class MostBoxEngine extends EventEmitter {
       closed = true
       this.#channelStreams.delete(stream)
       if (connectedPeerId) {
-        for (const [, peers] of this.#channelPeers) {
+        for (const [channelKey, peers] of this.#channelPeers) {
           if (peers.has(connectedPeerId)) {
             const peer = peers.get(connectedPeerId)
             peers.delete(connectedPeerId)
+            const channel = this.#channels.find(
+              item => item.channelKey === channelKey
+            )
             this.emit('channel:peer:offline', {
               peerId: connectedPeerId,
               authorName: peer?.authorName,
+              channelKey,
+              channelId: channel?.channelId || '',
+              memberAddresses: peer?.memberAddresses || [],
             })
           }
         }
+        this.#removeChannelPresenceSessionsBySource(`peer:${connectedPeerId}`)
       }
     }
 

package/out/assets/index-3OD3Chi9.css

@@ -1 +0,0 @@
-._page_1yyew_1{background:radial-gradient(circle at 35% 25%, #34c75924, transparent 32%), radial-gradient(circle at 78% 18%, #ff95001f, transparent 28%), var(--bg-primary);flex:1;min-height:0;padding:20px;overflow:auto}._headerActions_1yyew_12{align-items:center;gap:8px;display:flex}._entry_1yyew_18{grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:48px;max-width:1040px;min-height:calc(100vh - 116px);margin:0 auto;display:grid}._entryBrand_1yyew_28{align-items:center;gap:22px;display:flex}._cardMark_1yyew_34{width:112px;height:152px;box-shadow:var(--shadow-lg);color:#fff;background:linear-gradient(135deg,#1f8f5f,#284f7a);border:8px solid #fff;border-radius:8px;flex:0 0 112px;place-items:center;display:grid}._entryBrand_1yyew_28 h1{color:var(--text-primary);margin:0;font-size:64px;line-height:.95}._entryBrand_1yyew_28 p{max-width:520px;color:var(--text-secondary);margin:18px 0 0;font-size:18px;line-height:1.7}._entryPanel_1yyew_62{border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-shadow);border-radius:8px;gap:16px;padding:22px;display:grid}._accountLine_1yyew_72{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}._accountLine_1yyew_72 strong{max-width:190px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._joinForm_1yyew_89,._joinForm_1yyew_89 label{gap:8px;display:grid}._joinForm_1yyew_89 label{color:var(--text-secondary);font-size:14px}._joinForm_1yyew_89 input{border:1px solid var(--glass-border);background:var(--bg-primary);width:100%;min-height:40px;color:var(--text-primary);border-radius:8px;padding:0 12px}._status_1yyew_110{color:var(--text-secondary);margin:0;font-size:14px}._board_1yyew_116{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:18px;min-height:100%;display:grid}._table_1yyew_123{background:linear-gradient(145deg, #0a533ee6, #163550eb), var(--glass-bg);min-height:560px;box-shadow:var(--shadow-lg);border:1px solid #ffffff2e;border-radius:8px;position:relative;overflow:hidden}._table_1yyew_123:before{content:"";pointer-events:none;border:2px solid #ffffff2e;border-radius:8px;position:absolute;inset:24px}._tableCenter_1yyew_144{color:#fff;background:#00000038;border:1px solid #ffffff38;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:150px;height:150px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 24px #00000029}._tableCenter_1yyew_144 span,._tableCenter_1yyew_144 small{opacity:.78;font-size:12px}._tableCenter_1yyew_144 strong{font-size:32px}._finishBanner_1yyew_173{z-index:2;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#30d158e6,#34c759e6);border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:700;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #30d15866}._finishBannerIcon_1yyew_192{font-size:20px}._seats_1yyew_196{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:34px;display:grid;position:relative}._seat_1yyew_196{color:#fff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-height:88px;padding:12px;display:grid}._seatTurn_1yyew_218{border-color:#ffd666eb;box-shadow:0 0 0 2px #ffd6662e}._seatWinner_1yyew_223{border-color:#30d158eb;box-shadow:0 0 0 2px #30d15833}._seatFolded_1yyew_228{opacity:.5}._seatAvatar_1yyew_232{color:#fff;background:#17211b;border-radius:8px;place-items:center;width:44px;height:44px;font-size:15px;font-weight:900;display:grid;overflow:hidden}._seatAvatar_1yyew_232 img{object-fit:cover;width:100%;height:100%}._seatMain_1yyew_251,._seatMeta_1yyew_252{flex-direction:column;gap:4px;min-width:0;display:flex}._seatMain_1yyew_251 strong,._seatMain_1yyew_251 span,._seatMeta_1yyew_252 span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._seatMain_1yyew_251 strong{font-size:14px}._seatMain_1yyew_251 span,._seatMeta_1yyew_252{opacity:.76;font-size:12px}._seatMeta_1yyew_252{flex-direction:row;grid-column:1/-1;justify-content:space-between}._panel_1yyew_283{flex-direction:column;gap:14px;min-width:0;display:flex}._panelSection_1yyew_290{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--glass-shadow);border-radius:8px;padding:16px}._panelTitle_1yyew_300{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}._hand_1yyew_310{grid-template-columns:repeat(3,62px);justify-content:center;gap:10px;display:grid}._card_1yyew_34{color:#17211b;text-align:left;background:#fff;border:1px solid #dbe1dc;border-radius:8px;grid-template-rows:auto 1fr;width:62px;height:92px;padding:7px;display:grid;box-shadow:0 8px 18px #0e16111f}._card_1yyew_34 span{font-size:15px;font-weight:900}._card_1yyew_34 i{place-self:end;font-size:22px;font-style:normal;font-weight:900}._red_1yyew_344{color:#c93d32}._black_1yyew_348{color:#17211b}._cardBack_1yyew_352{color:#fff;background:repeating-linear-gradient(45deg,#ffffff1f 0 6px,#0000 6px 12px),linear-gradient(135deg,#243f7a,#752f4d);border:1px solid #dbe1dc;border-radius:8px;justify-content:center;align-items:center;width:62px;height:92px;display:flex;box-shadow:0 8px 18px #0e16111f}._handLabel_1yyew_373{text-align:center;color:var(--text-secondary);margin-top:10px;font-size:13px}._actionGrid_1yyew_380,._raiseRow_1yyew_381{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}._raiseRow_1yyew_381{grid-template-columns:minmax(0,1fr) 96px}._statusGrid_1yyew_392{grid-template-columns:76px minmax(0,1fr);align-items:start;gap:8px 12px;font-size:13px;display:grid}._statusGrid_1yyew_392 span{color:var(--text-secondary)}._statusGrid_1yyew_392 strong{color:var(--text-primary);overflow-wrap:anywhere;font-weight:600}._muted_1yyew_410{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}._compareOverlay_1yyew_417{z-index:100;-webkit-backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._compareBox_1yyew_429{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:560px;padding:28px 36px;display:flex}._compareTitle_1yyew_443{color:var(--text-primary);font-size:18px;font-weight:700}._comparePlayers_1yyew_449{align-items:center;gap:20px;width:100%;display:flex}._compareSide_1yyew_456{background:#ffffff0d;border:2px solid #0000;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:12px;padding:16px;display:flex}._compareWinner_1yyew_468{background:#30d1581a;border-color:#30d158cc}._compareName_1yyew_473{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:600;overflow:hidden}._compareCards_1yyew_484{justify-content:center;gap:8px;display:flex}._compareCards_1yyew_484 ._card_1yyew_34{width:52px;height:76px;padding:5px}._compareCards_1yyew_484 ._card_1yyew_34 span{font-size:13px}._compareCards_1yyew_484 ._card_1yyew_34 i{font-size:18px}._compareCards_1yyew_484 ._cardBack_1yyew_352{width:52px;height:76px}._compareLabel_1yyew_509{color:var(--text-secondary);font-size:12px;font-weight:500}._compareVs_1yyew_515{color:var(--text-secondary);opacity:.6;font-size:20px;font-weight:900}._compareResult_1yyew_522{color:#30d158;font-size:16px;font-weight:700}@media (width<=980px){._entry_1yyew_18{grid-template-columns:1fr;align-content:center}._board_1yyew_116{grid-template-columns:1fr}._table_1yyew_123{min-height:420px}}@media (width<=640px){._page_1yyew_1{padding:12px}._entryBrand_1yyew_28{flex-direction:column;align-items:flex-start}._entryBrand_1yyew_28 h1{font-size:42px}._cardMark_1yyew_34{border-width:6px;flex-basis:100px;width:74px;height:100px}._seats_1yyew_196{grid-template-columns:1fr;padding:22px}._tableCenter_1yyew_144{margin:24px auto 0;position:static;transform:none}._table_1yyew_123:before{inset:14px}._hand_1yyew_310{grid-template-columns:repeat(3,minmax(58px,72px))}._actionGrid_1yyew_380,._raiseRow_1yyew_381{grid-template-columns:1fr}}

package/out/assets/index-BSOvFG3o.css

@@ -1 +0,0 @@
-._page_p7qf6_1{background:var(--bg-primary);min-height:calc(100vh - 64px);padding:18px}._headerActions_p7qf6_7{align-items:center;gap:8px;display:flex}._entry_p7qf6_13{grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:48px;max-width:1040px;min-height:calc(100vh - 116px);margin:0 auto;display:grid}._entryBrand_p7qf6_23{align-items:center;gap:22px;display:flex}._cardMark_p7qf6_29{width:112px;height:152px;box-shadow:var(--shadow-lg);color:#fff;background:#c93d32;border:8px solid #fff;border-radius:8px;flex:0 0 112px;place-items:center;font-size:70px;font-weight:900;display:grid}._entryBrand_p7qf6_23 h1{color:var(--text-primary);margin:0;font-size:64px;line-height:.95}._entryBrand_p7qf6_23 p{max-width:520px;color:var(--text-secondary);margin:18px 0 0;font-size:18px;line-height:1.7}._entryPanel_p7qf6_59,._panel_p7qf6_60,._handPanel_p7qf6_61{border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-shadow);border-radius:8px}._entryPanel_p7qf6_59{gap:16px;padding:22px;display:grid}._accountLine_p7qf6_74,._scoreMeta_p7qf6_75,._roomBar_p7qf6_76,._badges_p7qf6_77,._actions_p7qf6_78{align-items:center;gap:10px;display:flex}._accountLine_p7qf6_74{color:var(--text-secondary);justify-content:space-between;font-size:14px}._accountLine_p7qf6_74 strong{max-width:190px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._joinForm_p7qf6_98,._joinForm_p7qf6_98 label{gap:8px;display:grid}._joinForm_p7qf6_98 label{color:var(--text-secondary);font-size:14px}._joinForm_p7qf6_98 input{border:1px solid var(--glass-border);background:var(--bg-primary);width:100%;min-height:40px;color:var(--text-primary);border-radius:8px;padding:0 12px}._status_p7qf6_119{color:var(--text-secondary);margin:0;font-size:14px}._gameGrid_p7qf6_125{grid-template:"table side"minmax(360px,1fr)"hand side"/minmax(0,1fr) 320px;gap:14px;min-height:calc(100vh - 104px);display:grid}._tablePanel_p7qf6_136{color:#fff;background:radial-gradient(circle,#ffffff2e,#0000 46%),#247658;border-radius:8px;grid-area:table;grid-template-rows:auto auto 1fr auto;gap:14px;min-height:360px;padding:16px;display:grid}._roomBar_p7qf6_76{justify-content:space-between}._roomBar_p7qf6_76 div:first-child{gap:2px;display:grid}._roomBar_p7qf6_76 span,._badges_p7qf6_77 span{color:#ffffffc7;font-size:13px}._badges_p7qf6_77{flex-wrap:wrap;justify-content:flex-end}._seats_p7qf6_170{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px;display:grid}._player_p7qf6_176{color:#17211b;background:#ffffffeb;border:1px solid #17211b1f;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}._tablePanel_p7qf6_136 ._player_p7qf6_176{color:#fff;background:#ffffff2e}._active_p7qf6_193{outline:3px solid #f3cf5a}._winner_p7qf6_197{outline:3px solid #7be39e}._avatar_p7qf6_201{color:#fff;background:#17211b;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:900;display:grid;overflow:hidden}._avatar_p7qf6_201 img{object-fit:cover;width:100%;height:100%}._player_p7qf6_176 strong,._player_p7qf6_176 span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}._player_p7qf6_176 span{opacity:.76;max-width:190px;font-size:12px}._centerTable_p7qf6_235{grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:14px;display:grid}._deckBox_p7qf6_242,._playedBox_p7qf6_243{text-align:center;background:#0b221942;border-radius:8px}._deckBox_p7qf6_242{gap:6px;padding:18px 8px;display:grid}._deckBox_p7qf6_242 span{opacity:.75;font-size:13px}._deckBox_p7qf6_242 strong{font-size:30px}._playedBox_p7qf6_243{place-items:center;min-height:150px;padding:16px;display:grid}._playedCards_p7qf6_271{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}._notice_p7qf6_279{text-align:center;background:#0000002e;border-radius:8px;padding:10px 12px;font-weight:800}._resultDetail_p7qf6_287{gap:4px;font-weight:600;display:grid}._resultDetail_p7qf6_287 p{margin:0;font-size:14px}._sidePanel_p7qf6_298{grid-area:side;align-content:start;gap:12px;display:grid}._panel_p7qf6_60{gap:12px;padding:14px;display:grid}._panel_p7qf6_60 h3{color:var(--text-primary);margin:0;font-size:15px}._scoreMeta_p7qf6_75{color:var(--text-secondary);justify-content:space-between;font-size:13px}._scoreRow_p7qf6_323{border-top:1px solid var(--glass-border);color:var(--text-primary);justify-content:space-between;padding-top:8px;display:flex}._logPanel_p7qf6_331{max-height:280px;overflow:auto}._logPanel_p7qf6_331 p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}._handPanel_p7qf6_61{grid-area:hand;gap:12px;padding:12px;display:grid}._hand_p7qf6_61{gap:8px;min-height:118px;padding:4px 2px 10px;display:flex;overflow-x:auto}._cardButton_p7qf6_358{background:0 0;border:0;border-radius:8px;flex:none;min-height:auto;padding:0;transition:transform .16s}._picked_p7qf6_368{transform:translateY(-14px)}._card_p7qf6_29{color:#17211b;text-align:left;background:#fff;border:1px solid #dbe1dc;border-radius:8px;grid-template-rows:auto 1fr;width:62px;height:92px;padding:7px;display:grid;box-shadow:0 8px 18px #0e16111f}._card_p7qf6_29 span{font-size:15px;font-weight:900}._card_p7qf6_29 i{place-self:end;font-size:22px;font-style:normal;font-weight:900}._red_p7qf6_399{color:#c93d32}._black_p7qf6_403{color:#17211b}._small_p7qf6_407{width:46px;height:66px;padding:5px}._small_p7qf6_407 span{font-size:12px}._small_p7qf6_407 i{font-size:15px}._actions_p7qf6_78{flex-wrap:wrap}._preview_p7qf6_425{border:1px solid var(--glass-border);background:var(--bg-primary);min-height:46px;color:var(--text-secondary);border-radius:8px;flex:260px;padding:7px 10px;display:grid}._preview_p7qf6_425 strong{color:var(--text-primary);font-size:14px}._preview_p7qf6_425 span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}._valid_p7qf6_448{border-color:#176b4d70}@media (width<=980px){._entry_p7qf6_13{grid-template-columns:1fr;align-content:center}._gameGrid_p7qf6_125{grid-template-columns:1fr;grid-template-areas:"table""hand""side"}}@media (width<=640px){._page_p7qf6_1{padding:10px}._entryBrand_p7qf6_23{flex-direction:column;align-items:flex-start}._entryBrand_p7qf6_23 h1{font-size:42px}._cardMark_p7qf6_29{border-width:6px;flex-basis:100px;width:74px;height:100px;font-size:46px}._centerTable_p7qf6_235{grid-template-columns:1fr}._actions_p7qf6_78>button{flex:110px}}