@things-factory/ai-assistant 10.1.154 → 10.1.155

package/client/bootstrap.ts

@@ -0,0 +1,27 @@
+import { html } from 'lit'
+import { store } from '@operato/shell'
+import { auth, hasPrivilege } from '@things-factory/auth-base/dist-client/index.js'
+import { ADD_SETTING } from '@things-factory/setting-base/dist-client/index.js'
+
+import './settings/ai-agent-setting-let.js'
+import './settings/ai-usage-setting-let.js'
+
+/**
+ * Every application that carries the AI assistant gets its domain's AI agents and AI usage in Settings ›
+ * {domain} settings (design/ai/agent-settings.md §7). They are the domain's, not the person's, so they go on the
+ * tenant tab - and only for someone who may change the domain's settings, as the doors behind them require.
+ */
+export default function bootstrap() {
+  auth.on('profile', async () => {
+    if (!(await hasPrivilege({ privilege: 'mutation', category: 'setting', domainOwnerGranted: true }))) return
+
+    store.dispatch({
+      type: ADD_SETTING,
+      setting: { seq: 60, scope: 'tenant', template: html`<ai-agent-setting-let></ai-agent-setting-let>` }
+    })
+    store.dispatch({
+      type: ADD_SETTING,
+      setting: { seq: 61, scope: 'tenant', template: html`<ai-usage-setting-let></ai-usage-setting-let>` }
+    })
+  })
+}

package/client/components/assistant-chat.ts

@@ -36,10 +36,12 @@ import {
 } 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, type SpreadsheetRefusal } 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, type AgentChoice } from '../utils/agent-choice.js'
