@things-factory/ai-assistant 10.1.154 → 10.1.156

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

@@ -31,10 +31,12 @@ import gql from 'graphql-tag';
 import { renderMarkdown, injectMentionRefids, injectMentionUserIds, stripMentionRefids } from './markdown.js';
 import { acceptOf, chatAttachmentUrl, refuseAttachments, textCharsOf } from '../utils/attachment-policy.js';
 import { pastedTableFile } from '../utils/pasted-table.js';
-import { appendWords, composerHeight, composerKeyAction, sendShortcut, tableAsWords } from '../utils/composer-frame.js';
+import { appendWords, composerHeight, composerKeyAction, composerSuggestion, sendShortcut, tableAsWords } from '../utils/composer-frame.js';
 import { readSpreadsheet, spreadsheetKindOf } from '../utils/spreadsheet-text.js';
 import { entryReviewAddress, offersWorkspaceReview } from '../utils/entry-workspace.js';
 import { buildAssistantChatInput, buildChatMutationInput } from './chat-input-builder.js';
+import { agentDetail, offersAgentPicker, pickAgentId, rememberAgent, rememberedAgent } from '../utils/agent-choice.js';
+import { store } from '@operato/shell';
 import { receiveRemoteMessage, reconcileSentLine, remoteMessageToLine } from './chat-echo-dedup.js';
 import './mention-popup.js';
 import { buildMentionCandidates, buildCatalogCandidates, buildSlashCandidates, buildUserCandidates, extractMentionContext, filterMentionCandidates, applyMentionSelection, resolveMentionToken } from './mention-popup.js';
