@geoscene/ai-components 0.0.0-stage → 5.1.14

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

@@ -0,0 +1,45 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.1/LICENSE.txt */
+import { c as o } from "../../chunks/runtime.js";
+import { css as l, html as e } from "lit";
+import { LitElement as c, nothing as d } from "@geoscene/lumina";
+import { useSlottableRequest as g } from "@geoscene/lumina/controllers";
+import { g as r } from "../../chunks/slottableRequestUtils.js";
+const m = l`:host{display:block;container-type:inline-size}.container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--calcite-spacing-sm);width:100%;text-align:left}.icon{padding:var(--calcite-spacing-sm);border-radius:var(--calcite-spacing-xl);background:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}.content-container{display:flex;flex:1;flex-direction:column;width:100%;gap:var(--calcite-spacing-md)}.content,.blocks{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm)}.block-pending{display:flex;justify-content:center;align-items:center;padding:var(--calcite-spacing-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--calcite-color-foreground-2) 65%,transparent),color-mix(in srgb,var(--calcite-color-foreground-3) 85%,transparent),color-mix(in srgb,var(--calcite-color-foreground-2) 65%,transparent));background-size:200% 100%;animation:assistant-message-loading-shimmer 2s ease-in-out infinite;border-radius:var(--calcite-border-radius);min-height:100px}.message-error{font-style:italic}@container (min-width: 480px){.container{max-width:80%}}@keyframes assistant-message-loading-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}@media(prefers-reduced-motion){.block-pending{animation:none}}`;
+function b({ message: t }) {
+  const s = /* @__PURE__ */ new Map();
+  return t && t.blocks?.forEach((a, i) => {
+    if (!a.isPending) {
+      const n = r(t.id, i);
+      s.set(n, { data: { block: a, index: i, message: t }, name: "block", slotName: n });
+    }
+  }), s;
+}
+class p extends c {
+  constructor() {
+    super(...arguments), this.geosceneSlottableRequest = g(this, ["message"], b), this.feedbackEnabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.readAloudEnabled = !1, this.footerDisabled = !1, this.assistantAvatarEnabled = !1;
+  }
+  static {
+    this.properties = { _isStreaming: 16, feedbackEnabled: 5, logEnabled: 5, copyEnabled: 5, readAloudEnabled: 5, footerDisabled: 5, message: 0, assistantAvatarEnabled: 5 };
+  }
+  static {
+    this.styles = m;
+  }
+  get _isStreaming() {
+    return !!this.message?.isStreaming;
+  }
+  _renderContent() {
+    const s = this.message, a = s?.id;
+    if (a)
+      return e`<div class="content"><geoscene-assistant-interrupt-preview .interrupts=${this.message?.interrupts}></geoscene-assistant-interrupt-preview>${s.blocks?.length ? e`<div class="blocks">${s.blocks.map((i, n) => i.isPending && i.type !== "text" ? e`<div class="block-pending"></div>` : e`<slot name=${r(a, n) ?? d}></slot>`)}</div>` : null}</div>`;
+  }
+  _renderFooter() {
+    return e`<geoscene-assistant-message-footer .message=${this.message} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled}></geoscene-assistant-message-footer>`;
+  }
+  render() {
+    return e`<div class="container">${this.assistantAvatarEnabled ? e`<slot name=icon><calcite-icon icon=effects class="icon" scale=s></calcite-icon></slot>` : null}<div class="content-container"><slot name=content>${this._renderContent()}</slot>${this.message?.error ? e`<div class="message-error">${this.message.error}</div>` : null}${this._isStreaming ? e`<div class="streaming-indicator"><calcite-loader label=loading inline></calcite-loader></div>` : null}${!this.footerDisabled && !this._isStreaming ? e`<slot name=footer>${this._renderFooter()}</slot>` : null}</div></div>`;
+  }
+}
+o("geoscene-assistant-message", p);
+export {
+  p as GeosceneAssistantMessage
+};

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

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

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

