@geoscene/ai-components 0.0.0-stage → 5.1.14

package/dist/components/geoscene-assistant/customElement.js

@@ -0,0 +1,562 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.1/LICENSE.txt */
+import { c as x } from "../../chunks/runtime.js";
+import { css as A, html as c } from "lit";
+import T from "@geoscene/core/core/Collection.js";
+import { whenOnce as L, watch as R, when as D } from "@geoscene/core/core/reactiveUtils.js";
+import O from "@geoscene/core/portal/Portal.js";
+import { LitElement as M, createEvent as g, nothing as k } from "@geoscene/lumina";
+import * as B from "@geoscene/toolkit/log";
+import { rethrowError as z } from "@geoscene/toolkit/log";
+import { createRef as y, ref as v } from "lit/directives/ref.js";
+import { u as N } from "../../chunks/useT9n.js";
+import { O as U } from "../../chunks/orchestrator.js";
+import "@langchain/core/callbacks/dispatch/web";
+import "@langchain/core/prompts";
+import "@langchain/openai";
+import V from "@geoscene/core/identity/IdentityManager.js";
+import "@geoscene/toolkit/string";
+import "@geoscene/core/config.js";
+import "@langchain/core/messages";
+import "@geoscene/core/layers/FeatureLayer.js";
+import "../../chunks/generateLayerDescriptions.js";
+import "@langchain/langgraph/web";
+import j from "@geoscene/core/core/Accessor.js";
+import { property as m, subclass as q } from "@geoscene/core/core/accessorSupport/decorators.js";
+import { marked as E } from "marked";
+import { g as H } from "../../chunks/utils3.js";
+import { g as S } from "../../chunks/slottableRequestUtils.js";
+const F = A`:host{display:block;width:var(--geoscene-internal-panel-width, 100%);height:var(--geoscene-internal-expand-max-height, 100%);--calcite-panel-content-bottom-space: 0}.footer-container{display:flex;flex-direction:column;flex:1 1 0;gap:var(--calcite-spacing-md)}.content-container{display:flex;flex-direction:column;flex:1 1 0;min-height:0;position:relative;overflow:auto}.suggested-prompts-container{display:flex;justify-content:center;width:100%;background:var(--calcite-panel-background-color, var(--calcite-color-background))}.suggested-prompts{display:block;padding:var(--calcite-spacing-md);max-width:100%;box-sizing:border-box}.error-notice{padding:var(--calcite-spacing-sm)}.interrupt-waiting-message{font-style:italic;color:var(--calcite-color-text-2)}`;
+function w(o) {
+  return o.trim() ? E.lexer(o).filter((t) => t.type !== "space").map((t) => E.parser([t])) : [];
+}
+class I {
+  constructor() {
+    this._stableParts = [], this._stableText = "", this._rawText = "";
+  }
+  // full streamed markdown so far
+  // Add one chunk and return all current segments.
+  push(t) {
+    return this._rawText += t, this._advanceStableBoundary(), this.getParts();
+  }
+  // Parse the remaining live tail. Call once at stream end.
+  finalize() {
+    const t = this._rawText.slice(this._stableText.length);
+    return t.trim() && (this._stableParts.push(...w(t)), this._stableText = this._rawText), this._stableParts;
+  }
+  // Get full output: stable segments + current live tail.
+  getParts() {
+    const t = this._trimIncompleteTail(this._rawText.slice(this._stableText.length)), s = t.trim() ? w(t) : [];
+    return [...this._stableParts, ...s];
+  }
+  reset() {
+    this._stableParts = [], this._stableText = "", this._rawText = "";
+  }
+  // Move parse-safe content from live tail into stable content.
+  _advanceStableBoundary() {
+    const t = this._rawText.slice(this._stableText.length), s = this._lastSafeBoundary(t);
+    if (s <= 0)
+      return;
+    const i = t.slice(0, s);
+    this._stableParts.push(...w(i)), this._stableText += i;
+  }
+  /**
+   * Find the last blank-line boundary that is outside code fences.
+   * Returns 0 if no safe boundary is available yet.
+   */
+  _lastSafeBoundary(t) {
+    const s = t.split(`
+`);
+    let i = !1, e = 0, n = 0;
+    for (const r of s)
+      /^\s*(```|~~~)/u.test(r) && (i = !i), n += r.length + 1, r.trim() === "" && !i && (e = n);
+    return e < t.length ? e : 0;
+  }
+  /**
+   * Remove incomplete syntax at the end so we do not render partial markup.
+   * Handles:
+   *   - open HTML tags without closing '>'
+   *   - HTML elements missing closing tags
+   *   - markdown links missing closing ')'
+   */
+  _trimIncompleteTail(t) {
+    const s = t.lastIndexOf("<");
+    if (s !== -1 && !t.includes(">", s))
+      return t.slice(0, s);
+    const i = this._earliestUnclosedTag(t);
+    if (i !== -1)
+      return t.slice(0, i);
+    const e = t.lastIndexOf("[");
+    if (e !== -1) {
+      const n = t.slice(e);
+      if (!/\[[^\]]*\]\([^)]*\)/u.test(n))
+        return t.slice(0, e);
+    }
+    return t;
+  }
+  /**
+   * Return the index of the earliest unclosed opening tag, or -1.
+   * Ignores void elements (img, br, input, etc.) and self-closing tags.
+   */
+  _earliestUnclosedTag(t) {
+    const s = /* @__PURE__ */ new Set([
+      "br",
+      "img",
+      "hr",
+      "input",
+      "meta",
+      "link",
+      "area",
+      "base",
+      "col",
+      "embed",
+      "source",
+      "track",
+      "wbr"
+    ]), i = /<(\/?)([a-zA-Z][\w-]*)\b[^>]*?(\/?)>/gu, e = [];
+    for (let n = i.exec(t); n; n = i.exec(t)) {
+      const [, r, a, l] = n, h = a.toLowerCase();
+      if (!(s.has(h) || l === "/"))
+        if (r === "/") {
+          for (let p = e.length - 1; p >= 0; p--)
+            if (e[p].name === h) {
+              e.splice(p);
+              break;
+            }
+        } else
+          e.push({ name: h, index: n.index });
+    }
+    return e.length ? e[0].index : -1;
+  }
+}
+function G(o) {
+  const t = new I();
+  return t.push(o), t.finalize();
+}
+const W = async (o) => await new Promise((t) => setTimeout(t, o));
+async function* Y(o, { chunkSize: t = 15, delay: s = 50 } = {}) {
+  const i = new I();
+  for (let e = 0; e < o.length; e += t)
+    yield i.push(o.slice(e, e + t)), await W(s);
+  yield i.finalize();
+}
+var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, u = (o, t, s, i) => {
+  for (var e = i > 1 ? void 0 : i ? J(t, s) : t, n = o.length - 1, r; n >= 0; n--)
+    (r = o[n]) && (e = (i ? r(t, s, e) : r(e)) || e);
+  return i && e && Z(t, s, e), e;
+};
+const $ = (o) => !o || typeof o != "object" ? !1 : o.name === "AbortError";
+async function* C(o, t, s, i, e = !1) {
+  if (e) {
+    if (i?.aborted) {
+      yield { type: "cancelled", log: s, runId: t };
+      return;
+    }
+    yield { type: "block-data", blockType: "text", data: { parts: G(o) }, runId: t };
+    return;
+  }
+  for await (const n of Y(o)) {
+    if (i?.aborted) {
+      yield { type: "cancelled", log: s, runId: t };
+      return;
+    }
+    yield { type: "block-data", blockType: "text", data: { parts: n }, runId: t };
+  }
+}
+let d = class extends j {
+  constructor(o) {
+    super(o), this.view = null, this.streamingDisabled = !1, this.loading = !1, this.processing = !1, this.processingStep = "";
+  }
+  async load() {
+    this._set("loading", !0);
+    try {
+      await this._initialize();
+    } finally {
+      this._set("loading", !1);
+    }
+  }
+  destroy() {
+    this.orchestrator?.dispose(), super.destroy();
+  }
+  async _initialize() {
+    this.removeHandles(), await Promise.all([this.portal.load(), this.view?.when()]), this.view && await L(() => !this.view.updating), this._set(
+      "orchestrator",
+      await U.init({
+        agents: [...this.agents],
+        view: this.view ?? void 0
+      })
+    ), this.addHandles([
+      R(
+        () => [this.view, this.agents],
+        () => {
+          this._initialize();
+        }
+      )
+    ]);
+  }
+  clearChatHistory() {
+    this.orchestrator?.newConversation();
+  }
+  async *ask(o, t) {
+    if (!this.orchestrator)
+      throw new Error("编排器尚未初始化。");
+    this._set("processing", !0), this._set("processingStep", "");
+    const s = [];
+    let i, e = "pending";
+    try {
+      const n = this.orchestrator.ask(o);
+      for await (const r of n)
+        switch (e = r.runId, r.type) {
+          case "trace": {
+            this._set("processingStep", r.data.text), s.push(r.data.text);
+            break;
+          }
+          case "completed": {
+            this._set("processing", !1), this._set("processingStep", "");
+            const a = r.result, l = !!a.content.length, h = !!i?.length;
+            if (!l && !h) {
+              yield { type: "completed", error: "未收到响应。", log: s, runId: e };
+              return;
+            }
+            const p = a.content;
+            if (yield { type: "block-start", blockType: "text", runId: e }, yield* C(p, e, s, t, this.streamingDisabled), yield { type: "block-end", blockType: "text", runId: e }, h)
+              for (const f of i) {
+                if (t?.aborted) {
+                  yield { type: "cancelled", log: s, runId: e };
+                  return;
+                }
+                const { type: b, data: _ } = f;
+                if (yield { type: "block-start", blockType: b, runId: e }, b === "text") {
+                  const P = typeof _?.content == "string" ? _.content : "";
+                  yield* C(P, e, s, t, this.streamingDisabled);
+                } else
+                  yield { type: "block-data", blockType: b, data: _, runId: e };
+                yield { type: "block-end", blockType: b, runId: e };
+              }
+            yield { type: "completed", response: p, blocks: i, log: s, runId: e };
+            return;
+          }
+          case "ux-suggestion": {
+            const a = r.suggestion;
+            i = i ? [...i, a] : [a];
+            break;
+          }
+          case "interrupt": {
+            const { kind: a, message: l, metadata: h } = r.interrupt, p = Array.isArray(h) ? h.filter((b) => typeof b == "string") : [], f = (() => {
+              switch (a) {
+                case "booleanChoice":
+                  return { type: "boolean-choice", message: l, options: p };
+                case "singleSelection":
+                  return { type: "single-select", message: l, options: p };
+                case "multipleSelection":
+                  return { type: "multi-select", message: l, options: p };
+                case "textInput":
+                  return { type: "text-input", message: l };
+                default:
+                  return { type: a, message: l, options: p };
+              }
+            })();
+            this._set("processingStep", "等待用户输入……"), yield { type: "interrupt", payload: f, runId: e };
+            break;
+          }
+          case "cancelled": {
+            yield { type: "cancelled", log: s, runId: e };
+            return;
+          }
+          case "error": {
+            if (t?.aborted || $(r.error)) {
+              yield { type: "cancelled", log: s, runId: e };
+              return;
+            }
+            yield { type: "completed", error: r.error.message, log: s, runId: e };
+            return;
+          }
+          default: {
+            console.warn("未知事件类型：", r);
+            break;
+          }
+        }
+    } catch (n) {
+      if (t?.aborted || $(n)) {
+        yield { type: "cancelled", log: s, runId: e };
+        return;
+      }
+      console.warn("消息处理出错：", n), yield { type: "completed", error: "处理消息时发生错误。", log: s, runId: "error" };
+      return;
+    } finally {
+      this._set("processing", !1);
+    }
+  }
+  cancel() {
+    this.orchestrator?.cancel();
+  }
+};
+u([
+  m({ readOnly: !0 })
+], d.prototype, "orchestrator", 2);
+u([
+  m()
+], d.prototype, "agents", 2);
+u([
+  m()
+], d.prototype, "portal", 2);
+u([
+  m()
+], d.prototype, "view", 2);
+u([
+  m()
+], d.prototype, "streamingDisabled", 2);
+u([
+  m({ readOnly: !0 })
+], d.prototype, "loading", 2);
+u([
+  m({ readOnly: !0 })
+], d.prototype, "processing", 2);
+u([
+  m({ readOnly: !0 })
+], d.prototype, "processingStep", 2);
+d = u([
+  q("OrchestratorController")
+], d);
+const K = "WebMap 的 Portal 资源中未找到 embeddings-v01.json。", Q = "未找到此 WebMap 的嵌入向量。", X = "https://doc.geoscene.cn/javascript/5.1/agentic-apps/ai-webmap-setup/#embeddings";
+class tt extends M {
+  constructor() {
+    super(...arguments), this._messages = N({ blocking: !0 }), this.#t = y(), this.#l = y(), this.#s = y(), this.#e = null, this.#r = /* @__PURE__ */ new Map(), this.#i = O.getDefault(), this.#a = (t) => {
+      t.stopPropagation(), this.cancelInterrupt();
+    }, this.#n = (t) => {
+      t.stopPropagation();
+      const s = t.detail;
+      this.submitInterrupt(s);
+    }, this.#c = (t) => {
+      t.stopPropagation(), this.keepSuggestedPrompts || (this.suggestedPrompts = []);
+      const s = t.detail;
+      this._inputValue = "", this.geosceneSubmit.emit(s), this.submitMessage(s);
+    }, this.#h = (t) => {
+      if (this._canceling = !0, t.stopPropagation(), this.geosceneCancel.emit(), this._interrupt) {
+        this.orchestrator?.cancelInterrupt(), this._interrupt = null;
+        return;
+      }
+      this._orchestratorController?.cancel(), this.#e?.abort(), this.#e = null;
+    }, this.#p = (t) => {
+      t.stopPropagation();
+      const s = t.detail;
+      this.geosceneFeedback.emit(s);
+    }, this.#g = (t) => {
+      t.stopPropagation();
+      const s = t.detail;
+      this._inputValue = s.prompt, this.geoscenePromptSelect.emit(s);
+    }, this.#d = (t) => {
+      this.geosceneSlottableRequest.emit(t.detail);
+    }, this._orchestratorController = null, this._interrupt = null, this._interruptDetails = [], this._error = null, this._inputValue = "", this._isAnswering = !1, this._canceling = !1, this.messages = new T([]), this.referenceElement = null, this.suggestedPrompts = [], this.feedbackEnabled = !1, this.keepSuggestedPrompts = !1, this.streamingDisabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.voiceInputEnabled = !1, this.readAloudEnabled = !1, this.assistantAvatarEnabled = !1, this.geosceneCancel = g(), this.geosceneError = g(), this.geosceneFeedback = g(), this.geosceneInterrupt = g(), this.geosceneInterruptCancel = g(), this.geosceneInterruptSubmit = g(), this.geoscenePromptSelect = g(), this.geosceneReady = g(), this.geosceneSubmit = g(), this.geosceneSlottableRequest = g({ bubbles: !1, composed: !1 }), this.geosceneResponse = g();
+  }
+  static {
+    this.properties = { _orchestratorController: 16, _interrupt: 16, _interruptDetails: 16, _error: 16, _inputValue: 16, _isAnswering: 16, _signedInUserId: 16, _canceling: 16, _isSignedIn: 16, _user: 16, awaitingResponse: 32, awaitingResponseStep: 32, interrupt: 32, messages: 0, orchestrator: 32, entryMessage: 1, heading: 1, description: 1, referenceElement: 1, suggestedPrompts: 0, feedbackEnabled: 5, keepSuggestedPrompts: 5, streamingDisabled: 5, logEnabled: 5, copyEnabled: 5, voiceInputEnabled: 5, readAloudEnabled: 5, assistantAvatarEnabled: 5 };
+  }
+  static {
+    this.styles = F;
+  }
+  #t;
+  #l;
+  #s;
+  #e;
+  #r;
+  #i;
+  #a;
+  #n;
+  #c;
+  #h;
+  #p;
+  #g;
+  #d;
+  async #o() {
+    try {
+      const t = H(this.el, this.referenceElement);
+      await t?.componentOnReady();
+      const s = [...this.#r.values()];
+      return s.length ? (this._orchestratorController?.destroy(), this._orchestratorController = new d({
+        agents: s,
+        portal: this.#i,
+        streamingDisabled: this.streamingDisabled,
+        view: t?.view
+      }), await this._orchestratorController.load(), !0) : (this._error = "未找到 Agent。", !1);
+    } catch (t) {
+      return this._error = t?.message ?? "初始化编排器时出错。", z(this)(t), !1;
+    }
+  }
+  get _isSignedIn() {
+    return !!this.#i?.user || !!this._signedInUserId;
+  }
+  get _user() {
+    return this.#i?.user?.fullName || this.#i?.user?.username;
+  }
+  get awaitingResponse() {
+    return this._orchestratorController?.processing ?? !1;
+  }
+  get awaitingResponseStep() {
+    return this._orchestratorController?.processingStep ?? "";
+  }
+  get interrupt() {
+    return this._interrupt;
+  }
+  get orchestrator() {
+    return this._orchestratorController?.orchestrator;
+  }
+  async clearChatHistory() {
+    this._reset(), this._orchestratorController?.clearChatHistory();
+  }
+  cancelInterrupt() {
+    this.geosceneInterruptCancel.emit(), this.orchestrator?.cancelInterrupt(), this._interrupt = null;
+  }
+  register(t) {
+    this.#r.set(t.agent.id, t), this._orchestratorController && this.#o();
+  }
+  unregister(t) {
+    this.#r.delete(t), this._orchestratorController && this.#o();
+  }
+  async submitMessage(t) {
+    const s = t.trim();
+    if (!s || (this.messages.push({
+      id: Date.now().toString(),
+      // TODO: Replace with a more robust ID generation method or get from orchestrator
+      role: "user",
+      content: s
+    }), !this._orchestratorController))
+      return;
+    this.#e = new AbortController(), this._orchestratorController.streamingDisabled = this.streamingDisabled;
+    const i = this._orchestratorController.ask(s, this.#e?.signal);
+    for await (const e of i) {
+      const n = e.runId, r = this.messages.at(-1);
+      switch (e.type) {
+        case "block-start": {
+          this._isAnswering = !0;
+          const a = { type: e.blockType, isPending: !0 };
+          if (r?.role === "assistant" && r.id === n) {
+            const l = [...r.blocks ?? [], a];
+            this.messages.splice(-1, 1, { ...r, blocks: l });
+          } else
+            this.messages.push({
+              role: "assistant",
+              blocks: [a],
+              id: n,
+              isStreaming: !0,
+              interrupts: this._interruptDetails
+            }), this._interruptDetails = [];
+          break;
+        }
+        case "block-data": {
+          if (r?.role !== "assistant" || r?.id !== n)
+            break;
+          const a = [...r.blocks ?? []], l = a[a.length - 1], { blockType: h, data: p } = e;
+          if (l?.type !== h || !l.isPending)
+            break;
+          h === "text" ? a[a.length - 1] = {
+            ...l,
+            data: {
+              ...l.data,
+              parts: p?.parts
+            }
+          } : a[a.length - 1] = { ...l, data: { ...l.data, ...p ?? {} } }, this.messages.splice(-1, 1, { ...r, blocks: a });
+          break;
+        }
+        case "block-end": {
+          if (r?.role !== "assistant" || r?.id !== n)
+            break;
+          const a = [...r.blocks ?? []], l = a[a.length - 1];
+          if (l?.type !== e.blockType || !l.isPending)
+            break;
+          const h = l;
+          a[a.length - 1] = { ...h, data: { ...h.data }, isPending: !1 }, this.messages.splice(-1, 1, { ...r, blocks: a });
+          break;
+        }
+        case "completed":
+          e.error ? (this.messages.push({
+            role: "assistant",
+            log: e.log,
+            error: e.error,
+            id: n,
+            interrupts: this._interruptDetails
+          }), this._interruptDetails = []) : r?.role === "assistant" && r.id === n && this.messages.splice(-1, 1, {
+            ...r,
+            content: e.response,
+            blocks: r.blocks?.map((a) => ({ ...a, data: { ...a.data }, isPending: !1 })) ?? [],
+            isStreaming: !1,
+            log: e.log
+          }), this._isAnswering = !1, this.#e = null, this._canceling = !1;
+          break;
+        case "interrupt":
+          this._interrupt = { ...e.payload, id: n }, this.geosceneInterrupt.emit(this._interrupt);
+          break;
+        case "cancelled":
+          r?.role === "assistant" && r.id === n ? this.messages.splice(-1, 1, {
+            ...r,
+            blocks: r.blocks?.filter((a) => a.type === "text" || !a.isPending) ?? [],
+            isStreaming: !1,
+            log: e.log,
+            error: "（用户已停止）"
+            // TODO: use strings from t9n
+          }) : (this.messages.push({
+            role: "assistant",
+            log: e.log,
+            error: "（用户已停止）",
+            // TODO: use strings from t9n
+            id: n,
+            interrupts: this._interruptDetails
+          }), this._interruptDetails = []), this._isAnswering = !1, this.#e = null, this._canceling = !1;
+          break;
+      }
+    }
+  }
+  submitInterrupt(t) {
+    this.geosceneInterruptSubmit.emit(t), this._interrupt && (this._interruptDetails = [...this._interruptDetails, { interrupt: this._interrupt, response: t }]), this.orchestrator?.resumeInterrupt(t), this._interrupt = null;
+  }
+  load() {
+    this.manager.onLifecycle(this._reset.bind(this));
+  }
+  loaded() {
+    this.manager.onLifecycle(() => {
+      this.#t.value?.addEventListener("geoscenePromptSelect", this.#g), this.#t.value?.addEventListener("geosceneSubmit", this.#c), this.#t.value?.addEventListener("geosceneCancel", this.#h), this.#t.value?.addEventListener("geosceneFeedback", this.#p);
+      const t = D(() => !!this._interrupt && !!this.#s.value, () => {
+        const i = this.#s.value;
+        i.removeEventListener("geosceneSubmit", this.#n), i.removeEventListener("geosceneCancel", this.#a), i.addEventListener("geosceneSubmit", this.#n, { once: !0 }), i.addEventListener("geosceneCancel", this.#a, { once: !0 });
+      }), s = this.messages.on("after-add", (i) => {
+        const e = i.item;
+        e.role === "assistant" && (e.error || e.content) && this.geosceneResponse.emit(e);
+      });
+      return queueMicrotask(() => {
+        this.#o().then((i) => {
+          i ? this.geosceneReady.emit() : this._error && this.geosceneError.emit(new Error(this._error));
+        });
+      }), () => {
+        t.remove(), s.remove(), this.#t.value?.removeEventListener("geoscenePromptSelect", this.#g), this.#s.value?.removeEventListener("geosceneSubmit", this.#n), this.#s.value?.removeEventListener("geosceneCancel", this.#a), this.#t.value?.removeEventListener("geosceneSubmit", this.#c), this.#t.value?.removeEventListener("geosceneCancel", this.#h), this.#t.value?.removeEventListener("geosceneFeedback", this.#p), this._orchestratorController?.destroy(), this._orchestratorController = null;
+      };
+    });
+  }
+  _reset() {
+    this._orchestratorController?.cancel(), this.#e?.abort(), this._interrupt = null, this.messages.removeAll(), this._error = null, this._inputValue = "", this._signedInUserId = void 0;
+  }
+  _renderEntryMessage() {
+    return this._isSignedIn ? this._error ? this._renderErrorNotice() : this.entryMessage ? this.messages.length > 0 ? null : c`<calcite-notice open kind=brand closable icon width=full><div slot=message>${this.entryMessage}</div></calcite-notice>` : c`<slot name=entry-message></slot>` : this._renderSignInNotice();
+  }
+  _renderSignInNotice() {
+    const t = this.#i;
+    return c`<calcite-notice slot=entry-message open kind=brand icon width=full><div slot=message>请先登录，再使用地图助手对话。</div>${t ? c`<calcite-link slot=link @click=${async () => {
+      try {
+        const s = await V.getCredential(`${t.url}/sharing`);
+        this._signedInUserId = s.userId, this._error = null, this.requestUpdate(), await this.#o() ? this.geosceneReady.emit() : this._error && this.geosceneError.emit(new Error(this._error));
+      } catch (s) {
+        this._error = s?.message ?? "登录出错。", this.geosceneError.emit(new Error(this._error)), B.log("error", this, "登录出错：", { detail: { error: s } });
+      }
+    }} target=_blank title="登录 GeoScene Online">登录</calcite-link>` : c`<div slot=link>没有可用的 Portal 信息</div>`}</calcite-notice>`;
+  }
+  _renderErrorNotice() {
+    return this._error ? c`<calcite-notice slot=entry-message open kind=brand icon width=full>${this._error === K ? c`<div slot=message>${Q}</div><calcite-link slot=link .href=${X} target=_blank title="了解 WebMap 嵌入向量">了解更多</calcite-link>` : c`<div slot=message>${this._error}</div>`}</calcite-notice>` : null;
+  }
+  render() {
+    return c`<calcite-panel .loading=${!this._orchestratorController && !this._error || this._orchestratorController?.loading} .heading=${this.heading ?? this._messages.assistantLabel} .description=${this.description} ${v(this.#t)}><slot name=header-actions-start slot=header-actions-start></slot><slot name=header-actions-end slot=header-actions-end></slot><div class="content-container"><geoscene-assistant-chat .loading=${this.awaitingResponse} .messages=${this.messages} .interrupt=${this._interrupt}><slot name=message-starter slot=message-starter></slot><slot name=messages slot=messages>${this.messages.map((t) => t.role === "assistant" ? c`<geoscene-assistant-message .message=${t} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled} @geosceneSlottableRequest=${this.#d} .assistantAvatarEnabled=${this.assistantAvatarEnabled}>${t.blocks?.map((s, i) => c`<slot name=${S(t.id, i) ?? k} slot=${S(t.id, i) ?? k}><geoscene-assistant-message-block .block=${s}></geoscene-assistant-message-block></slot>`)}</geoscene-assistant-message>` : c`<geoscene-assistant-user-message .message=${t} .user=${this._user}></geoscene-assistant-user-message>`)}</slot>${this._interrupt ? c`<div slot=message-loading><div class="interrupt-waiting-message">等待用户输入……</div></div>` : c`<slot name=message-loading slot=message-loading><geoscene-assistant-message-loading .loading=${this.awaitingResponse} .loadingMessage=${this.awaitingResponseStep} .assistantAvatarEnabled=${this.assistantAvatarEnabled} .interrupts=${this._interruptDetails}></geoscene-assistant-message-loading></slot>`}</geoscene-assistant-chat></div>${this._interrupt ? c`<slot name=interrupt><geoscene-assistant-interrupt slot=content-bottom .type=${this._interrupt.type} .message=${this._interrupt.message} .options=${this._interrupt.options} ${v(this.#s)}></geoscene-assistant-interrupt></slot>` : this.suggestedPrompts?.length ? c`<div class="suggested-prompts-container" slot=content-bottom><geoscene-assistant-suggested-prompts class="suggested-prompts" .prompts=${this.suggestedPrompts}></geoscene-assistant-suggested-prompts></div>` : null}<div class="footer-container" slot=footer>${this._renderEntryMessage()}<slot name=chat-entry><geoscene-assistant-chat-entry .awaitingResponse=${this.awaitingResponse || this._isAnswering} .inputValue=${this._inputValue} .messages=${this.messages} .voiceInputEnabled=${this.voiceInputEnabled} .disabled=${this._canceling || !this._isSignedIn || !!this._interrupt} ${v(this.#l)}><slot name=entry-actions-start slot=entry-actions-start></slot><slot name=entry-actions-end slot=entry-actions-end><calcite-button .iconStart=${this.awaitingResponse || this._isAnswering ? "circle-stop" : "send"} @click=${() => {
+      this.#l.value?.submitMessage();
+    }} round>${this.awaitingResponse || this._isAnswering ? this._messages.stopButtonLabel : this._messages.askButtonLabel}</calcite-button></slot></geoscene-assistant-chat-entry></slot><slot name=footer-content></slot></div></calcite-panel>`;
+  }
+}
+x("geoscene-assistant", tt);
+export {
+  tt as GeosceneAssistant
+};

package/dist/components/geoscene-assistant/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/geoscene-assistant/index.js

@@ -0,0 +1,13 @@
+import "@geoscene/calcite-components/components/calcite-notice";
+import "@geoscene/calcite-components/components/calcite-link";
+import "@geoscene/calcite-components/components/calcite-panel";
+import "../geoscene-assistant-chat/index.js";
+import "../geoscene-assistant-message/index.js";
+import "../geoscene-assistant-message-block/index.js";
+import "../geoscene-assistant-user-message/index.js";
+import "../geoscene-assistant-message-loading/index.js";
+import "../geoscene-assistant-interrupt/index.js";
+import "../geoscene-assistant-suggested-prompts/index.js";
+import "../geoscene-assistant-chat-entry/index.js";
+import "@geoscene/calcite-components/components/calcite-button";
+export * from "./customElement.js";