@@ -52,7 +54,6 @@ import { buildMentionCandidates, buildCatalogCandidates, buildSlashCandidates, b
 import { chatDefaults } from './chat-defaults.js';
 import { isDifferentConversation, resolveConversation, pickInitialMode } from './assistant-mode.js';
 import { parseProposalOutcomeLine, parseProposalRequestLine, proposalCardState } from './proposal-outcome-line.js';
-import { availableTriggers } from './chat-triggers.js';
 import './entry-review.js';
 import { entryGroupOf, entryReadyCount, entryTitle, isChangeProposal, isEntryProposal, latestEntryKeys } from '../utils/entry-proposal.js';
 import { isWorkspaceProposal, versionOfCard, workspaceAddress } from '../utils/workspace.js';
@@ -139,6 +140,17 @@ const ASSISTANT_MODES_QUERY = gql `
     }
   }
 `;
+const AI_AGENT_CHOICES_QUERY = gql `
+  query AiAgentChoices {
+    aiAgentChoices {
+      id
+      name
+      provider
+      model
+      isDefault
+    }
+  }
+`;
 const ASSISTANT_MODE_QUERY = gql `
   query AssistantMode($kind: String!) {
     assistantMode(kind: $kind) {
@@ -345,6 +357,9 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
         /** 이 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;
         /*
          * The `@` and `/` candidates, built once per mode.
          *
@@ -660,6 +675,22 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
     get navigationState() {
         return { busy: this.busy, draft: !!this.input.trim() || this.attachments.length > 0 };
     }
+    /**
+     * What is being written, handed to the host when the page moves to another subject - it belongs to the conversation
+     * it was written in, and comes back with `restoreDraft` when the person returns. The box is left empty.
+     */
+    takeDraft() {
+        if (!this.input.trim() && !this.attachments.length)
+            return undefined;
+        const draft = { text: this.input, attachments: this.attachments };
+        this.input = '';
+        this.attachments = [];
+        return draft;
+    }
+    restoreDraft(draft) {
+        this.input = draft.text;
+        this.attachments = draft.attachments;
+    }
     /** 현재 로그인 사용자 email — 그룹챗에서 내 메시지 vs 타인 메시지 구분.
      *  email 을 쓰는 이유: /auth/profile 이 항상 내려주는 로그인 식별자이고(비어 있지 않다),
      *  내부 관리키(User.id)를 클라이언트 판정에 의존하지 않기 위함. */
@@ -685,6 +716,35 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
             stagedNotice: chatDefaults.stagedNoticeKey ? i18next.t(chatDefaults.stagedNoticeKey) : undefined
         }, chatDefaults, this.modeView);
     }
+    get contextPath() {
+        return store.getState()?.app?.contextPath;
+    }
+    /**
+     * Asks which agents this domain offers. The list changes when someone edits the domain's agents, so it is read
+     * again whenever the conversation's subject is - never cached for the life of the page.
+     */
+    async loadAgentChoices() {
+        const token = ++this.agentChoicesToken;
+        try {
+            const result = await client.query({ query: AI_AGENT_CHOICES_QUERY, fetchPolicy: 'network-only' });
+            if (token !== this.agentChoicesToken)
+                return;
+            this.agentChoices = result.data?.aiAgentChoices ?? [];
+        }
+        catch {
+            /* Not knowing the list leaves the domain default to answer - the picker just does not appear. */
+            if (token !== this.agentChoicesToken)
+                return;
+            this.agentChoices = [];
+        }
+        this.agentId = pickAgentId(this.agentChoices, rememberedAgent(this.contextPath));
+    }
+    onAgentPick(agentId) {
+        if (!this.agentChoices.some(one => one.id === agentId))
+            return;
+        this.agentId = agentId;
+        rememberAgent(this.contextPath, agentId);
+    }
     /**
      * 이 화면에 설 수 있는 대화를 서버에 묻는다.
      *
@@ -853,6 +913,12 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
       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);
@@ -1089,77 +1155,6 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
       line-height: 1.6;
       text-align: center;
     }
-    .empty .footer .badge {
-      display: inline-block;
-      margin: 0 4px;
-      padding: 1px 7px;
-      background: var(--md-sys-color-surface-container, #f8fafc);
-      border-radius: 8px;
-      font-size: 9.5px;
-      color: var(--md-sys-color-on-surface-variant, #64748b);
-    }
-    /* ── Trigger chip row (empty state) ──────────────── */
-    .empty .trigger-row {
-      margin: 12px 0 4px;
-      padding: 10px 12px;
-      background: var(--md-sys-color-surface-container-low, #f8fafc);
-      border: 1px solid var(--md-sys-color-outline-variant, #eef2f6);
-      border-radius: 10px;
-    }
-    .empty .trigger-row-label {
-      font-size: 10px;
-      color: var(--md-sys-color-on-surface-variant, #64748b);
-      margin-bottom: 6px;
-      text-align: center;
-      letter-spacing: 0.02em;
-    }
-    .empty .trigger-chips {
-      display: flex;
-      gap: 6px;
-      justify-content: center;
-      flex-wrap: wrap;
-    }
-    .empty .trigger-chip {
-      display: inline-flex;
-      align-items: center;
-      gap: 5px;
-      padding: 5px 10px;
-      background: var(--md-sys-color-surface, #ffffff);
-      border: 1px solid var(--md-sys-color-outline-variant, #e2e8f0);
-      border-radius: 18px;
-      cursor: pointer;
-      font-size: 11.5px;
-      color: var(--md-sys-color-on-surface, #0f172a);
-      transition:
-        border-color 0.15s,
-        background 0.15s,
-        color 0.15s;
-    }
-    .empty .trigger-chip:hover {
-      border-color: var(--md-sys-color-primary, #2563eb);
-      background: var(--md-sys-color-primary-container, #dbeafe);
-      color: var(--md-sys-color-on-primary-container, #1e3a8a);
-    }
-    .empty .trigger-chip .trigger-char {
-      font-family:
-        'SF Mono',
-        Menlo,
-        Monaco,
-        Consolas,
-        monospace;
-      font-size: 13px;
-      font-weight: 600;
-      color: var(--md-sys-color-primary, #2563eb);
-      min-width: 12px;
-      text-align: center;
-    }
-    .empty .trigger-chip:hover .trigger-char {
-      color: var(--md-sys-color-on-primary-container, #1e3a8a);
-    }
-    .empty .trigger-chip .trigger-desc {
-      font-weight: 500;
-    }
-
     /* ── Message label (sender hint) ──────────────────── */
     .msg-label {
       font-size: 9.5px;
@@ -2077,9 +2072,6 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
     .composer.wide textarea {
       min-height: 0;
     }
-    .composer-size {
-      margin-left: auto;
-    }
     /* Named above the send button, out of the row - it takes no width from the box. */
     .composer.wide .input-row {
       position: relative;
@@ -2087,7 +2079,7 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
     .send-shortcut {
       position: absolute;
       right: 14px;
-      bottom: 48px;
+      bottom: 68px;
       font-size: 10px;
       color: var(--md-sys-color-outline, #64748b);
       white-space: nowrap;
@@ -2366,6 +2358,34 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
       opacity: 0.7;
     }
 
+    /* Low-key words in the row above the box - examples, write wide. Text, no frame (page-standard.md §8 quiet). */
+    .quiet {
+      all: unset;
+      cursor: pointer;
+      font-size: 11px;
+      line-height: 20px;
+      color: var(--md-sys-color-on-surface-variant, #475569);
+    }
+    .quiet:hover,
+    .quiet[aria-expanded='true'],
+    .quiet[aria-pressed='true'] {
+      color: var(--md-sys-color-primary, #0f172a);
+      text-decoration: underline;
+      text-underline-offset: 2px;
+    }
+    /* The words in the row read as separate controls only with a mark between them. */
+    .quiet-sep {
+      font-size: 11px;
+      line-height: 20px;
+      color: var(--md-sys-color-outline, #94a3b8);
+      user-select: none;
+    }
+    .quiet:focus-visible {
+      outline: 2px solid var(--md-sys-color-primary, #0f172a);
+      outline-offset: 2px;
+      border-radius: 2px;
+    }
+
     /* ── Inline examples (action row 의 "예시" 토글 시) ──── */
     .inline-examples {
       padding: 4px 16px 0;
@@ -2413,11 +2433,32 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
     .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; }
+    /* Said only when a message goes to people - the AI is who a message goes to otherwise, and that needs no label. */
     .send-destination {
-      font-size: 11px;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      margin: 2px 14px 0;
+      font-size: 11.5px;
       color: var(--md-sys-color-on-surface-variant, #475569);
-      align-self: center;
-      max-width: 64px;
+    }
+    .send-destination md-icon {
+      --md-icon-size: 15px;
+    }
+    /* A notice that must not move the conversation: it floats over the bottom of the messages. */
+    .toast {
+      position: absolute;
+      left: 50%;
+      bottom: 120px;
+      transform: translateX(-50%);
+      z-index: 5;
+      padding: 4px 12px;
+      border-radius: 999px;
+      background: var(--md-sys-color-inverse-surface, #1e293b);
+      color: var(--md-sys-color-inverse-on-surface, #f8fafc);
+      font-size: 11.5px;
+      white-space: nowrap;
+      pointer-events: none;
     }
     .input-row {
       display: flex;
@@ -2494,42 +2535,57 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
       --md-icon-size: 15px;
     }
 
-    /* One send control, aligned with the resting input height. */
-    .input-row > button {
-      width: 54px;
-      height: 54px;
+    /*
+     * Send and attach, two flat buttons stacked beside the box - together they are the box's resting height (54), so
+     * the row's top and bottom lines meet. Without attachments the send button stands alone at the bottom.
+     */
+    .send-stack {
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-end;
+      gap: 4px;
+      flex-shrink: 0;
+      align-self: flex-end;
+    }
+    .send-stack > button {
+      width: 40px;
+      height: 25px;
       padding: 0;
-      background: var(--md-sys-color-primary, #1e293b);
-      color: var(--md-sys-color-on-primary, #ffffff);
-      border: 0;
-      border-radius: 12px;
+      border-radius: 6px;
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
       transition:
         background 0.15s,
-        transform 0.1s,
         opacity 0.15s;
-      flex-shrink: 0;
-      align-self: flex-end;
-      margin-bottom: 0;
     }
-    .input-row > button:disabled {
+    .send-stack > .send {
+      background: var(--md-sys-color-primary, #1e293b);
+      color: var(--md-sys-color-on-primary, #ffffff);
+      border: 0;
+    }
+    .send-stack > .attach {
+      background: transparent;
+      color: var(--md-sys-color-on-surface-variant, #475569);
+      border: 1px solid var(--md-sys-color-outline-variant, #e2e8f0);
+    }
+    .send-stack > .send:disabled {
       background: var(--md-sys-color-surface-container-highest, #e2e8f0);
       color: var(--md-sys-color-outline, #94a3b8);
       cursor: not-allowed;
     }
-    .input-row > button:hover:not(:disabled) {
+    .send-stack > .send:hover:not(:disabled) {
       opacity: 0.88;
     }
-    .input-row > button:active:not(:disabled) {
-      transform: scale(0.94);
+    .send-stack > .attach:hover {
+      background: var(--md-sys-color-surface-container, #f8fafc);
+      color: var(--md-sys-color-on-surface, #0f172a);
     }
-    .input-row > button md-icon {
-      --md-icon-size: 18px;
+    .send-stack md-icon {
+      --md-icon-size: 16px;
     }
-    .input-row > button .spinner {
+    .send-stack .spinner {
       width: 12px;
       height: 12px;
       border: 1.8px solid currentColor;
@@ -2554,6 +2610,9 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
             this.loadModeView();
         if (this.subject)
             this.onSubjectChanged();
+        /* The domain's agents are read on every mount - a dock put back after closing sees an agent added meanwhile. */
+        else
+            void this.loadAgentChoices();
         /*
          * Put back after the dock was closed: what is being written stays, the conversation is read again and its
          * broadcast and presence start again - they were stopped when it was taken out.
@@ -2571,6 +2630,7 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
      * 대화로 가면 그때 새로 난다(ADR-0072 A17 ①).
      */
     async onSubjectChanged() {
+        void this.loadAgentChoices();
         await this.loadModeChoices();
         if (this.modeChoices.length < 2 || !this.subject || !this.mode)
             return;
@@ -2968,40 +3028,31 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
             }
         }}
           />
-          ${this.acceptsAttachments
-            ? html `<button
-                type="button"
-                class="action"
-                @click=${() => this.renderRoot.querySelector('#chat-file-input')?.click()}
-                title=${i18next.t('ai-assistant.tooltip.attach-file', { defaultValue: 'attach an image (drag & drop or paste supported)' })}>
-                <md-icon>attach_file</md-icon>
-                ${i18next.t('ai-assistant.button.attach', { defaultValue: 'Attach' })}
-              </button>`
-            : nothing}
           ${hasMessages
             ? html `
                 <button
                   type="button"
-                  class="action"
+                  class="quiet"
+                  aria-expanded=${this.examplesOpen ? 'true' : 'false'}
                   @click=${() => (this.examplesOpen = !this.examplesOpen)}
                   title=${i18next.t('ai-assistant.text.show-examples-tooltip')}>
-                  <md-icon>${this.examplesOpen ? 'close' : 'lightbulb'}</md-icon>
                   ${this.examplesOpen
                 ? i18next.t('ai-assistant.button.close')
                 : i18next.t('ai-assistant.button.examples')}
                 </button>
               `
             : nothing}
+          ${hasMessages ? html `<span class="quiet-sep" aria-hidden="true">·</span>` : nothing}
           <button
             type="button"
-            class="action composer-size"
+            class="quiet composer-size"
             aria-pressed=${this.composerWide ? 'true' : 'false'}
             @click=${() => this.setComposerWide(!this.composerWide)}>
-            <md-icon>${this.composerWide ? 'close_fullscreen' : 'open_in_full'}</md-icon>
             ${this.composerWide
             ? i18next.t('ai-assistant.button.write-narrow', { defaultValue: 'Narrow' })
             : i18next.t('ai-assistant.button.write-wide', { defaultValue: 'Write wide' })}
           </button>
+          ${this.renderAgentPicker()}
         </div>
         ${this.renderTablePreview()}
         ${this.examplesOpen ? this.renderInlineExamples() : nothing}
@@ -3048,6 +3099,13 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
             @click=${() => this.cancelReply()}><md-icon>close</md-icon></button>
         </div>` : nothing}
         ${this.renderInviteNotice()}