@@ -0,0 +1,5 @@
+import "../geoscene-assistant-interrupt-preview/index.js";
+import "../geoscene-assistant-message-footer/index.js";
+import "@geoscene/calcite-components/components/calcite-icon";
+import "@geoscene/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

package/dist/components/geoscene-assistant-message-block/customElement.d.ts

@@ -0,0 +1,8 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { UXSuggestion } from "../../utils/index.js";
+
+/** Renders one structured assistant block. Offers default block rendering for supported suggestion-style blocks. */
+export abstract class GeosceneAssistantMessageBlock extends LitElement {
+  accessor block: UXSuggestion | undefined;
+}

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

@@ -0,0 +1,36 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.1/LICENSE.txt */
+import { c as n } from "../../chunks/runtime.js";
+import { css as i, html as r } from "lit";
+import { LitElement as o } from "@geoscene/lumina";
+const p = i`:host{display:block}`;
+class c extends o {
+  static {
+    this.properties = { block: 0 };
+  }
+  static {
+    this.styles = p;
+  }
+  _renderSuggestedPrompts(s) {
+    if (s.type !== "suggested-prompts")
+      return null;
+    const t = s.data?.prompts, e = Array.isArray(t) ? t.filter((a) => typeof a == "string") : [];
+    return e.length ? r`<geoscene-assistant-suggested-prompts .prompts=${e}></geoscene-assistant-suggested-prompts>` : null;
+  }
+  _renderBlock(s) {
+    switch (s.type) {
+      case "suggested-prompts":
+        return this._renderSuggestedPrompts(s);
+      case "text":
+        return r`<geoscene-assistant-message-text .content=${s.data?.content} .parts=${s.data?.parts}></geoscene-assistant-message-text>`;
+      default:
+        return null;
+    }
+  }
+  render() {
+    return this.block ? this._renderBlock(this.block) : null;
+  }
+}
+n("geoscene-assistant-message-block", c);
+export {
+  c as GeosceneAssistantMessageBlock
+};

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

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

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

@@ -0,0 +1,3 @@
+import "../geoscene-assistant-suggested-prompts/index.js";
+import "../geoscene-assistant-message-text/index.js";
+export * from "./customElement.js";

package/dist/components/geoscene-assistant-message-feedback/customElement.d.ts

@@ -0,0 +1,26 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { AssistantMessage } from "../geoscene-assistant/types.js";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
+
+/**
+ * Handles thumbs up or down feedback UI. Use it to capture helpful or not helpful signals per response.
+ * Offers feedback toggle behavior and emits feedback updates for the associated assistant message.
+ */
+export abstract class GeosceneAssistantMessageFeedback extends LitElement {
+  /** @internal */
+  protected _messages: {
+      thumbsUpLabel: string;
+      thumbsDownLabel: string;
+  } & T9nMeta<{
+      thumbsUpLabel: string;
+      thumbsDownLabel: string;
+  }>;
+  /** @default false */
+  accessor feedbackEnabled: boolean;
+  accessor message: AssistantMessage | undefined;
+  readonly geosceneFeedback: import("@geoscene/lumina").TargetedEvent<this, AssistantMessage>;
+  readonly "@eventTypes": {
+    geosceneFeedback: GeosceneAssistantMessageFeedback["geosceneFeedback"]["detail"];
+  };
+}

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