+import { store } from '@operato/shell'
 import { receiveRemoteMessage, reconcileSentLine, remoteMessageToLine } from './chat-echo-dedup.js'
 import './mention-popup.js'
 import {
@@ -68,7 +70,6 @@ import {
 import { chatDefaults } from './chat-defaults.js'
 import { isDifferentConversation, resolveConversation, type AssistantMode, type AssistantModeView, pickInitialMode } from './assistant-mode.js'
 import { parseProposalOutcomeLine, parseProposalRequestLine, proposalCardState, type ParsedProposalOutcome } from './proposal-outcome-line.js'
-import { availableTriggers, type TriggerChip } 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'
@@ -235,6 +236,18 @@ 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) {
@@ -916,6 +929,23 @@ export class OxAssistantChat extends LitElement {
     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(): { text: string; attachments: ChatAttachment[] } | undefined {
+    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: { text: string; attachments: ChatAttachment[] }) {
+    this.input = draft.text
+    this.attachments = draft.attachments
+  }
+
   @state()
   private errorMessage?: string
 
@@ -1028,6 +1058,40 @@ export class OxAssistantChat extends LitElement {
 
   private modeChoicesToken = 0
 
+  /** The AI agents this domain lets a person pick (design/ai/agent-settings.md §5). One or none draws no picker. */
+  @state() private agentChoices: AgentChoice[] = []
+  @state() private agentId?: string
+
+  private agentChoicesToken = 0
+
+  private get contextPath(): string | undefined {
+    return (store.getState() as any)?.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.
+   */
+  private 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))
+  }
+
+  private onAgentPick(agentId: string) {
+    if (!this.agentChoices.some(one => one.id === agentId)) return
+    this.agentId = agentId
+    rememberAgent(this.contextPath, agentId)
+  }
+
   /**
    * 이 화면에 설 수 있는 대화를 서버에 묻는다.
    *
@@ -1211,6 +1275,12 @@ export 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);
@@ -1447,77 +1517,6 @@ export 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;
@@ -2435,9 +2434,6 @@ export 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;
@@ -2445,7 +2441,7 @@ export 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;
@@ -2724,6 +2720,34 @@ export 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;
@@ -2771,11 +2795,32 @@ export 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;
@@ -2852,42 +2897,57 @@ export 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;
@@ -2911,6 +2971,8 @@ export class OxAssistantChat extends LitElement {
     /* 모드가 이미 붙어 있으면 무엇을 주는지 먼저 묻는다 — 바뀔 때는 updated 가 다시 묻는다. */
     if (this.mode?.kind) 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.
@@ -2929,6 +2991,7 @@ export class OxAssistantChat extends LitElement {
    * 대화로 가면 그때 새로 난다(ADR-0072 A17 ①).
    */
   private async onSubjectChanged() {
+    void this.loadAgentChoices()
     await this.loadModeChoices()
     if (this.modeChoices.length < 2 || !this.subject || !this.mode) return
 
@@ -3326,40 +3389,31 @@ export class OxAssistantChat extends LitElement {
               }
             }}
           />
-          ${this.acceptsAttachments
-            ? html`<button
-                type="button"
-                class="action"
-                @click=${() => this.renderRoot.querySelector<HTMLInputElement>('#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}
@@ -3408,6 +3462,13 @@ export 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
@@ -3421,9 +3482,7 @@ export 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
@@ -3444,12 +3503,12 @@ export 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')}
@@ -3461,6 +3520,17 @@ export 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<HTMLInputElement>('#chat-file-input')?.click()}>
+                <md-icon>attach_file</md-icon>
+              </button>`
+            : nothing}
+          </div>
         </div>
       </div>
     `
@@ -3691,8 +3761,13 @@ export 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 as HTMLTextAreaElement
+      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()
@@ -3703,6 +3778,11 @@ export class OxAssistantChat extends LitElement {
     }
   }
 
+  /** The request a Tab writes into the empty box - `composerSuggestion` decides it. */
+  private get suggestion(): string | undefined {
+    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 조합 중 깜빡임 완화. */
   private onTextareaInput(e: Event) {
@@ -4003,15 +4083,6 @@ export class OxAssistantChat extends LitElement {
     }))
   }
 
-  /** 이 표면이 실제로 쓸 수 있는 트리거 — 판정은 `chat-triggers.ts` 가 하고 여기서는 사실만 읽는다. */
-  private get triggerChips(): TriggerChip[] {
-    return availableTriggers({
-      hasMentionableThings: !!(this.boardProvider || this.currentBoard || this.knownTypes?.length),
-      hasSession: !!this.sessionId,
-      slashTemplateCount: this.conversation.slashTemplates.length
-    })
-  }
-
   private static readonly EXAMPLE_GROUPS: Array<{
     labelKey: string
     itemKeys: string[]
@@ -4065,12 +4136,34 @@ export class OxAssistantChat extends LitElement {
    */
   private 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.
+   */
+  private 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: Event) => this.onAgentPick((event.target as HTMLSelectElement).value)}>
+        ${this.agentChoices.map(one => html`<option value=${one.id} ?selected=${one.id === this.agentId}>${one.name}</option>`)}
+      </select>
+    `
+  }
+
+  private 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`
@@ -4094,7 +4187,6 @@ export class OxAssistantChat extends LitElement {
                 )}
               </select>
             `}
-      </div>
     `
   }
 
@@ -4166,27 +4258,6 @@ export 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">
@@ -4202,33 +4273,11 @@ export class OxAssistantChat extends LitElement {
           `
         )}
 
-        <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 자동 활성. */
-  private 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') as HTMLTextAreaElement | null
-      if (!ta) return
-      ta.focus()
-      ta.setSelectionRange(ta.value.length, ta.value.length)
-      // popup refresh — onTextareaInput 이 디바운스 후 호출되지만 직접 호출로 즉각 반영
-      this.refreshMentionPopup(ta)
-    })
-  }
-
   /** 예시 클릭 — 입력창에 채우고 포커스 (사용자가 수정 후 전송 가능) */
   private useExample(text: string) {
     this.input = text
@@ -4941,8 +4990,8 @@ export 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
       }, 1500)
@@ -5168,7 +5217,8 @@ export 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,
@@ -5187,7 +5237,8 @@ export 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
               })
         }
       })