+        ${this.addressesPeople
+            ? html `<div class="send-destination" aria-live="polite">
+              <md-icon>group</md-icon>${i18next.t('ai-assistant.text.send-to-people-notice', {
+                defaultValue: 'This goes to the people in this conversation. The AI does not answer it.'
+            })}
+            </div>`
+            : nothing}
         <div class="input-row">
           <div class="textarea-wrap">
             <textarea
@@ -3061,9 +3119,7 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
         }}
               ?disabled=${this.busy}
               rows="1"
-              placeholder=${this.conversation.placeholder ??
-            this.placeholder ??
-            i18next.t('ai-assistant.text.input-placeholder')}></textarea>
+              placeholder=${this.suggestion ?? this.conversation.placeholder ?? this.placeholder ?? i18next.t('ai-assistant.text.input-placeholder')}></textarea>
             ${this.mentionOpen
             ? html `
                   <ox-mention-popup
@@ -3083,12 +3139,12 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
                 `
             : nothing}
           </div>
-          <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}
+          <div class="send-stack">
           <button
+            class="send"
             ?disabled=${this.busy || !!this.sendBlocked || (!this.input.trim() && this.attachments.length === 0)}
             @click=${() => this.submitMessage()}
             aria-label=${i18next.t(this.addressesPeople ? 'ai-assistant.text.send-to-people' : 'ai-assistant.text.send-to-ai')}