@@ -0,0 +1,36 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.1/LICENSE.txt */
+import { c as s } from "../../chunks/runtime.js";
+import { css as i, html as e } from "lit";
+import { LitElement as a, createEvent as c } from "@geoscene/lumina";
+import { u as n } from "../../chunks/useT9n.js";
+const o = i`.actions{display:flex;flex-direction:row;gap:var(--calcite-spacing-xs)}`;
+class r extends a {
+  constructor() {
+    super(...arguments), this._messages = n({ blocking: !0 }), this.feedbackEnabled = !1, this.geosceneFeedback = c();
+  }
+  static {
+    this.properties = { feedbackEnabled: 5, message: 0 };
+  }
+  static {
+    this.styles = o;
+  }
+  _handleFeedback(t) {
+    this.message && (this.message.feedback = this.message.feedback?.positive === t ? void 0 : { positive: t }, this.geosceneFeedback.emit(this.message), this.requestUpdate());
+  }
+  _getFeedback() {
+    return this.message?.feedback?.positive;
+  }
+  _renderThumbsUpButton() {
+    return e`<calcite-action id=action-thumbs-up icon=thumbs-up scale=s .active=${this._getFeedback() === !0} @click=${() => this._handleFeedback(!0)} text></calcite-action><calcite-tooltip reference-element=action-thumbs-up overlay-positioning=fixed placement=bottom><span>${this._messages.thumbsUpLabel}</span></calcite-tooltip>`;
+  }
+  _renderThumbsDownButton() {
+    return e`<calcite-action id=action-thumbs-down icon=thumbs-down scale=s .active=${this._getFeedback() === !1} @click=${() => this._handleFeedback(!1)} text></calcite-action><calcite-tooltip reference-element=action-thumbs-down overlay-positioning=fixed placement=bottom><span>${this._messages.thumbsDownLabel}</span></calcite-tooltip>`;
+  }
+  render() {
+    return this.feedbackEnabled && !this.message?.error ? e`<div class="actions">${this._renderThumbsUpButton()}${this._renderThumbsDownButton()}</div>` : null;
+  }
+}
+s("geoscene-assistant-message-feedback", r);
+export {
+  r as GeosceneAssistantMessageFeedback
+};

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

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

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

@@ -0,0 +1,3 @@
+import "@geoscene/calcite-components/components/calcite-action";
+import "@geoscene/calcite-components/components/calcite-tooltip";
+export * from "./customElement.js";

package/dist/components/geoscene-assistant-message-footer/customElement.d.ts

@@ -0,0 +1,28 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { AssistantMessage } from "../geoscene-assistant/types.js";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
+
+/**
+ * Renders the action row under an assistant message. Use it when you want feedback, log, copy, or read-aloud controls.
+ * Offers one footer surface that composes common assistant response actions.
+ */
+export abstract class GeosceneAssistantMessageFooter extends LitElement {
+  /** @internal */
+  protected _messages: {
+      copyButtonLabel: string;
+      logButtonLabel: string;
+  } & T9nMeta<{
+      copyButtonLabel: string;
+      logButtonLabel: string;
+  }>;
+  /** @default false */
+  accessor copyEnabled: boolean;
+  /** @default false */
+  accessor feedbackEnabled: boolean;
+  /** @default false */
+  accessor logEnabled: boolean;
+  accessor message: AssistantMessage | undefined;
+  /** @default false */
+  accessor readAloudEnabled: boolean;
+}

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

