@things-factory/ai-assistant 10.1.156 → 10.1.159

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

@@ -136,13 +136,8 @@ export declare class OxAssistantChat extends LitElement {
      */
     mode?: AssistantMode;
     /**
-     * 이 화면이 보여 주는 것의 **종류** — `'board'`, `'space'`, `'station'`, `'figure'` (ADR-0072 A17 ①).
-     *
-     * `mode` 가 「지금 어느 대화인가」라면 이것은 「그 자리에 어떤 대화들이 설 수 있나」이다. 서버가
-     * `assistantModes(subject)` 로 답하고, 둘 이상이면 고르개가 뜬다. 하나면 고르개를 내지 않는다 —
-     * 고를 것이 없는 고르개는 자리만 차지한다.
-     *
-     * 화면이 이것을 안 주면 고르개는 없고 host 가 정한 대화 하나만 산다. 그것이 오늘까지의 모양이다.
+     * 이 화면이 보여 주는 것의 **종류** — `'board'`, `'space'`, `'station'`, `'figure'`. 화면에 대화는 하나다
+     * (design/ai/screen-pattern.md §3). 바뀌면 사업장의 AI 에이전트 목록을 다시 읽는다.
      */
     subject?: string;
     /**
@@ -365,9 +360,6 @@ export declare class OxAssistantChat extends LitElement {
      */
     private modeView?;
     private modeViewToken;
-    /** 이 subject 에 설 수 있는 대화들 — 기본이 먼저. 하나뿐이면 고르개를 그리지 않는다. */
-    private modeChoices;
-    private modeChoicesToken;
     /** The AI agents this domain lets a person pick (design/ai/agent-settings.md §5). One or none draws no picker. */
     private agentChoices;
     private agentId?;
@@ -379,35 +371,6 @@ export declare class OxAssistantChat extends LitElement {
      */
     private loadAgentChoices;
     private onAgentPick;
-    /**
-     * 이 화면에 설 수 있는 대화를 서버에 묻는다.
-     *
-     * 화면이 종류 목록을 손에 들고 있으면, 대화를 하나 더 세운 날 그 화면만 모른 채로 남는다. 목록은
-     * 앱 서버의 선언에서 나온다(ADR-0072 A17 ①).
-     */
-    private loadModeChoices;
-    /**
-     * 사람이 다른 대화를 골랐다.
-     *
-     * 고른 것은 **이 subject 종류에 대해** 기억한다 — 보드를 열 때마다 저작 대화로 돌아가면, 현장을
-     * 물으려던 사람은 화면을 열 때마다 같은 손질을 다시 해야 한다. 기억은 이 브라우저에만 남는다
-     * (서버에 칸을 만들지 않는다 — A17 ①). 세션 자체는 자기가 어느 대화였는지 이미 안다.
-     */
-    private onModePick;
-    /**
-     * **고르는 것은 청하는 일이다** — `mode` 를 여기서 바꾸지 않는다.
-     *
-     * host 는 렌더마다 `mode` 를 다시 내려 준다. 패널이 자기 손으로 고쳐 두면 다음 렌더가 그것을 덮고,
-     * 더 나쁜 것은 host 가 **자기가 무엇을 열었는지 모르는 채로 남는다**는 것이다. host 는 대화의 세션을
-     * 대상별로 들고 있으므로, 대화가 바뀐 것을 모르면 앞 대화의 세션을 그대로 넘긴다 — 그러면 새 말이 앞
-     * 대화에 붙는다(2026-09-18 Figure 레인이 :3300 에서 본 것이 이것이다).
-     *
-     * 그래서 주인은 하나다: host 가 `mode` 를 갖고, 패널은 「이것으로 바꿔 달라」고 말한다. 기억은 패널이
-     * 진다(브라우저마다 다른 값이라 host 가 질 것이 아니다) — 기억한 것을 되살릴 때도 같은 청으로 나간다.
-     */
-    private askHostForMode;
-    /** 이 subject 에서 지난번에 고른 대화 — 없으면 undefined. */
-    private rememberedMode;
     private loadModeView;
     private cachedCatalogCandidates;
     private cachedSlashCandidates;
@@ -419,12 +382,7 @@ export declare class OxAssistantChat extends LitElement {
     private userFetchToken;
     static styles: import("lit").CSSResult[];
     connectedCallback(): void;
-    /**
-     * 화면이 보여 주는 것의 종류가 바뀌었다 — 설 수 있는 대화를 다시 묻고, 지난번 고른 것을 되살린다.
-     *
-     * 되살리는 것은 **고른 대화**이지 세션이 아니다. 세션은 자기가 어느 대화였는지 이미 알고, 다른
-     * 대화로 가면 그때 새로 난다(ADR-0072 A17 ①).
-     */
+    /** 화면이 보여 주는 것의 종류가 바뀌었다 — 사업장의 AI 에이전트 목록을 다시 읽는다. */
     private onSubjectChanged;
     updated(changed: Map<string, any>): void;
     disconnectedCallback(): void;
@@ -478,6 +436,8 @@ export declare class OxAssistantChat extends LitElement {
     private onKeyDown;
     /** The request a Tab writes into the empty box - `composerSuggestion` decides it. */
     private get suggestion();
+    /** The next request the last answer named - gone once the person sends or the conversation changes. */
+    private nextRequest?;
     /** input 이벤트 — value 즉시 반영 + popup 갱신은 150ms 디바운스 (F-Finder 와 동일).
      *  big board 에서 매 keystroke filter 비용 절감 + 한국어 IME 조합 중 깜빡임 완화. */
     private onTextareaInput;
@@ -525,36 +485,12 @@ export declare class OxAssistantChat extends LitElement {
     private static readonly EXAMPLE_GROUPS;
     /** 보드의 세션 탭 — 다중 세션 활성화 시 패널 상단. host 가 sessions 비워두면 표시 X.
      *  레이블은 session.name 우선, 없으면 fallback "세션 N". */
-    /**
-     * 이 대화의 **주어** — 같은 화면 위에 두 대화가 설 때만 나온다(ADR-0072 A17 ①).
-     *
-     * 하나뿐이면 아무것도 그리지 않는다. 고를 것이 없는 고르개는 자리만 차지하고, 사람에게 「무언가
-     * 고를 것이 있다」는 잘못된 신호를 준다.
-     *
-     * ── 왜 탭 줄이 아닌가 (UX 레인, 2026-09-18) ───────────────────────────────
-     * 처음에는 칩 줄에 `role="tablist"` 를 달았다. 바로 아래가 세션 탭이고 그쪽도 tablist 라서, 화면
-     * 낭독기로 들으면 「탭 목록, 대화」 다음에 「탭 목록, Conversation history」 가 이어졌다 — 고르는
-     * 축이 둘인데 둘 다 「탭」이라고 말한다. 게다가 ARIA 탭은 좌우 화살표 이동과 `tabpanel` 이 함께
-     * 있어야 성립하고, 둘 다 없으면 낭독기는 「2 중 1번째 탭」이라 말하고 화살표는 아무 일도 안 한다.
-     *
-     * 무게도 다르다. 세션은 「어느 지난 대화냐」이고 모드는 「이 대화가 무엇에 대한 것이냐」이다. 같은
-     * 무게로 그리면 어느 쪽이 화제를 바꾸고 어느 쪽이 실타래를 바꾸는지 구별되지 않는다. 그래서 지금
-     * 대화가 제목 굵기로 서고, 바꿀 자리는 그 옆에 붙는다.
-     *
-     * ── 왜 도크 제목 줄로 안 올리나 (UX 레인 판정, 2026-09-18) ────────────────
-     * 도크 제목은 「지금 어디에 있나」(이 도형 · 이 현장 · 이 스테이션 화면)이고 이 줄은 「이 대화가
-     * 무엇에 대한 것이냐」이다. 대화의 주어는 대화 안에 있다. 그리고 세 도크가 각자 그리면 세 벌이 되고
-     * 그 세 벌은 갈린다 — `modeChoices` 를 아는 것도 여기다. 올리면 목록과 고른 것이 세 자리로 나갔다
-     * 돌아온다.
-     */
-    private renderModeSubject;
     /**
      * Which AI answers the next turn - at the end of the row above the box, where the words about writing stand. A row of
      * its own spent a line of the dock on one control. It is a property of the turn, not of the conversation: switching
      * keeps the conversation and only the next answer comes from the other agent. Drawn only when there is a choice.
      */
     private renderAgentPicker;
-    private renderModePicker;
     private renderSessionTabs;
     /** C4 roster — 세션 참여자 + online 표시. 참여자 2명 미만이면 숨김(혼자면 의미 없음). */
     private renderRoster;

package/dist-client/components/assistant-chat.js

@@ -52,7 +52,7 @@ import { buildMentionCandidates, buildCatalogCandidates, buildSlashCandidates, b
  * 뜨지 않는 것이 맞다.
  */
 import { chatDefaults } from './chat-defaults.js';
-import { isDifferentConversation, resolveConversation, pickInitialMode } from './assistant-mode.js';
+import { isDifferentConversation, resolveConversation } from './assistant-mode.js';
 import { parseProposalOutcomeLine, parseProposalRequestLine, proposalCardState } from './proposal-outcome-line.js';
 import './entry-review.js';
 import { entryGroupOf, entryReadyCount, entryTitle, isChangeProposal, isEntryProposal, latestEntryKeys } from '../utils/entry-proposal.js';
@@ -107,6 +107,7 @@ const ASSISTANT_CHAT_MUTATION = gql `
   mutation AssistantChat($input: AssistantChatInput!) {
     assistantChat(input: $input) {
       reply
+      suggestion
       clientId
       sessionId
       userMessageId
@@ -126,20 +127,6 @@ const ASSISTANT_CHAT_MUTATION = gql `
  * (ADR-0061 decision 7) and translated there, so the panel and the door cannot describe different
  * conversations, and a host does not carry a second copy of the words.
  */
-/*
- * 이 화면에 설 수 있는 대화들 — ADR-0072 A17 ①.
- *
- * 화면은 자기가 무엇을 보여 주는지만 말하고, 그 위에 어느 대화가 서는지는 앱 서버가 답한다.
- */
-const ASSISTANT_MODES_QUERY = gql `
-  query AssistantModes($subject: String!) {
-    assistantModes(subject: $subject) {
-      kind
-      label
-      isDefault
-    }
-  }
-`;
 const AI_AGENT_CHOICES_QUERY = gql `
   query AiAgentChoices {
     aiAgentChoices {
@@ -354,9 +341,6 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
          *  send 시 mutation input.userMentions 로 함께 전송. */
         this.pickedUserMentions = new Map();
         this.modeViewToken = 0;
-        /** 이 subject 에 설 수 있는 대화들 — 기본이 먼저. 하나뿐이면 고르개를 그리지 않는다. */
-        this.modeChoices = [];
-        this.modeChoicesToken = 0;
         /** The AI agents this domain lets a person pick (design/ai/agent-settings.md §5). One or none draws no picker. */
         this.agentChoices = [];
         this.agentChoicesToken = 0;
@@ -745,81 +729,6 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
         this.agentId = agentId;
         rememberAgent(this.contextPath, agentId);
     }
-    /**
-     * 이 화면에 설 수 있는 대화를 서버에 묻는다.
-     *
-     * 화면이 종류 목록을 손에 들고 있으면, 대화를 하나 더 세운 날 그 화면만 모른 채로 남는다. 목록은
-     * 앱 서버의 선언에서 나온다(ADR-0072 A17 ①).
-     */
-    async loadModeChoices() {
-        const subject = this.subject;
-        if (!subject) {
-            this.modeChoices = [];
-            return;
-        }
-        const token = ++this.modeChoicesToken;
-        try {
-            const result = await client.query({
-                query: ASSISTANT_MODES_QUERY,
-                variables: { subject },
-                fetchPolicy: 'cache-first'
-            });
-            if (token !== this.modeChoicesToken)
-                return;
-            this.modeChoices = result.data?.assistantModes ?? [];
-        }
-        catch {
-            /*
-             * 못 물어봤다고 화면을 막지 않는다 — host 가 준 대화는 그대로 산다. 고르개만 안 나온다.
-             * 여기서 오류 문구를 띄우면 고를 것이 하나뿐인 화면에서도 빨간 줄이 뜬다.
-             */
-            if (token !== this.modeChoicesToken)
-                return;
-            this.modeChoices = [];
-        }
-    }
-    /**
-     * 사람이 다른 대화를 골랐다.
-     *
-     * 고른 것은 **이 subject 종류에 대해** 기억한다 — 보드를 열 때마다 저작 대화로 돌아가면, 현장을
-     * 물으려던 사람은 화면을 열 때마다 같은 손질을 다시 해야 한다. 기억은 이 브라우저에만 남는다
-     * (서버에 칸을 만들지 않는다 — A17 ①). 세션 자체는 자기가 어느 대화였는지 이미 안다.
-     */
-    onModePick(kind) {
-        if (!this.mode || kind === this.mode.kind)
-            return;
-        try {
-            if (this.subject)
-                localStorage.setItem(`assistant-mode:${this.subject}`, kind);
-        }
-        catch {
-            /* 저장이 막힌 브라우저에서도 고르기 자체는 된다 — 다음에 다시 고르면 될 뿐이다. */
-        }
-        this.askHostForMode(kind);
-    }
-    /**
-     * **고르는 것은 청하는 일이다** — `mode` 를 여기서 바꾸지 않는다.
-     *
-     * host 는 렌더마다 `mode` 를 다시 내려 준다. 패널이 자기 손으로 고쳐 두면 다음 렌더가 그것을 덮고,
-     * 더 나쁜 것은 host 가 **자기가 무엇을 열었는지 모르는 채로 남는다**는 것이다. host 는 대화의 세션을
-     * 대상별로 들고 있으므로, 대화가 바뀐 것을 모르면 앞 대화의 세션을 그대로 넘긴다 — 그러면 새 말이 앞
-     * 대화에 붙는다(2026-09-18 Figure 레인이 :3300 에서 본 것이 이것이다).
-     *
-     * 그래서 주인은 하나다: host 가 `mode` 를 갖고, 패널은 「이것으로 바꿔 달라」고 말한다. 기억은 패널이
-     * 진다(브라우저마다 다른 값이라 host 가 질 것이 아니다) — 기억한 것을 되살릴 때도 같은 청으로 나간다.
-     */
-    askHostForMode(kind) {
-        this.dispatchEvent(new CustomEvent('assistant-mode-change', { detail: { kind, subject: this.subject }, bubbles: true, composed: true }));
-    }
-    /** 이 subject 에서 지난번에 고른 대화 — 없으면 undefined. */
-    rememberedMode(subject) {
-        try {
-            return localStorage.getItem(`assistant-mode:${subject}`) ?? undefined;
-        }
-        catch {
-            return undefined;
-        }
-    }
     async loadModeView() {
         const mode = this.mode;
         if (!mode?.kind) {
@@ -877,31 +786,8 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
       background: var(--md-sys-color-surface, #ffffff);
     }
 
-    /* ── C4 Roster (participants + presence) ───────────── */
-    /* 이 대화의 주어 — 같은 화면 위에 두 대화가 설 때만 나온다(ADR-0072 A17 ①).
-       지금 대화가 제목 굵기로 서고, 바꿀 자리가 그 옆에 붙는다. 세션 탭과 같은 무게로 그리지 않는다
-       (UX 레인, 2026-09-18) — 한쪽은 화제를 바꾸고 한쪽은 실타래를 바꾼다. */
-    .mode-subject {
-      display: flex;
-      align-items: baseline;
-      gap: 8px;
-      padding: 6px 12px;
-      border-bottom: 1px solid var(--md-sys-color-outline-variant, #e2e8f0);
-    }
-    .mode-now {
-      /* 고른 상태의 색은 세션 탭과 같은 계열이다 — 한 패널 안에서 「골랐다」가 두 색으로 나오면 읽는
-         사람은 두 색이 서로 다른 뜻인 줄 안다.
-
-         12px 이었다가 한 단 내렸다. 도크 제목(figure 의 .scope-title 이 12.5px / 650)과 0.5px ·
-         굵기 50 차이는 눈에 닿지 않아서, 거의 같은 제목 줄이 둘 포개졌다. 도크 제목은 그 도크 전체를
-         거느리고 이 줄은 그 안 대화 하나의 성질이다 — 11px 이면 이 패널의 다른 조작부와 같은 단이고,
-         「이것이 주어다」는 색이 계속 진다(UX 레인, 2026-09-18). */
-      color: var(--primary-color, #007f87);
-      font-size: 11px;
-      font-weight: 600;
-    }
-    .mode-switch,
-    .mode-select {
+    /* The agent sits at the end of the row above the box. */
+    .agent-select {
       appearance: none;
       background: transparent;
       border: 1px solid var(--md-sys-color-outline-variant, #cbd5e1);
@@ -912,24 +798,12 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
       font-size: 11px;
       padding: 2px 10px;
       white-space: nowrap;
-    }
-    /* The agent sits at the end of the row above the box. */
-    .agent-select {
       margin-left: auto;
       max-width: 50%;
       text-overflow: ellipsis;
     }
-    .mode-switch:hover:not([disabled]) {
-      background: color-mix(in srgb, var(--primary-color, #007f87) 7%, transparent);
-      color: var(--primary-color, #007f87);
-    }
-    /* 답하는 동안에도 「내가 지금 무엇에 대해 말하고 있나」는 또렷해야 한다 — 흐려지는 것은 바꿀
-       자리뿐이다. 지금 대화까지 흐리면 그 한 줄이 가장 안 보인다. */
-    .mode-subject [disabled] {
-      cursor: default;
-      opacity: 0.5;
-    }
 
+    /* ── C4 Roster (participants + presence) ───────────── */
     .roster {
       display: flex;
       align-items: center;
@@ -2623,22 +2497,14 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
             this._startMessageSubscription();
         }
     }
-    /**
-     * 화면이 보여 주는 것의 종류가 바뀌었다 — 설 수 있는 대화를 다시 묻고, 지난번 고른 것을 되살린다.
-     *
-     * 되살리는 것은 **고른 대화**이지 세션이 아니다. 세션은 자기가 어느 대화였는지 이미 알고, 다른
-     * 대화로 가면 그때 새로 난다(ADR-0072 A17 ①).
-     */
-    async onSubjectChanged() {
+    /** 화면이 보여 주는 것의 종류가 바뀌었다 — 사업장의 AI 에이전트 목록을 다시 읽는다. */
+    onSubjectChanged() {
         void this.loadAgentChoices();
-        await this.loadModeChoices();
-        if (this.modeChoices.length < 2 || !this.subject || !this.mode)
-            return;
-        const kind = pickInitialMode(this.mode.kind, this.modeChoices, this.rememberedMode(this.subject));
-        if (kind && kind !== this.mode.kind)
-            this.askHostForMode(kind);
     }
     updated(changed) {
+        /* Another conversation has no answer of this one to follow. */
+        if (changed.has('sessionId') && changed.get('sessionId') !== undefined)
+            this.nextRequest = undefined;
         if (changed.has('input') || changed.has('composerWide') || changed.has('previewAttachmentId') || changed.has('attachments'))
             this.fitComposer();
         /*
@@ -2873,7 +2739,6 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
       ${this.toastMessage
             ? html `<div class="toast show">${this.toastMessage}</div>`
             : nothing}
-      ${this.renderModeSubject()}
       ${this.renderSessionTabs()}
       ${this.renderRoster()}
       <div class="messages ${this.composerWide || this.previewedTable ? 'covered' : ''}" @click=${this.onBubbleClick}>
@@ -3413,7 +3278,12 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
     }
     /** The request a Tab writes into the empty box - `composerSuggestion` decides it. */
     get suggestion() {
-        return composerSuggestion({ started: this.lines.length > 0, modeExamples: this.modeView?.examples, hostExamples: this.examples });
+        return composerSuggestion({
+            started: this.lines.length > 0,
+            modeExamples: this.modeView?.examples,
+            hostExamples: this.examples,
+            answered: this.nextRequest
+        });
     }
     /** input 이벤트 — value 즉시 반영 + popup 갱신은 150ms 디바운스 (F-Finder 와 동일).
      *  big board 에서 매 keystroke filter 비용 절감 + 한국어 IME 조합 중 깜빡임 완화. */
@@ -3691,33 +3561,6 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
     ]; }
     /** 보드의 세션 탭 — 다중 세션 활성화 시 패널 상단. host 가 sessions 비워두면 표시 X.
      *  레이블은 session.name 우선, 없으면 fallback "세션 N". */
-    /**
-     * 이 대화의 **주어** — 같은 화면 위에 두 대화가 설 때만 나온다(ADR-0072 A17 ①).
-     *
-     * 하나뿐이면 아무것도 그리지 않는다. 고를 것이 없는 고르개는 자리만 차지하고, 사람에게 「무언가
-     * 고를 것이 있다」는 잘못된 신호를 준다.
-     *
-     * ── 왜 탭 줄이 아닌가 (UX 레인, 2026-09-18) ───────────────────────────────
-     * 처음에는 칩 줄에 `role="tablist"` 를 달았다. 바로 아래가 세션 탭이고 그쪽도 tablist 라서, 화면
-     * 낭독기로 들으면 「탭 목록, 대화」 다음에 「탭 목록, Conversation history」 가 이어졌다 — 고르는
-     * 축이 둘인데 둘 다 「탭」이라고 말한다. 게다가 ARIA 탭은 좌우 화살표 이동과 `tabpanel` 이 함께
-     * 있어야 성립하고, 둘 다 없으면 낭독기는 「2 중 1번째 탭」이라 말하고 화살표는 아무 일도 안 한다.
-     *
-     * 무게도 다르다. 세션은 「어느 지난 대화냐」이고 모드는 「이 대화가 무엇에 대한 것이냐」이다. 같은
-     * 무게로 그리면 어느 쪽이 화제를 바꾸고 어느 쪽이 실타래를 바꾸는지 구별되지 않는다. 그래서 지금
-     * 대화가 제목 굵기로 서고, 바꿀 자리는 그 옆에 붙는다.
-     *
-     * ── 왜 도크 제목 줄로 안 올리나 (UX 레인 판정, 2026-09-18) ────────────────
-     * 도크 제목은 「지금 어디에 있나」(이 도형 · 이 현장 · 이 스테이션 화면)이고 이 줄은 「이 대화가
-     * 무엇에 대한 것이냐」이다. 대화의 주어는 대화 안에 있다. 그리고 세 도크가 각자 그리면 세 벌이 되고
-     * 그 세 벌은 갈린다 — `modeChoices` 를 아는 것도 여기다. 올리면 목록과 고른 것이 세 자리로 나갔다
-     * 돌아온다.
-     */
-    renderModeSubject() {
-        if (this.modeChoices.length < 2)
-            return nothing;
-        return html `<div class="mode-subject">${this.renderModePicker()}</div>`;
-    }
     /**
      * Which AI answers the next turn - at the end of the row above the box, where the words about writing stand. A row of
      * its own spent a line of the dock on one control. It is a property of the turn, not of the conversation: switching
@@ -3729,7 +3572,7 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
         const current = this.agentChoices.find(one => one.id === this.agentId);
         return html `
       <select
-        class="mode-select agent-select"
+        class="agent-select"
         aria-label=${i18next.t('ai-assistant.label.ai-agent', { defaultValue: 'AI agent' })}
         title=${current ? agentDetail(current) : ''}
         ?disabled=${this.busy}
@@ -3738,33 +3581,6 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
       </select>
     `;
     }
-    renderModePicker() {
-        const current = this.modeChoices.find(choice => choice.kind === this.mode?.kind);
-        const others = this.modeChoices.filter(choice => choice.kind !== this.mode?.kind);
-        return html `
-        <span class="mode-now">${current?.label ?? this.mode?.kind ?? ''}</span>
-        ${others.length === 1
-            ? html `
-              <button
-                class="mode-switch"
-                title=${i18next.t('ai-assistant.text.switch-conversation', { name: others[0].label })}
-                aria-label=${i18next.t('ai-assistant.text.switch-conversation', { name: others[0].label })}
-                ?disabled=${this.busy}
-                @click=${() => this.onModePick(others[0].kind)}>
-                ${others[0].label}
-              </button>
-            `
-            : html `
-              <select
-                class="mode-select"
-                aria-label=${i18next.t('ai-assistant.label.conversation')}
-                ?disabled=${this.busy}
-                @change=${(event) => this.onModePick(event.target.value)}>
-                ${this.modeChoices.map(choice => html `<option value=${choice.kind} ?selected=${choice.kind === this.mode?.kind}>${choice.label}</option>`)}
-              </select>
-            `}
-    `;
-    }
     renderSessionTabs() {
         if (!this.sessions || this.sessions.length === 0)
             return nothing;
@@ -4572,6 +4388,7 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
         const attachmentsToSend = [...this.attachments];
         if ((!text && attachmentsToSend.length === 0) || this.busy)
             return;
+        this.nextRequest = undefined;
         this.attachments = [];
         /* What was written wide is sent to be answered - the conversation comes back to show it. */
         this.composerWide = false;
@@ -4752,6 +4569,8 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
                 throw new Error(i18next.t('ai-assistant.text.empty-response'));
             /* 대화가 길어졌다는 서버 보고 — 닫지 않았다면 안내를 띄운다. */
             this.historyFolded = out.historyFolded ?? undefined;
+            /* The answer's next request - the input shows it and Tab writes it in (design/ai/screen-pattern.md §4-1). */
+            this.nextRequest = typeof out.suggestion === 'string' && out.suggestion.trim() ? out.suggestion.trim() : undefined;
             // 전송 성공 — picks 정리 (다음 메시지부터는 새 picks 만)
             this.pickedMentions.clear();
             this.pickedUserMentions.clear();
@@ -5043,10 +4862,6 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], OxAssistantChat.prototype, "modeView", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], OxAssistantChat.prototype, "modeChoices", void 0);
 __decorate([
     state(),
     __metadata("design:type", Array)
@@ -5055,6 +4870,10 @@ __decorate([
     state(),
     __metadata("design:type", String)
 ], OxAssistantChat.prototype, "agentId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], OxAssistantChat.prototype, "nextRequest", void 0);
 OxAssistantChat = OxAssistantChat_1 = __decorate([
     customElement('ox-assistant-chat')
 ], OxAssistantChat);