@things-factory/ai-assistant 10.1.8 → 10.1.13

package/dist-client/components/board-ai-chat.d.ts

@@ -14,12 +14,16 @@
  * 모드 전환은 컨테이너 (워크스페이스) 의 책임. 이 컴포넌트는 자체로 풀 채팅 UX.
  */
 import '@material/web/icon/icon.js';
+import './assistant-session-toolbar.js';
+import { type AssistantRequestContext } from '../utils/assistant-request-context.js';
 import { LitElement } from 'lit';
 import './mention-popup.js';
 import { type FilterResult } from './mention-popup.js';
 export declare class OxBoardAIChat extends LitElement {
     /** 영속 세션 id. 없으면 ad-hoc (메시지 영속 안 됨). */
     sessionId?: string;
+    prepareSession?: (adopt: (id: string) => void) => Promise<string | undefined>;
+    private adoptingSession;
     /**
      * 보드의 모든 ChatSession 리스트 — 다중 세션 활성화 시 탭 UI 로 표시.
      *
@@ -138,6 +142,8 @@ export declare class OxBoardAIChat extends LitElement {
      * 값이 들어오면 그 문장을 입력으로 삼아 한 번 전송하고 비운다(같은 질문이 반복 전송되지 않게).
      */
     autoAsk?: string;
+    autoAskRequestId?: string;
+    contextProvider?: () => AssistantRequestContext;
     /**
      * 빈 화면의 제목·부제 — **호스트가 자기 말로 준다.**
      *

package/dist-client/components/board-ai-chat.js

@@ -16,6 +16,8 @@ import { __decorate, __metadata } from "tslib";
  * 모드 전환은 컨테이너 (워크스페이스) 의 책임. 이 컴포넌트는 자체로 풀 채팅 UX.
  */
 import '@material/web/icon/icon.js';
+import './assistant-session-toolbar.js';
+import { assistantAutoAskKey, assistantModelFingerprint } from '../utils/assistant-request-context.js';
 import { LitElement, css, html, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
@@ -155,6 +157,7 @@ function initials(name) {
 let OxBoardAIChat = class OxBoardAIChat extends LitElement {
     constructor() {
         super(...arguments);
+        this.adoptingSession = false;
         /**
          * 보드의 모든 ChatSession 리스트 — 다중 세션 활성화 시 탭 UI 로 표시.
          *
@@ -282,6 +285,8 @@ let OxBoardAIChat = class OxBoardAIChat extends LitElement {
             }
         };
         this._onSessionCreateClick = () => {
+            if (this.busy || this.lines.length === 0)
+                return;
             this.dispatchEvent(new CustomEvent('session-create', {
                 bubbles: true,
                 composed: true
@@ -1601,12 +1606,17 @@ let OxBoardAIChat = class OxBoardAIChat extends LitElement {
          * sessionId 가 붙기 전에 보내면 대화에 남지 않으므로 세션이 준비될 때까지 기다린다.
          * 같은 문장을 두 번 보내지 않도록 보낸 값을 기억한다 — 재렌더마다 updated 가 다시 돌기 때문이다.
          */
-        if (this.autoAsk && this.autoAsk !== this._autoAsked && this.sessionId && !this.busy) {
-            this._autoAsked = this.autoAsk;
+        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();
         }
-        if (changed.has('sessionId')) {
+        if (changed.has('sessionId') && this.adoptingSession) {
+            this.adoptingSession = false;
+            this._startPresence();
+            this._startMessageSubscription();
+        }
+        else if (changed.has('sessionId')) {
             // sessionId 가 바뀌면 (set / unset / 다른 보드 전환) 이전 세션의 모든 클라이언트
             // 컨텍스트 정리 — lines / pickedMentions / errorMessage / input 모두 새지 않도록.
             // 보드 단위 격리 (ChatSession 1:1 boardId) 가 깨지는 회귀 방지.
@@ -2232,38 +2242,11 @@ let OxBoardAIChat = class OxBoardAIChat extends LitElement {
         if (!this.sessions || this.sessions.length === 0)
             return nothing;
         return html `
-      <div class="session-tabs" role="tablist">
-        ${this.sessions.map((s, i) => {
-            const isActive = s.id === this.sessionId;
-            const fallback = i18next.t('ai-assistant.text.session-tab-label', {
-                n: i + 1,
-                defaultValue: `세션 ${i + 1}`
-            });
-            const label = s.name?.trim() || fallback;
-            const tooltip = s.createdAt
-                ? `${label} · ${new Date(s.createdAt).toLocaleString()}`
-                : label;
-            return html `
-            <button
-              class="session-tab ${isActive ? 'active' : ''}"
-              role="tab"
-              aria-selected=${isActive ? 'true' : 'false'}
-              title=${tooltip}
-              @click=${() => this._onSessionTabClick(s.id)}>
-              ${label}
-            </button>
-          `;
-        })}
-        <button
-          class="session-tab-new"
-          title=${i18next.t('ai-assistant.button.new-chat', {
-            defaultValue: '새 대화'
-        })}
-          @click=${this._onSessionCreateClick}>
-          <md-icon>add</md-icon>
-          <span>${i18next.t('ai-assistant.button.new-chat', { defaultValue: '새 대화' })}</span>
-        </button>
-      </div>
+      <ox-assistant-session-toolbar style="padding:8px 12px" .sessions=${this.sessions}
+        .sessionId=${this.sessionId || ''} .disabled=${this.busy}
+        @assistant-session-select=${(event) => { event.stopPropagation(); this._onSessionTabClick(event.detail.sessionId); }}
+        @assistant-session-reset=${(event) => { event.stopPropagation(); this._onSessionCreateClick(); }}
+      ></ox-assistant-session-toolbar>
     `;
     }
     /** C4 roster — 세션 참여자 + online 표시. 참여자 2명 미만이면 숨김(혼자면 의미 없음). */
@@ -2796,6 +2779,33 @@ let OxBoardAIChat = class OxBoardAIChat extends LitElement {
         const text = this.input.trim();
         if (!text || this.busy)
             return;
+        if (!this.sessionId && this.prepareSession) {
+            this.busy = true;
+            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);
+                this.busy = false;
+                return;
+            }
+            this.busy = false;
+        }
+        let requestContext;
+        let liveBoard;
+        let requestBase;
+        try {
+            const provided = this.contextProvider?.() || {};
+            requestContext = structuredClone({ systemPrompt: this.systemPrompt, hostContext: this.hostContext, ...provided });
+            liveBoard = structuredClone(this.boardProvider ? this.boardProvider() : this.currentBoard);
+            requestBase = { version: 1, sessionId: this.sessionId, hostContext: requestContext.hostContext,
+                modelFingerprint: assistantModelFingerprint(liveBoard) };
+        }
+        catch (error) {
+            this.errorMessage = error instanceof Error ? error.message : String(error);
+            return;
+        }
         // pickedMentions / pickedUserMentions 에서 현재 텍스트에 실제 #/@ token 으로
         // 등장하는 것만 추출 — 지운 토큰 제외. inline 마커로 content 에 주입.
         const mentions = [];
@@ -2830,7 +2840,6 @@ let OxBoardAIChat = class OxBoardAIChat extends LitElement {
                 .map(l => ({ role: l.role, content: l.content }));
             // 라이브 보드 우선 — 호스트의 캔버스가 사용자 수작업 편집을 들고 있을 수 있음.
             // boardProvider 가 있으면 send 시점에 그것을 pull, 없으면 정적 currentBoard.
-            const liveBoard = this.boardProvider ? this.boardProvider() : this.currentBoard;
             // mentions 는 위에서 이미 계산해 user line 에 thread — 그대로 mutation 입력으로 재사용.
             const neutral = this.chatEndpoint === 'assistantChat';
             const result = await client.mutate({
@@ -2840,9 +2849,9 @@ let OxBoardAIChat = class OxBoardAIChat extends LitElement {
                         ? buildAssistantChatInput({
                             sessionId: this.sessionId,
                             history,
-                            systemPrompt: this.systemPrompt,
+                            systemPrompt: requestContext.systemPrompt,
                             truncateAfterMessageId: this._truncateAfterId,
-                            hostContext: this.hostContext,
+                            hostContext: requestContext.hostContext,
                             toolCategories: this.toolCategories,
                             requireGroundingTools: this.requireGroundingTools
                         })
@@ -2852,7 +2861,7 @@ let OxBoardAIChat = class OxBoardAIChat extends LitElement {
                             liveBoard,
                             scopes: this.scopes,
                             truncateAfterMessageId: this._truncateAfterId,
-                            hostContext: this.hostContext,
+                            hostContext: requestContext.hostContext,
                             toolCategories: this.toolCategories,
                             boardTools: this.boardTools,
                             requireGroundingTools: this.requireGroundingTools,
@@ -2891,6 +2900,7 @@ let OxBoardAIChat = class OxBoardAIChat extends LitElement {
                 this.dispatchEvent(new CustomEvent('board-edit-patch', {
                     detail: {
                         patch: out.patch,
+                        requestBase,
                         summary: out.patch.summary,
                         confidence: out.patch.confidence,
                         patchId: out.patchId,
@@ -2903,7 +2913,7 @@ let OxBoardAIChat = class OxBoardAIChat extends LitElement {
             // 호스트로 ephemeral scene 조작 actions 전파 (selection / view / mode)
             if (Array.isArray(out.actions) && out.actions.length > 0) {
                 this.dispatchEvent(new CustomEvent('board-action-execute', {
-                    detail: { actions: out.actions, sessionId: out.sessionId },
+                    detail: { actions: out.actions, sessionId: out.sessionId, requestBase },
                     bubbles: true,
                     composed: true
                 }));
@@ -2931,6 +2941,10 @@ __decorate([
     property({ type: String, attribute: 'session-id' }),
     __metadata("design:type", String)
 ], OxBoardAIChat.prototype, "sessionId", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Function)
+], OxBoardAIChat.prototype, "prepareSession", void 0);
 __decorate([
     property({ type: Array, attribute: false }),
     __metadata("design:type", Array)
@@ -3011,6 +3025,14 @@ __decorate([
     property({ attribute: false }),
     __metadata("design:type", String)
 ], OxBoardAIChat.prototype, "autoAsk", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], OxBoardAIChat.prototype, "autoAskRequestId", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Function)
+], OxBoardAIChat.prototype, "contextProvider", void 0);
 __decorate([
     property({ type: Object, attribute: false }),
     __metadata("design:type", Object)