@@ -0,0 +1,62 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.1/LICENSE.txt */
+import { c as s } from "../../chunks/runtime.js";
+import { css as a, html as e } from "lit";
+import { watch as o } from "@geoscene/core/core/reactiveUtils.js";
+import { LitElement as i } from "@geoscene/lumina";
+import { createRef as n, ref as r } from "lit/directives/ref.js";
+import { u as l } from "../../chunks/useT9n.js";
+import { log as c } from "@geoscene/toolkit/log";
+const d = a`.container{display:flex;align-items:center;width:100%;justify-content:space-between;gap:var(--calcite-spacing-xs)}.start,.end{display:flex;align-items:center;gap:var(--calcite-spacing-xs)}`;
+class g extends i {
+  constructor() {
+    super(...arguments), this._messages = l({ blocking: !0 }), this._endRef = n(), this._showLog = !1, this.feedbackEnabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.readAloudEnabled = !1;
+  }
+  static {
+    this.properties = { _showLog: 16, feedbackEnabled: 5, logEnabled: 5, copyEnabled: 5, readAloudEnabled: 5, message: 0 };
+  }
+  static {
+    this.styles = d;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      o(() => this._showLog, () => this._scrollToEnd())
+    ]);
+  }
+  _scrollToEnd() {
+    requestAnimationFrame(() => {
+      this._endRef.value?.scrollIntoView({ behavior: "smooth", block: "end" });
+    });
+  }
+  _renderCopyButton() {
+    return !this.message?.error && this.copyEnabled ? e`<calcite-action id=action-copy icon=copy-to-clipboard scale=s @click=${async () => {
+      try {
+        const t = this.message?.content?.trim();
+        t && await navigator.clipboard.writeText(t);
+      } catch (t) {
+        c("warn", "assistant-message-footer", "复制文本到剪贴板失败", {
+          once: !0,
+          detail: { error: t }
+        });
+      }
+    }} text></calcite-action><calcite-tooltip reference-element=action-copy overlay-positioning=fixed placement=bottom><span>${this._messages.copyButtonLabel}</span></calcite-tooltip>` : null;
+  }
+  _renderLogButton() {
+    return this.message?.log?.length && this.logEnabled ? e`<calcite-action id=action-log icon=access-string-results scale=s @click=${() => this._showLog = !this._showLog} .text=${this._messages.logButtonLabel} .active=${this._showLog}></calcite-action><calcite-tooltip reference-element=action-log overlay-positioning=fixed placement=bottom><span>${this._messages.logButtonLabel}</span></calcite-tooltip>` : null;
+  }
+  _renderReadAloudButton() {
+    return e`<geoscene-assistant-message-read-aloud .message=${this.message} .readAloudEnabled=${this.readAloudEnabled}></geoscene-assistant-message-read-aloud>`;
+  }
+  _renderLog() {
+    return e`<geoscene-assistant-message-log .log=${this.message?.log} .showLog=${this._showLog} .logEnabled=${this.logEnabled}></geoscene-assistant-message-log>`;
+  }
+  _renderFeedback() {
+    return e`<geoscene-assistant-message-feedback .message=${this.message} .feedbackEnabled=${this.feedbackEnabled}></geoscene-assistant-message-feedback>`;
+  }
+  render() {
+    return e`${this._renderLog()}<div class="container"><div class="start">${this._renderCopyButton()}${this._renderLogButton()}${this._renderReadAloudButton()}<slot name=footer-actions-start></slot></div><div class="end"><slot name=footer-actions-end></slot>${this._renderFeedback()}</div></div><div ${r(this._endRef)}></div>`;
+  }
+}
+s("geoscene-assistant-message-footer", g);
+export {
+  g as GeosceneAssistantMessageFooter
+};

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

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

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

@@ -0,0 +1,6 @@
+import "@geoscene/calcite-components/components/calcite-action";
+import "@geoscene/calcite-components/components/calcite-tooltip";
+import "../geoscene-assistant-message-read-aloud/index.js";
+import "../geoscene-assistant-message-log/index.js";
+import "../geoscene-assistant-message-feedback/index.js";
+export * from "./customElement.js";

package/dist/components/geoscene-assistant-message-loading/customElement.d.ts

@@ -0,0 +1,17 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { AssistantMessage } from "../geoscene-assistant/types.js";
+
+/**
+ * Shows in-progress assistant response UI. Use it to display thinking or loading state while work is running.
+ * Offers a default loading message shell with icon/content slot overrides.
+ */
+export abstract class GeosceneAssistantMessageLoading extends LitElement {
+  /** @default false */
+  accessor assistantAvatarEnabled: boolean;
+  accessor interrupts: AssistantMessage["interrupts"] | undefined;
+  /** @default false */
+  accessor loading: boolean;
+  /** @default "" */
+  accessor loadingMessage: string;
+}

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