@@ -3100,6 +3156,17 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
             ? html `<span class="spinner"></span>`
             : html `<md-icon>arrow_upward</md-icon>`}
           </button>
+          ${this.acceptsAttachments
+            ? html `<button
+                type="button"
+                class="attach"
+                aria-label=${i18next.t('ai-assistant.button.attach', { defaultValue: 'Attach' })}
+                title=${i18next.t('ai-assistant.tooltip.attach-file', { defaultValue: 'attach an image (drag & drop or paste supported)' })}
+                @click=${() => this.renderRoot.querySelector('#chat-file-input')?.click()}>
+                <md-icon>attach_file</md-icon>
+              </button>`
+            : nothing}
+          </div>
         </div>
       </div>
     `;
@@ -3325,8 +3392,14 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
                 return;
             }
         }
-        const action = composerKeyAction(e, this.composerWide);
-        if (action === 'narrow') {
+        const action = composerKeyAction(e, this.composerWide, { empty: !this.input, suggestion: this.suggestion });
+        if (action === 'take-suggestion') {
+            e.preventDefault();
+            this.input = this.suggestion;
+            const ta = e.target;
+            this.updateComplete.then(() => ta.setSelectionRange(ta.value.length, ta.value.length));
+        }
+        else if (action === 'narrow') {
             /* The Escape that narrows the box is spent here - the floating dock closes on the next one. */
             e.preventDefault();
             e.stopPropagation();
@@ -3338,6 +3411,10 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
                 void this.submitMessage();
         }
     }
+    /** 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 });
+    }
     /** input 이벤트 — value 즉시 반영 + popup 갱신은 150ms 디바운스 (F-Finder 와 동일).
      *  big board 에서 매 keystroke filter 비용 절감 + 한국어 IME 조합 중 깜빡임 완화. */
     onTextareaInput(e) {
@@ -3589,14 +3666,6 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
             items: group.itemKeys.map(key => i18next.t(key))
         }));
     }
-    /** 이 표면이 실제로 쓸 수 있는 트리거 — 판정은 `chat-triggers.ts` 가 하고 여기서는 사실만 읽는다. */
-    get triggerChips() {
-        return availableTriggers({
-            hasMentionableThings: !!(this.boardProvider || this.currentBoard || this.knownTypes?.length),
-            hasSession: !!this.sessionId,
-            slashTemplateCount: this.conversation.slashTemplates.length
-        });
-    }
     static { this.EXAMPLE_GROUPS = [
         {
             labelKey: 'ai-assistant.label.create',
@@ -3647,10 +3716,32 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
     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
+     * keeps the conversation and only the next answer comes from the other agent. Drawn only when there is a choice.
+     */
+    renderAgentPicker() {
+        if (!offersAgentPicker(this.agentChoices))
+            return nothing;
+        const current = this.agentChoices.find(one => one.id === this.agentId);
+        return html `
+      <select
+        class="mode-select agent-select"
+        aria-label=${i18next.t('ai-assistant.label.ai-agent', { defaultValue: 'AI agent' })}
+        title=${current ? agentDetail(current) : ''}
+        ?disabled=${this.busy}
+        @change=${(event) => this.onAgentPick(event.target.value)}>
+        ${this.agentChoices.map(one => html `<option value=${one.id} ?selected=${one.id === this.agentId}>${one.name}</option>`)}
+      </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 `
-      <div class="mode-subject">
         <span class="mode-now">${current?.label ?? this.mode?.kind ?? ''}</span>
         ${others.length === 1
             ? html `
