@things-factory/ai-assistant 10.1.123 → 10.1.127

package/client/components/assistant-chat.ts

@@ -1,3 +1,5 @@
+import { replyDestination, quotedReply } from './reply-message.js'
+import { rosterInviteState, rosterName } from './roster-identity'
 /**
  * <ox-assistant-chat> — AI 도우미 채팅 컴포넌트 (Lit).
  *
@@ -81,6 +83,7 @@ interface ChatLine {
   /** 보낸 사용자 email/name — 그룹챗 발신자 표시 + 자기 여부 판정.
    *  **email 로 판정한다**: 로그인 식별자라 비어 있지 않고, 시스템 내부 관리키(User.id)를
    *  클라이언트 판정에 끌어들이지 않는다(관리키 노출이 계약처럼 굳는 것을 피한다). */
+  senderId?: string
   senderEmail?: string
   senderName?: string
   /** 메시지 본문. `#token{refid:N}` inline marker 가 포함될 수 있음 (영속된 메시지 / 사용자
@@ -277,8 +280,8 @@ const DOMAIN_USERS_FOR_MENTION_QUERY = gql`
 `
 
 const SAY_TO_ROOM_MUTATION = gql`
-  mutation SayToRoom($sessionId: String!, $content: String!) {
-    sayToRoom(sessionId: $sessionId, content: $content)
+  mutation SayToRoom($sessionId: String!, $content: String!, $replyToId: String) {
+    sayToRoom(sessionId: $sessionId, content: $content, replyToId: $replyToId)
   }
 `
 
@@ -296,6 +299,7 @@ const CHAT_MESSAGES_QUERY = gql`
       createdAt
       redacted
       creator {
+        id
         name
         email
       }
@@ -319,6 +323,7 @@ const CHAT_MESSAGE_SUBSCRIPTION = gql`
       createdAt
       redacted
       creator {
+        id
         name
         email
       }
@@ -336,6 +341,7 @@ const CHAT_PARTICIPANTS_QUERY = gql`
       user {
         id
         name
+        username
       }
     }
   }
@@ -349,14 +355,7 @@ const TOUCH_PRESENCE_MUTATION = gql`
 const PRESENCE_HEARTBEAT_MS = 30_000
 const PRESENCE_TTL_MS = 75_000
 
-/** 이름 → roster chip 이니셜 (한글 1자 / 영문 최대 2자). */
-function initials(name: string): string {
-  const n = (name || '?').trim()
-  if (!n) return '?'
-  const parts = n.split(/\s+/)
-  if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase()
-  return /[a-zA-Z]/.test(n) ? n.slice(0, 2).toUpperCase() : n.slice(0, 1)
-}
+
 
 @customElement('ox-assistant-chat')
 export class OxAssistantChat extends LitElement {
@@ -922,7 +921,8 @@ export class OxAssistantChat extends LitElement {
 
   /** C4 presence/roster — 세션 참여자 목록. lastSeenAt 으로 online 판정. */
   @state()
-  private participants: Array<{ id: string; role: string; lastSeenAt?: string; user?: { id: string; name?: string } }> = []
+  private participants: Array<{ id: string; role: string; lastSeenAt?: string; user?: { id: string; name?: string; username?: string } }> = []
+  @state() private rosterLoaded = false
 
   /** roster online 재평가 트리거 — heartbeat tick 마다 갱신(시간 경과 반영). */
   @state()
@@ -983,6 +983,7 @@ export class OxAssistantChat extends LitElement {
    *  textarea 에는 @username 만 보이지만 server 한테는 정확한 userId 전달.
    *  send 시 mutation input.userMentions 로 함께 전송. */
   private pickedUserMentions: Map<string, string> = new Map()
+  @state() private replyingTo?: { id?: string; name: string; excerpt: string; role: string; token?: string }
 
   /** input 디바운스 timer — 150ms 후 refreshMentionPopup 실행 (F-Finder 와 동일) */
   private inputDebounceTimer?: ReturnType<typeof setTimeout>
@@ -1251,6 +1252,7 @@ export class OxAssistantChat extends LitElement {
       font-size: 10px;
       background: var(--md-sys-color-surface-variant, #f1f5f9);
     }
+    .roster-name { max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
     .roster-chip.offline {
       opacity: 0.45;
     }
@@ -2760,6 +2762,21 @@ export class OxAssistantChat extends LitElement {
 
     /* ── Input area ───────────────────────────────────── */
     /* border-top 은 .composer 가 담당 (actions-row 가 같은 wrapper 안) */
+    .reply-preview {
+      display: flex; gap: 8px; margin: 4px 14px; padding: 8px 10px;
+      border-left: 3px solid var(--md-sys-color-primary);
+      background: var(--md-sys-color-surface-container, #f1f5f9); border-radius: 6px;
+    }
+    .reply-preview > div { flex: 1; min-width: 0; }
+    .reply-preview strong { display: block; font-size: 12px; }
+    .reply-preview span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
+    .reply-preview button { border: 0; background: transparent; color: inherit; cursor: pointer; }
+    .send-destination {
+      font-size: 11px;
+      color: var(--md-sys-color-on-surface-variant, #475569);
+      align-self: center;
+      max-width: 64px;
+    }
     .input-row {
       display: flex;
       gap: 8px;
@@ -2835,15 +2852,15 @@ export class OxAssistantChat extends LitElement {
       --md-icon-size: 15px;
     }
 
-    /* ── Send button — ChatGPT 스타일 원형 ↑ (.input-row 안의 button 만) ─── */
+    /* One send control, aligned with the resting input height. */
     .input-row > button {
-      width: 32px;
-      height: 32px;
+      width: 54px;
+      height: 54px;
       padding: 0;
       background: var(--md-sys-color-primary, #1e293b);
       color: var(--md-sys-color-on-primary, #ffffff);
       border: 0;
-      border-radius: 50%;
+      border-radius: 12px;
       cursor: pointer;
       display: flex;
       align-items: center;
@@ -2854,17 +2871,8 @@ export class OxAssistantChat extends LitElement {
         opacity 0.15s;
       flex-shrink: 0;
       align-self: flex-end;
-      margin-bottom: 2px;
-    }
-    /*
-      방에 말하는 자리는 **두 번째 행동**이다 — 이 화면의 첫 행동은 어시스턴트에게 묻는 것이다.
-      같은 무게로 두면 무엇이 기본인지 화면이 말하지 않게 된다(ADR-0070 A15 의 자리 둘).
-    */
-    .input-row > button.say-to-room {
-      background: var(--md-sys-color-surface-container-highest, #e2e8f0);
-      color: var(--md-sys-color-on-surface-variant, #475569);
+      margin-bottom: 0;
     }
-
     .input-row > button:disabled {
       background: var(--md-sys-color-surface-container-highest, #e2e8f0);
       color: var(--md-sys-color-outline, #94a3b8);
@@ -2931,33 +2939,6 @@ export class OxAssistantChat extends LitElement {
   updated(changed: Map<string, any>) {
     if (changed.has('input') || changed.has('composerWide') || changed.has('previewAttachmentId') || changed.has('attachments')) this.fitComposer()
 
-    /*
-     * 밖에서 넣어 준 질문을 자동 전송한다(오류 토스트의 "AI에게 묻기" 등).
-     *
-     * sessionId 가 붙기 전에 보내면 대화에 남지 않으므로 세션이 준비될 때까지 기다린다.
-     * 같은 문장을 두 번 보내지 않도록 보낸 값을 기억한다 — 재렌더마다 updated 가 다시 돌기 때문이다.
-     */
-    if (this.autoAsk && assistantAutoAskKey(this.autoAsk, this.autoAskRequestId) !== this._autoAsked && (this.sessionId || this.prepareSession) && !this.busy) {
-      this._autoAsked = assistantAutoAskKey(this.autoAsk, this.autoAskRequestId)
-      this.input = this.autoAsk
-      this.send()
-    }
-
-    /* A draft fills the input and waits for the person — it is never sent from here. */
-    const draft = assistantDraftDecision({
-      draft: this.draft,
-      draftRequestId: this.draftRequestId,
-      drafted: this._drafted,
-      typed: this.input,
-      autoAsk: this.autoAsk,
-      autoAskRequestId: this.autoAskRequestId
-    })
-    if (draft.consumed) this._drafted = draft.consumed
-    if (draft.fill) {
-      this.input = this.draft!
-      this.updateComplete.then(() => (this.renderRoot.querySelector('textarea') as HTMLTextAreaElement | null)?.focus())
-    }
-
     /*
      * The subject changed, so the conversation is over.
      *
@@ -3009,6 +2990,8 @@ export class OxAssistantChat extends LitElement {
       this.errorMessage = undefined
       this.input = ''
       this.participants = []
+      this.rosterLoaded = false
+      this.replyingTo = undefined
       this._seenMessageIds.clear() // 세션 전환 — 에코 dedup 컨텍스트 리셋
       if (this.sessionId) {
         this.loadHistory()
@@ -3019,6 +3002,29 @@ export class OxAssistantChat extends LitElement {
         this._stopMessageSubscription()
       }
     }
+    /* Send carried questions only after subject, mode and session cleanup has completed. */
+    if (this.autoAsk && assistantAutoAskKey(this.autoAsk, this.autoAskRequestId) !== this._autoAsked && (this.sessionId || this.prepareSession) && !this.busy) {
+      this._autoAsked = assistantAutoAskKey(this.autoAsk, this.autoAskRequestId)
+      this.input = this.autoAsk
+      void this.send()
+    }
+
+    /* A draft fills the input and waits for the person — it is never sent from here. */
+    const draft = assistantDraftDecision({
+      draft: this.draft,
+      draftRequestId: this.draftRequestId,
+      drafted: this._drafted,
+      typed: this.input,
+      autoAsk: this.autoAsk,
+      autoAskRequestId: this.autoAskRequestId
+    })
+    if (draft.consumed) this._drafted = draft.consumed
+    if (draft.fill) {
+      this.input = this.draft!
+      this.updateComplete.then(() => (this.renderRoot.querySelector('textarea') as HTMLTextAreaElement | null)?.focus())
+    }
+
+
     // 자동 스크롤
     const ms = this.renderRoot.querySelector('.messages') as HTMLElement | null
     if (ms) ms.scrollTop = ms.scrollHeight
@@ -3109,16 +3115,15 @@ export class OxAssistantChat extends LitElement {
   }
 
   private async _loadParticipants() {
-    if (!this.sessionId) return
+    const sessionId=this.sessionId
+    if (!sessionId) return
     try {
-      const result = await client.query({
-        query: CHAT_PARTICIPANTS_QUERY,
-        variables: { sessionId: this.sessionId },
-        fetchPolicy: 'network-only'
-      })
-      this.participants = result.data?.chatSessionParticipants ?? []
+      const result = await client.query({query:CHAT_PARTICIPANTS_QUERY,variables:{sessionId},fetchPolicy:'network-only'})
+      if (this.sessionId !== sessionId) return
+      this.participants=result.data?.chatSessionParticipants??[]
+      this.rosterLoaded=true
     } catch {
-      /* roster 로드 실패는 채팅 본 기능 무영향 — 조용히 무시 */
+      if (this.sessionId === sessionId) this.rosterLoaded=false
     }
   }
 
@@ -3396,6 +3401,12 @@ export class OxAssistantChat extends LitElement {
               </div>
             `
           : nothing}
+        ${this.replyingTo ? html`<div class="reply-preview">
+          <div><strong>${i18next.t('ai-assistant.text.reply-to', { name: this.replyingTo.name })}</strong>
+            <span>${this.replyingTo.excerpt}</span></div>
+          <button type="button" aria-label=${i18next.t('ai-assistant.button.cancel-reply')}
+            @click=${() => this.cancelReply()}><md-icon>close</md-icon></button>
+        </div>` : nothing}
         ${this.renderInviteNotice()}
         <div class="input-row">
           <div class="textarea-wrap">
@@ -3433,33 +3444,15 @@ export class OxAssistantChat extends LitElement {
                 `
               : nothing}
           </div>
-          ${/*
-              두 자리다 — 어시스턴트에게 묻는 자리와 **방에 말하는 자리**. 누른 자리가 그 말의 대상을
-              정하고, 서버는 어느 문이 불렸는지로 그 사실을 저장한다(ADR-0070 A15 결정 ①).
-
-              **방에 사람이 있을 때만 보인다.** 혼자 쓰는 대화에서 「방에 말하기」는 아무에게도 하지 않는
-              말이고, 누를 일이 없는 단추는 무엇이 기본인지 흐린다. 조건은 참여자 목록과 같다(둘 이상) —
-              둘째 사람은 멘션으로 들어오고, 그 순간 이 자리도 함께 선다.
-            */ ''}
-          ${this.sessionId && this.participants.length >= 2
-            ? html`
-                <button
-                  class="say-to-room"
-                  ?disabled=${this.busy || !this.input.trim()}
-                  @click=${() => this.sayToRoom()}
-                  title=${i18next.t('ai-assistant.text.say-to-room-tooltip', {
-                    defaultValue: 'say this to the people here — the assistant does not answer'
-                  })}>
-                  <md-icon>forum</md-icon>
-                </button>
-              `
-            : nothing}
+          <span class="send-destination" aria-live="polite">${i18next.t(this.addressesPeople
+            ? 'ai-assistant.text.send-to-people' : 'ai-assistant.text.send-to-ai')}</span>
           ${this.composerWide
             ? html`<span class="send-shortcut">${i18next.t('ai-assistant.text.send-shortcut', { key: sendShortcut(navigator.platform), defaultValue: '{key} to send' })}</span>`
             : nothing}
           <button
             ?disabled=${this.busy || !!this.sendBlocked || (!this.input.trim() && this.attachments.length === 0)}
-            @click=${this.send}
+            @click=${() => this.submitMessage()}
+            aria-label=${i18next.t(this.addressesPeople ? 'ai-assistant.text.send-to-people' : 'ai-assistant.text.send-to-ai')}
             title=${this.sendBlocked ||
             (this.composerWide
               ? i18next.t('ai-assistant.text.send-tooltip-wide', { key: sendShortcut(navigator.platform), defaultValue: 'Send ({key})' })
@@ -3479,6 +3472,53 @@ export class OxAssistantChat extends LitElement {
    * 저장되는 대화가 있을 때만 할 수 있다. 세션이 없는 즉석 질문에는 「방」이 없다 — 그 자리에서
    * 한 말은 누구에게도 남지 않는다.
    */
+  private startReply(line: ChatLine) {
+    this.cancelReply()
+    const name = line.role === 'assistant' ? 'AI' : line.senderName || i18next.t('ai-assistant.label.participant')
+    const token = line.role === 'user' ? name : undefined
+    this.replyingTo = { id: line.id, name, role: line.role, token,
+      excerpt: stripMentionRefids(line.content).replace(/\{userId:[^}]+\}/g, '').replace(/\s+/g, ' ').slice(0, 180) }
+    if (token && line.senderId) {
+      this.pickedUserMentions.set(token, line.senderId)
+      if (!this.input.includes(`@${token}`)) this.input = `@${token} ${this.input}`
+    }
+    this.updateComplete.then(() => (this.renderRoot.querySelector('textarea') as HTMLTextAreaElement | null)?.focus())
+  }
+
+  private cancelReply() {
+    const token = this.replyingTo?.token
+    if (token && this.input.startsWith(`@${token} `)) this.input = this.input.slice(token.length + 2)
+    this.replyingTo = undefined
+  }
+
+  private replyContent(body: string): string {
+    return quotedReply(body, this.replyingTo)
+  }
+
+  private get addressesPeople(): boolean {
+    const mentioned = [...this.pickedUserMentions.keys()].some(token => this.input.includes(`@${token}`))
+    return replyDestination(this.replyingTo?.role, mentioned) === 'room'
+  }
+
+  private async submitMessage() {
+    if (this.busy || !this.input.trim() && !this.attachments.length) return
+    if (!this.addressesPeople) return this.send()
+    if (this.attachments.length) {
+      this.errorMessage = i18next.t('ai-assistant.text.room-attachments-unavailable')
+      return
+    }
+    if (!this.sessionId && this.prepareSession) {
+      try {
+        await this.prepareSession(id => { this.adoptingSession = true; this.sessionId = id })
+        await this.updateComplete
+      } catch (error) {
+        this.errorMessage = error instanceof Error ? error.message : String(error)
+        return
+      }
+    }
+    return this.sayToRoom()
+  }
+
   private async sayToRoom() {
     const body = this.input.trim()
     if (!body || this.busy) return
@@ -3490,15 +3530,20 @@ export class OxAssistantChat extends LitElement {
       return
     }
 
+    const reply = this.replyingTo
+    const content = this.replyContent(injectMentionUserIds(body, [...this.pickedUserMentions.entries()]
+      .filter(([token]) => body.includes(`@${token}`))
+      .map(([token, userId]) => ({ token, userId }))))
     const localId = `local-${++this._localSeq}-r`
-    this.lines = [...this.lines, { role: 'user', content: body, _localId: localId, senderEmail: this._myEmail }]
+    this.lines = [...this.lines, { role: 'user', content, _localId: localId, senderId: this._myUserId, senderEmail: this._myEmail }]
     this.input = ''
     this.busy = true
     try {
       const result = await client.mutate({
         mutation: SAY_TO_ROOM_MUTATION,
-        variables: { sessionId: this.sessionId, content: body }
+        variables: { sessionId: this.sessionId, content, replyToId: reply?.id }
       })
+      this.replyingTo = undefined
       /* 방송 에코와 겹치지 않게 서버 id 로 맞춘다 — 보낸 말이 두 줄로 보이지 않게. */
       this._reconcileSentLine(localId, result.data?.sayToRoom ?? undefined, {})
     } catch (error) {
@@ -3528,15 +3573,15 @@ export class OxAssistantChat extends LitElement {
       .map(([token]) => token)
     if (incoming.length === 0) return nothing
 
-    const myRole = this.participants.find(p => p.user?.id && p.user.id === this._myUserId)?.role
-    const mayInvite = myRole === 'owner' || myRole === 'member'
+    const inviteState = rosterInviteState(this.participants,this._myUserId,this.rosterLoaded)
+    const mayInvite = inviteState === 'allowed'
     const names = incoming.map(token => `@${token}`).join(', ')
 
     return html`
       <div class="invite-notice">
         <md-icon>person_add</md-icon>
         <span>
-          ${mayInvite
+          ${inviteState === 'checking' ? i18next.t('ai-assistant.text.invite-checking') : mayInvite
             ? i18next.t('ai-assistant.text.will-be-invited', {
                 names,
                 defaultValue: '{names} will join this conversation when you send'
@@ -3654,7 +3699,7 @@ export class OxAssistantChat extends LitElement {
       this.setComposerWide(false)
     } else if (action === 'send') {
       e.preventDefault()
-      if (!this.busy) this.send()
+      if (!this.busy) void this.submitMessage()
     }
   }
 
@@ -4074,12 +4119,12 @@ export class OxAssistantChat extends LitElement {
           <md-icon>group</md-icon>${online}/${this.participants.length}
         </span>
         ${this.participants.map(p => {
-          const name = p.user?.name || p.user?.id || '?'
+          const name = rosterName(p,String(i18next.t('ai-assistant.text.participant-unavailable')))
           const on = this._isOnline(p.lastSeenAt)
           return html`<span
             class="roster-chip ${on ? 'online' : 'offline'}"
             title=${`${name} · ${p.role}${on ? ' · online' : ''}`}>
-            <span class="roster-dot"></span>${initials(name)}
+            <span class="roster-dot"></span><span class="roster-name">${name}</span>
           </span>`
         })}
       </div>
@@ -4231,7 +4276,7 @@ export class OxAssistantChat extends LitElement {
    *   system    : 없음
    */
   private renderMessageActions(idx: number, line: ChatLine, content: string) {
-    if (line.role !== 'assistant') return nothing
+    if (line.role === 'system') return nothing
 
     const isCopied = this.copiedIdx === idx
     // revert 는 인라인 patch chip (메시지 안) 한 곳에만 — hover 액션에서 제외 (중복 방지).
@@ -4245,13 +4290,17 @@ export class OxAssistantChat extends LitElement {
           @click=${() => this.copyMessage(idx, content)}>
           <md-icon>${isCopied ? 'check' : 'content_copy'}</md-icon>
         </button>
-        <button
+        <button class="msg-action" ?disabled=${this.busy || (line.role === 'user' && !line.senderId)}
+          title=${i18next.t('ai-assistant.button.reply')}
+          aria-label=${i18next.t('ai-assistant.button.reply')}
+          @click=${() => this.startReply(line)}><md-icon>reply</md-icon></button>
+        ${line.role === 'assistant' ? html`<button
           class="msg-action"
           ?disabled=${this.busy}
           title=${i18next.t('ai-assistant.button.regenerate')}
           @click=${() => this.regenerateAssistant(idx)}>
           <md-icon>refresh</md-icon>
-        </button>
+        </button>` : nothing}
       </div>
     `
   }
@@ -5050,7 +5099,8 @@ export class OxAssistantChat extends LitElement {
       if (promptText.includes(`@${token}`)) userMentions.push({ token, userId })
     }
     let enrichedContent = injectMentionRefids(promptText, mentions)
-    enrichedContent = injectMentionUserIds(enrichedContent, userMentions)
+    enrichedContent = this.replyContent(injectMentionUserIds(enrichedContent, userMentions))
+    this.replyingTo = undefined
 
     // optimistic 라인에 임시 핸들 — 방송 에코와의 reconcile 을 index 비의존으로.
     const userLocalId = `local-${++this._localSeq}-u`
@@ -5069,7 +5119,7 @@ export class OxAssistantChat extends LitElement {
           base64: a.base64
         })),
         _localId: userLocalId,
-        senderEmail: this._myEmail
+        senderId: this._myUserId, senderEmail: this._myEmail
       }
     ]
     this.input = ''

package/client/components/chat-echo-dedup.ts

@@ -32,7 +32,7 @@ export interface RemoteMessage {
   /** 접지 경고(영속) — 답이 언급했으나 근거에 없던 식별자. 나중에 읽는 사람도 같은 주의를 봐야 한다. */
   groundingWarningsJson?: any
   /** 발신자 — 표시용 name + **자기 여부 판정용 email**(내부 관리키 id 는 쓰지 않는다). */
-  creator?: { name?: string; email?: string } | null
+  creator?: { id?: string; name?: string; email?: string } | null
   /** 이 사람이 이 답의 문을 못 지나 본문이 한 줄로 바뀌어 왔나(ADR-0073 판정 1). */
   redacted?: boolean
 }
@@ -51,6 +51,7 @@ export function remoteMessageToLine(m: RemoteMessage): DedupLine {
     attachments: Array.isArray((m as any).attachmentsJson)
       ? (m as any).attachmentsJson.map((a: any) => ({ id: a.id, name: a.name, type: a.mimetype, size: a.size }))
       : undefined,
+    senderId: m.creator?.id ?? undefined,
     senderEmail: m.creator?.email ?? undefined,
     senderName: m.creator?.name ?? undefined,
     /*

package/client/components/reply-message.test.ts

@@ -0,0 +1,15 @@
+import { replyDestination, quotedReply } from './reply-message'
+describe('message replies', () => {
+  it('routes a human reply to the room and an AI reply to AI even with an earlier mention', () => {
+    expect(replyDestination('user', false)).toBe('room')
+    expect(replyDestination('assistant', true)).toBe('assistant')
+    expect(replyDestination(undefined, true)).toBe('room')
+    expect(replyDestination(undefined, false)).toBe('assistant')
+  })
+  it('keeps a short quoted original above the answer and escapes markup', () => {
+    expect(quotedReply('answer', {name: 'Kim', excerpt: 'original'})).toBe('> Kim: original\n\nanswer')
+    expect(quotedReply('answer')).toBe('answer')
+    expect(quotedReply('answer', {name: '<Kim>', excerpt: '**text**'})).toContain('\\<Kim\\>')
+    expect(quotedReply('answer', {name: 'Kim', excerpt: '**text**'})).toContain('\\*\\*text\\*\\*')
+  })
+})

package/client/components/reply-message.ts

@@ -0,0 +1,11 @@
+export function replyDestination(role: string | undefined, hasUserMention: boolean): 'room' | 'assistant' {
+  if (role === 'assistant') return 'assistant'
+  if (role === 'user') return 'room'
+  return hasUserMention ? 'room' : 'assistant'
+}
+
+export function quotedReply(body: string, reply?: { name: string; excerpt: string }): string {
+  if (!reply) return body
+  const escape = (text: string) => text.replace(/[\\`*_{}\[\]<>#]/g, char => `\\${char}`)
+  return `> ${escape(reply.name)}: ${escape(reply.excerpt)}\n\n${body}`
+}

package/client/components/roster-identity.test.ts

@@ -0,0 +1,18 @@
+import { rosterInviteState, rosterName } from './roster-identity'
+describe('roster identity and invite notice',()=>{
+ it('does not claim denial when participant identities are missing or still loading',()=>{
+  expect(rosterInviteState([{role:'owner'}],'me',true)).toBe('checking')
+  expect(rosterInviteState([], 'me',false)).toBe('checking')
+  expect(rosterInviteState([], undefined,true)).toBe('checking')
+ })
+ it('uses the current person role rather than another member or a stale loading state',()=>{
+  for(const role of ['owner','member'])expect(rosterInviteState([{role,user:{id:'me'}}],'me',true)).toBe('allowed')
+  expect(rosterInviteState([{role:'viewer',user:{id:'me'}},{role:'owner',user:{id:'other'}}],'me',true)).toBe('denied')
+  expect(rosterInviteState([{role:'member',user:{id:'other'}}],'me',true)).toBe('denied')
+ })
+ it('shows a recognizable full name, then username, then an explicit unavailable label',()=>{
+  expect(rosterName({role:'member',user:{id:'u',name:' 정연희 '}},'Unavailable')).toBe('정연희')
+  expect(rosterName({role:'member',user:{id:'u',username:'yeonhee'}},'Unavailable')).toBe('yeonhee')
+  expect(rosterName({role:'member'},'Unavailable')).toBe('Unavailable')
+ })
+})

package/client/components/roster-identity.ts

@@ -0,0 +1,10 @@
+export interface RosterParticipant { role: string; user?: { id: string; name?: string; username?: string } }
+/** Missing identity/loading is not evidence that a person lacks membership. Server gates remain authoritative. */
+export function rosterInviteState(rows: readonly RosterParticipant[], userId: string | undefined, loaded: boolean): 'checking' | 'allowed' | 'denied' {
+  if (!loaded || !userId || rows.some(row => !row.user?.id)) return 'checking'
+  const role = rows.find(row => row.user?.id === userId)?.role
+  return role === 'owner' || role === 'member' ? 'allowed' : 'denied'
+}
+export function rosterName(person: RosterParticipant, fallback: string): string {
+  return person.user?.name?.trim() || person.user?.username?.trim() || fallback
+}

package/client/utils/assistant-navigation.test.ts

@@ -36,3 +36,25 @@ describe('navigation wiring', () => {
     expect(dock).toContain("errorCode: 'conversation-screen-changed'")
   })
 })
+
+
+describe('a carried draft survives opening a new conversation', () => {
+  test('automatic review starts after cleanup and is sent once per request', () => {
+    const source = readFileSync(join(__dirname, '../components/assistant-chat.ts'), 'utf8')
+    const update = source.slice(source.indexOf('  updated(changed:'), source.indexOf('  disconnectedCallback()', source.indexOf('  updated(changed:')))
+    const placement = update.indexOf('if (this.autoAsk &&')
+    expect(placement).toBeGreaterThan(update.indexOf("if (changed.has('sessionId')"))
+    expect(update.slice(placement)).not.toContain("this.input = ''")
+    expect(update.slice(placement)).toContain('!== this._autoAsked')
+    expect(update.slice(placement)).toContain('void this.send()')
+  })
+  test('draft placement follows subject, mode and session cleanup', () => {
+    const source = readFileSync(join(__dirname, '../components/assistant-chat.ts'), 'utf8')
+    const update = source.slice(source.indexOf('  updated(changed:'), source.indexOf('  disconnectedCallback()', source.indexOf('  updated(changed:')))
+    const placement = update.indexOf('const draft = assistantDraftDecision(')
+    expect(placement).toBeGreaterThan(update.indexOf("if (changed.has('subject'))"))
+    expect(placement).toBeGreaterThan(update.indexOf("if (changed.has('mode')"))
+    expect(placement).toBeGreaterThan(update.indexOf("if (changed.has('sessionId')"))
+    expect(update.slice(placement)).not.toContain("this.input = ''")
+  })
+})

package/dist-client/components/assistant-chat.d.ts

@@ -301,6 +301,7 @@ export declare class OxAssistantChat extends LitElement {
     private errorMessage?;
     /** C4 presence/roster — 세션 참여자 목록. lastSeenAt 으로 online 판정. */
     private participants;
+    private rosterLoaded;
     /** roster online 재평가 트리거 — heartbeat tick 마다 갱신(시간 경과 반영). */
     private _presenceTick;
     private _heartbeatTimer?;
@@ -338,6 +339,7 @@ export declare class OxAssistantChat extends LitElement {
      *  textarea 에는 @username 만 보이지만 server 한테는 정확한 userId 전달.
      *  send 시 mutation input.userMentions 로 함께 전송. */
     private pickedUserMentions;
+    private replyingTo?;
     /** input 디바운스 timer — 150ms 후 refreshMentionPopup 실행 (F-Finder 와 동일) */
     private inputDebounceTimer?;
     /** centerTo 디바운스 timer — arrow nav / hover 빠를 때 카메라 애니메이션 race 방지 */
@@ -431,6 +433,11 @@ export declare class OxAssistantChat extends LitElement {
      * 저장되는 대화가 있을 때만 할 수 있다. 세션이 없는 즉석 질문에는 「방」이 없다 — 그 자리에서
      * 한 말은 누구에게도 남지 않는다.
      */
+    private startReply;
+    private cancelReply;
+    private replyContent;
+    private get addressesPeople();
+    private submitMessage;
     private sayToRoom;
     /**
      * 보내기 전에 말한다 — 「이 사람은 이 대화에 들어옵니다」(ADR-0071 결정 1 ④).