@@ -0,0 +1,23 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.1/LICENSE.txt */
+import { c as s } from "../../chunks/runtime.js";
+import { css as e, html as a } from "lit";
+import { LitElement as i } from "@geoscene/lumina";
+const t = e`:host{display:contents}.icon{padding:var(--calcite-spacing-sm);border-radius:var(--calcite-spacing-xl);background:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}.loading-container{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);padding:0 var(--calcite-spacing-sm)}.loading{display:flex;align-items:center;gap:var(--calcite-spacing-sm)}.text{font-style:italic;word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.skeleton-block{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);width:100%}.skeleton-text{display:block;height:.95em;border-radius:var(--calcite-border-radius);background:linear-gradient(90deg,color-mix(in srgb,var(--calcite-color-foreground-2) 65%,transparent),color-mix(in srgb,var(--calcite-color-foreground-3) 85%,transparent),color-mix(in srgb,var(--calcite-color-foreground-2) 65%,transparent));background-size:200% 100%;animation:assistant-message-loading-shimmer 1.2s ease-in-out infinite;width:85%}.skeleton-text:last-child{width:70%}@keyframes assistant-message-loading-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}@media(prefers-reduced-motion){.skeleton-text{animation:none}}`;
+class n extends i {
+  constructor() {
+    super(...arguments), this.loading = !1, this.loadingMessage = "", this.assistantAvatarEnabled = !1;
+  }
+  static {
+    this.properties = { loading: 5, loadingMessage: 1, assistantAvatarEnabled: 5, interrupts: 0 };
+  }
+  static {
+    this.styles = t;
+  }
+  render() {
+    return this.loading ? a`<geoscene-assistant-message footer-disabled>${this.assistantAvatarEnabled ? a`<slot name=icon slot=icon><calcite-icon class="icon" icon=effects scale=s></calcite-icon></slot>` : null}<slot name=content slot=content><geoscene-assistant-interrupt-preview .interrupts=${this.interrupts}></geoscene-assistant-interrupt-preview><div class="loading-container"><div class="loading"><calcite-loader label=loading inline></calcite-loader><div class="text">${this.loadingMessage}</div></div><div class="skeleton-block"><span class="skeleton-text"></span><span class="skeleton-text"></span></div></div></slot></geoscene-assistant-message>` : null;
+  }
+}
+s("geoscene-assistant-message-loading", n);
+export {
+  n as GeosceneAssistantMessageLoading
+};

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

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

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

@@ -0,0 +1,5 @@
+import "../geoscene-assistant-message/index.js";
+import "@geoscene/calcite-components/components/calcite-icon";
+import "../geoscene-assistant-interrupt-preview/index.js";
+import "@geoscene/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

package/dist/components/geoscene-assistant-message-log/customElement.d.ts

@@ -0,0 +1,14 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+
+/**
+ * Renders expandable execution log details. Use it when exposing agent or tool trace output.
+ * Offers collapsible log entry rendering for debugging and troubleshooting.
+ */
+export abstract class GeosceneAssistantMessageLog extends LitElement {
+  accessor log: string[] | undefined;
+  /** @default false */
+  accessor logEnabled: boolean;
+  /** @default false */
+  accessor showLog: boolean;
+}

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

@@ -0,0 +1,29 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.1/LICENSE.txt */
+import { c as i } from "../../chunks/runtime.js";
+import { css as o, html as a } from "lit";
+import { LitElement as e } from "@geoscene/lumina";
+import { unsafeHTML as c } from "lit/directives/unsafe-html.js";
+import { p as r } from "../../chunks/converterUtils.js";
+const n = o`.container{border-radius:var(--calcite-border-radius);margin-bottom:var(--calcite-spacing-md)}.block{margin:0;background-color:var(--calcite-color-foreground-1);width:100%;max-height:300px;overflow:auto}.entry{margin-left:var(--calcite-spacing-sm);padding:var(--calcite-spacing-xxs) var(--calcite-spacing-lg);border-left:1px solid var(--calcite-color-border-1)}`;
+class l extends e {
+  constructor() {
+    super(...arguments), this.logEnabled = !1, this.showLog = !1;
+  }
+  static {
+    this.properties = { logEnabled: 5, showLog: 5, log: 0 };
+  }
+  static {
+    this.styles = n;
+  }
+  render() {
+    return this.log?.length && this.showLog && this.logEnabled ? a`<div class="container"><div class="block"><calcite-accordion appearance=transparent icon-position=start icon-type=chevron scale=s>${this.log.map((s) => {
+      const t = s.includes(`
+`) || s.length > 70;
+      return a`<calcite-accordion-item .heading=${t ? `${s.substring(0, 70)}...` : s} .expanded=${t}><div class="entry">${t ? c(r(s)) : null}</div></calcite-accordion-item>`;
+    })}</calcite-accordion></div></div>` : null;
+  }
+}
+i("geoscene-assistant-message-log", l);
+export {
+  l as GeosceneAssistantMessageLog
+};

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

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

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