@@ -3672,7 +3763,6 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
                 ${this.modeChoices.map(choice => html `<option value=${choice.kind} ?selected=${choice.kind === this.mode?.kind}>${choice.label}</option>`)}
               </select>
             `}
-      </div>
     `;
     }
     renderSessionTabs() {
@@ -3731,25 +3821,6 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
           </div>
         </div>
 
-        ${this.triggerChips.length > 0
-            ? html `
-              <div class="trigger-row">
-                <div class="trigger-row-label">${i18next.t('ai-assistant.text.triggers-heading')}</div>
-                <div class="trigger-chips">
-                  ${this.triggerChips.map(trigger => html `
-                      <button
-                        class="trigger-chip"
-                        title=${i18next.t(trigger.tooltipKey)}
-                        @click=${() => this.insertTrigger(trigger.char)}>
-                        <span class="trigger-char">${trigger.char}</span>
-                        <span class="trigger-desc">${i18next.t(trigger.labelKey)}</span>
-                      </button>
-                    `)}
-                </div>
-              </div>
-            `
-            : ''}
-
         ${this.exampleGroups.map(group => html `
             <div class="group">
               <div class="group-label">${group.label}</div>
@@ -3761,32 +3832,10 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
             </div>
           `)}
 
-        <div class="footer">
-          <span class="badge">${i18next.t('ai-assistant.label.korean-supported')}</span>
-          <span class="badge">${i18next.t('ai-assistant.label.multi-command')}</span>
-          <span class="badge">${i18next.t('ai-assistant.label.review-able')}</span>
-          ${this.conversation.footerNotice
-            ? html `<br />${this.conversation.footerNotice}`
-            : ''}
-        </div>
+        ${this.conversation.footerNotice ? html `<div class="footer">${this.conversation.footerNotice}</div>` : ''}
       </div>
     `;
     }
-    /** trigger chip 클릭 — textarea 에 trigger 문자 삽입 + focus + popup 자동 활성. */
-    insertTrigger(trigger) {
-        // 입력 끝에 공백이 없으면 공백 추가 후 trigger — 자연스러운 위치
-        const needsSpace = this.input.length > 0 && !/\s$/.test(this.input);
-        this.input = this.input + (needsSpace ? ' ' : '') + trigger;
-        requestAnimationFrame(() => {
-            const ta = this.renderRoot.querySelector('textarea');
-            if (!ta)
-                return;
-            ta.focus();
-            ta.setSelectionRange(ta.value.length, ta.value.length);
-            // popup refresh — onTextareaInput 이 디바운스 후 호출되지만 직접 호출로 즉각 반영
-            this.refreshMentionPopup(ta);
-        });
-    }
     /** 예시 클릭 — 입력창에 채우고 포커스 (사용자가 수정 후 전송 가능) */
     useExample(text) {
         this.input = text;
@@ -4446,8 +4495,8 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
         try {
             // 클립보드에는 marker 제거된 깨끗한 텍스트
             await navigator.clipboard.writeText(stripMentionRefids(content));
+            /* The button turns into a check where it was pressed - that is the whole answer. */
             this.copiedIdx = idx;
-            this.showToast(i18next.t('ai-assistant.text.copied'));
             setTimeout(() => {
                 if (this.copiedIdx === idx)
                     this.copiedIdx = undefined;
@@ -4665,7 +4714,8 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
                             mode: { kind: this.conversation.kind, target: this.conversation.target },
                             truncateAfterMessageId: this._truncateAfterId,
                             hostContext: requestContext.hostContext,
-                            attachmentIds
+                            attachmentIds,
+                            agentId: this.agentId
                         })
                         : buildChatMutationInput({
                             sessionId: this.sessionId,
@@ -4684,7 +4734,8 @@ let OxAssistantChat = class OxAssistantChat extends LitElement {
                             selectedRefids: this.selectedRefids ?? [],
                             mentions,
                             /* With a declared mode the server owns persona and tools; the board door still carries the board. */
-                            mode: this.conversation.kind ? { kind: this.conversation.kind, target: this.conversation.target } : undefined
+                            mode: this.conversation.kind ? { kind: this.conversation.kind, target: this.conversation.target } : undefined,
+                            agentId: this.agentId
                         })
                 }
             });
@@ -4996,6 +5047,14 @@ __decorate([
     state(),
     __metadata("design:type", Array)
 ], OxAssistantChat.prototype, "modeChoices", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], OxAssistantChat.prototype, "agentChoices", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], OxAssistantChat.prototype, "agentId", void 0);
 OxAssistantChat = OxAssistantChat_1 = __decorate([
     customElement('ox-assistant-chat')
 ], OxAssistantChat);