@@ -0,0 +1,3 @@
+import "@geoscene/calcite-components/components/calcite-accordion";
+import "@geoscene/calcite-components/components/calcite-accordion-item";
+export * from "./customElement.js";

package/dist/components/geoscene-assistant-message-read-aloud/customElement.d.ts

@@ -0,0 +1,22 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { AssistantMessage } from "../geoscene-assistant/types.js";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
+
+/**
+ * Adds text-to-speech playback controls. Use it to read assistant responses aloud.
+ * Offers read-aloud start/stop behavior with supported-state handling.
+ */
+export abstract class GeosceneAssistantMessageReadAloud extends LitElement {
+  /** @internal */
+  protected _messages: {
+      readAloudButtonLabel: string;
+      stopReadingButtonLabel: string;
+  } & T9nMeta<{
+      readAloudButtonLabel: string;
+      stopReadingButtonLabel: string;
+  }>;
+  accessor message: AssistantMessage | undefined;
+  /** @default false */
+  accessor readAloudEnabled: boolean;
+}

package/dist/components/geoscene-assistant-message-read-aloud/customElement.js

@@ -0,0 +1,100 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.1/LICENSE.txt */
+import { c } from "../../chunks/runtime.js";
+import { html as p } from "lit";
+import { watch as h } from "@geoscene/core/core/reactiveUtils.js";
+import { LitElement as m } from "@geoscene/lumina";
+import { u as _ } from "../../chunks/useT9n.js";
+import g from "@geoscene/core/core/Accessor.js";
+import { property as u, subclass as f } from "@geoscene/core/core/accessorSupport/decorators.js";
+var y = Object.defineProperty, A = Object.getOwnPropertyDescriptor, d = (e, s, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? A(s, n) : s, t = e.length - 1, a; t >= 0; t--)
+    (a = e[t]) && (r = (i ? a(s, n, r) : a(r)) || r);
+  return i && r && y(s, n, r), r;
+};
+function l() {
+  return typeof window > "u" ? null : window;
+}
+let o = class extends g {
+  constructor() {
+    super(...arguments), this._utterance = null, this.state = "idle", this.supported = o.isSupported();
+  }
+  destroy() {
+    this.stop(), super.destroy();
+  }
+  start(e) {
+    const s = e.trim(), n = l(), i = n?.SpeechSynthesisUtterance, r = n?.speechSynthesis;
+    if (this._set("supported", o.isSupported(n)), !s || !i || !r)
+      return;
+    this.stop();
+    const t = new i(s);
+    t.rate = 0.9, t.pitch = 1.1, t.volume = 1, t.onend = () => {
+      this._utterance === t && this._reset();
+    }, t.onerror = () => {
+      this._utterance === t && this._reset();
+    };
+    try {
+      r.speak(t), this._utterance = t, this._set("state", "playing");
+    } catch {
+      t.onend = null, t.onerror = null, this._reset();
+    }
+  }
+  stop() {
+    const e = l(), s = e?.speechSynthesis;
+    if (this._set("supported", o.isSupported(e)), s)
+      try {
+        (s.speaking || s.pending) && s.cancel();
+      } catch {
+      }
+    this._reset();
+  }
+  toggle(e) {
+    if (this.state === "playing") {
+      this.stop();
+      return;
+    }
+    this.start(e);
+  }
+  static isSupported(e = l()) {
+    return !!e?.speechSynthesis && typeof e.SpeechSynthesisUtterance == "function";
+  }
+  _reset() {
+    this._utterance && (this._utterance.onend = null, this._utterance.onerror = null), this._utterance = null, this._set("state", "idle");
+  }
+};
+d([
+  u({ readOnly: !0 })
+], o.prototype, "state", 2);
+d([
+  u({ readOnly: !0 })
+], o.prototype, "supported", 2);
+o = d([
+  f("ReadAloudController")
+], o);
+class C extends m {
+  constructor() {
+    super(...arguments), this._messages = _({ blocking: !0 }), this._readAloudController = new o(), this.readAloudEnabled = !1;
+  }
+  static {
+    this.properties = { readAloudEnabled: 5, message: 0 };
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      h(() => this._readAloudController.state, () => this.requestUpdate(), { initial: !0 }),
+      {
+        remove: () => {
+          this._readAloudController.stop();
+        }
+      }
+    ]);
+  }
+  _toggleReadAloud() {
+    this._readAloudController.toggle(this.message?.content ?? "");
+  }
+  render() {
+    return this.readAloudEnabled && !this.message?.error && this.message?.content?.trim() && this._readAloudController.supported ? p`<calcite-action id=action-read-aloud .icon=${this._readAloudController.state === "playing" ? "sound-off" : "sound"} scale=s .active=${this._readAloudController.state === "playing"} @click=${() => this._toggleReadAloud()} text></calcite-action><calcite-tooltip reference-element=action-read-aloud overlay-positioning=fixed placement=bottom><span>${this._readAloudController.state === "playing" ? this._messages.stopReadingButtonLabel : this._messages.readAloudButtonLabel}</span></calcite-tooltip>` : null;
+  }
+}
+c("geoscene-assistant-message-read-aloud", C);
+export {
+  C as GeosceneAssistantMessageReadAloud
+};

package/dist/components/geoscene-assistant-message-read-aloud/index.d.ts

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

package/dist/components/geoscene-assistant-message-read-aloud/index.js

@@ -0,0 +1,3 @@
+import "@geoscene/calcite-components/components/calcite-action";
+import "@geoscene/calcite-components/components/calcite-tooltip";
+export * from "./customElement.js";

package/dist/components/geoscene-assistant-message-text/customElement.d.ts

@@ -0,0 +1,11 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+
+/**
+ * Renders assistant message text content. Use it when the block is plain text output.
+ * Offers sanitized rich-text rendering for assistant-generated message content.
+ */
+export abstract class GeosceneAssistantMessageText extends LitElement {
+  accessor content: string | undefined;
+  accessor parts: string[] | undefined;
+}

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

@@ -0,0 +1,22 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.1/LICENSE.txt */
+import { c as r } from "../../chunks/runtime.js";
+import { css as i, html as t } from "lit";
+import { LitElement as c } from "@geoscene/lumina";
+import { unsafeHTML as a } from "lit/directives/unsafe-html.js";
+import { a as s, p as o } from "../../chunks/converterUtils.js";
+const n = i`.container{color:var(--calcite-color-text-1)}.content>*{margin:0}.content>*+*{margin-block-start:var(--calcite-spacing-sm)}.content :is(ol,ul){padding-inline-start:var(--calcite-spacing-lg)}.content>calcite-table{display:block;max-width:100%}.content pre{background-color:var(--calcite-color-foreground-1);padding:var(--calcite-spacing-sm);border-radius:var(--calcite-border-radius);color:var(--calcite-color-text-1);direction:ltr;max-width:100%;overflow:auto}.content pre code{display:block;white-space:pre;font-family:var(--calcite-code-family)}.part{animation:part-reveal calc(3 * var(--calcite-animation-timing)) ease-out}@keyframes part-reveal{0%{opacity:0;transform:translateY(var(--calcite-size-fixed-xxs))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.part{animation:none}}`;
+class l extends c {
+  static {
+    this.properties = { content: 1, parts: 0 };
+  }
+  static {
+    this.styles = n;
+  }
+  render() {
+    return t`<div class="container"><div class="content">${this.parts?.map((e) => t`<span class="part">${a(s(e))}</span>`) ?? a(o(this.content))}</div></div>`;
+  }
+}
+r("geoscene-assistant-message-text", l);
+export {
+  l as GeosceneAssistantMessageText
+};

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

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

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

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