@iyulab/chat-components 0.3.0 → 0.5.0

package/dist/components/blocks/UJsonBlock.component.js

@@ -1,140 +0,0 @@
-import { html } from 'lit';
-import { state, property } from 'lit/decorators.js';
-import { map } from 'lit/directives/map.js';
-import { when } from 'lit/directives/when.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { jsonAttrConverter } from '../../utilities/converters.js';
-import { styles } from './UJsonBlock.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class UJsonBlock extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.state = {};
-    this.expanded = true;
-    this.value = {};
-    this.isValueType = (value) => {
-      return value !== Object(value);
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {};
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("tabindex", "0");
-  }
-  willUpdate(changedProperties) {
-    super.willUpdate(changedProperties);
-    if (changedProperties.has("value") || changedProperties.has("expanded")) {
-      this.state = this.setState(this.value);
-    }
-  }
-  render() {
-    return html`
-      <div part="base">
-        ${this.renderNode(this.value)}
-      </div>
-    `;
-  }
-  /**
-   * JsonNode를 렌더링합니다.
-   * @param value - JsonNode (JsonObject, JsonArray, 또는 JsonValue)
-   * @param parent - 부모 노드의 경로
-   */
-  renderNode(value, parent = "") {
-    return this.isValueType(value) ? this.renderValue(value) : this.renderObject(value, parent);
-  }
-  /**
-   * JsonValue를 렌더링합니다.
-   * @param node - JsonValue (string, number, boolean, null 등)
-   */
-  renderValue(node) {
-    const type = node === null ? "null" : Array.isArray(node) ? "array" : typeof node === "object" ? "object" : typeof node;
-    return html`
-      <span part="${type}" class="${type}" role="treeitem">
-        ${JSON.stringify(node)}
-      </span>
-    `;
-  }
-  /**
-   * JsonObject 또는 JsonArray를 렌더링합니다.
-   * @param node - JsonObject 또는 JsonArray
-   * @param depth - 현재 깊이
-   */
-  renderObject(node, parent) {
-    return html`
-      <ul part="object" role="group">
-        ${map(Object.entries(node), ([key, value]) => {
-      const path = parent ? `${parent}.${key}` : key;
-      const isValue = this.isValueType(value);
-      const isExpanded = this.state[path] ?? this.expanded;
-      return html`
-            <li part="property" role="treeitem"
-                data-path="${path}"
-                aria-expanded="${isExpanded ? "true" : "false"}">
-              <span part="key"
-                    class="key"
-                    ?collapsable="${!isValue}"
-                    ?collapsed="${!isValue && !isExpanded}"
-                    @click=${!isValue ? () => this.handlePropertyKeyClick(path) : null}>
-                ${key}:
-                ${when(!isValue && !isExpanded, () => this.renderPreview(value))}
-              </span>
-
-              ${when(isValue || isExpanded, () => this.renderNode(value, path))}
-            </li>`;
-    })}
-      </ul>
-    `;
-  }
-  /**
-   * 노드의 미리보기를 렌더링합니다.
-   * @param node - JsonObject 또는 JsonArray
-   */
-  renderPreview(node) {
-    return html`
-      <span part="preview" class="preview">
-        ${Array.isArray(node) ? node.length === 0 ? "[ ]" : `[ ${node.length} items ]` : Object.keys(node).length === 0 ? "{ }" : `{ ${Object.keys(node).length} properties }`}
-      </span>
-    `;
-  }
-  /** JSON 데이터를 순회하며 각 경로의 확장 상태를 설정합니다. */
-  setState(value, parent = "") {
-    if (typeof value !== "object" || value === null) return {};
-    const state2 = {};
-    Object.entries(value).forEach(([key, item]) => {
-      const path = parent ? `${parent}.${key}` : key;
-      state2[path] = this.expanded;
-      Object.assign(state2, this.setState(item, path));
-    });
-    return state2;
-  }
-  /** 노드 확장/축소 클릭 핸들러 */
-  handlePropertyKeyClick(path) {
-    const isExpanded = this.state[path] ?? false;
-    this.state = { ...this.state, [path]: !isExpanded };
-  }
-}
-__decorateClass([
-  state()
-], UJsonBlock.prototype, "state");
-__decorateClass([
-  property({ type: Boolean })
-], UJsonBlock.prototype, "expanded");
-__decorateClass([
-  property({ type: Object, converter: jsonAttrConverter })
-], UJsonBlock.prototype, "value");
-
-export { UJsonBlock };

package/dist/components/blocks/UMarkedBlock.component.d.ts

@@ -1,45 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { ReferenceCitation } from '../../types/References.js';
-/**
- * 마크다운 컨텐츠를 렌더링하는 컴포넌트입니다.
- *
- * 주의:
- * - refs로 삽입되는 커스텀 태그(u-ref-*)는 속성/내용을 모두 escape하여 XSS를 방지합니다.
- * - 코드블록 내부는 HTML을 전부 텍스트로 취급(escape)하며, refs 태그는 통째 제거합니다.
- * - 인덱스 기반 삽입(ref.endIndex)이 깨지지 않도록 "normalize(제로폭 제거)"를 insert 전에 1회 수행합니다.
- */
-export declare class UMarkedBlock extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    private parser;
-    /** 마크다운 컨텐츠를 렌더링할 때 사용할 값입니다. */
-    value?: string;
-    /** 컨텐츠의 인용 출처들입니다. */
-    refs?: ReferenceCitation[];
-    render(): import('lit-html/directive.js').DirectiveResult<typeof import('lit-html/directives/unsafe-html.js').UnsafeHTMLDirective>;
-    /**
-     * 인용/출처 참조객체가 있을때 문자열에 출처태그를 삽입합니다.
-     * @param value 삽입할 마크다운 문자열
-     * @return 삽입된 마크다운 문자열
-     */
-    private insert;
-    /**
-     * 참조 카드 엘리먼트를 안전하게 빌드합니다.
-     */
-    private buildCard;
-    /**
-     * Zero Width Space, LTR/RTL marks, BOM 등 특수 제어 문자를 제거합니다.
-     * (ref.endIndex 기준을 흔들지 않게 insert 전에 1회 수행)
-     */
-    private normalizeText;
-    /**
-     * 코드블록 내부 텍스트를 안전하게 처리합니다.
-     * - u-ref-tag는 통째로 제거(코드블록 안에서 UI 태그가 살아남는 것 방지)
-     * - 나머지는 전부 HTML escape
-     */
-    private sanitizeText;
-    /**
-     * HTML 텍스트 노드로 안전하게 삽입하기 위해 escape 합니다.
-     */
-    private escapeHTML;
-}

package/dist/components/blocks/UMarkedBlock.component.js

@@ -1,129 +0,0 @@
-import { nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import { unsafeHTML } from 'lit/directives/unsafe-html.js';
-import { Marked } from 'marked';
-import markedKatex from 'marked-katex-extension';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { UTooltip } from '@iyulab/components/dist/components/tooltip/UTooltip.component.js';
-import { UCodeBlock } from './UCodeBlock.component.js';
-import { URefTag } from '../references/URefTag.component.js';
-import { URefCard } from '../references/URefCard.component.js';
-import { URefCardGroup } from '../references/URefCardGroup.component.js';
-import { styles } from './UMarkedBlock.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class UMarkedBlock extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.parser = new Marked({
-      pedantic: false,
-      gfm: true,
-      breaks: true,
-      silent: true,
-      renderer: {
-        code: ({ text, lang }) => {
-          lang ||= "plaintext";
-          const safeLang = this.escapeHTML(lang);
-          const safeText = this.sanitizeText(text);
-          return `<u-code-block lang="${safeLang}">${safeText}</u-code-block>`;
-        }
-      }
-    }).use(markedKatex({ output: "mathml" }));
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-tooltip": UTooltip,
-      "u-code-block": UCodeBlock,
-      "u-ref-tag": URefTag,
-      "u-ref-card": URefCard,
-      "u-ref-card-group": URefCardGroup
-    };
-  }
-  render() {
-    if (!this.value) return nothing;
-    let value = this.normalizeText(this.value);
-    if (this.refs && this.refs.length > 0) {
-      value = this.insert(value, this.refs);
-    }
-    const html = this.parser.parse(value, { async: false });
-    return unsafeHTML(html);
-  }
-  /**
-   * 인용/출처 참조객체가 있을때 문자열에 출처태그를 삽입합니다.
-   * @param value 삽입할 마크다운 문자열
-   * @return 삽입된 마크다운 문자열
-   */
-  insert(value, refs) {
-    const reversed = [...refs].sort((a, b) => b.endIndex - a.endIndex);
-    reversed.forEach((ref) => {
-      const sources = ref.sources ?? [];
-      const firstSource = sources.at(0);
-      const tagName = this.escapeHTML(ref.label ?? `[${refs.indexOf(ref) + 1}]`);
-      const tagLink = this.escapeHTML(firstSource?.url ?? "");
-      let tooltip = "";
-      if (firstSource && sources.length === 1) {
-        tooltip = this.buildCard(firstSource, true);
-      }
-      if (sources.length > 1) {
-        const cards = sources.map((s) => this.buildCard(s, false)).join("");
-        tooltip = `<u-ref-card-group slot="tooltip">${cards}</u-ref-card-group>`;
-      }
-      const tag = `<u-ref-tag href="${tagLink}" title="${tagName}">${tagName}${tooltip}</u-ref-tag>`;
-      value = value.slice(0, ref.endIndex) + tag + value.slice(ref.endIndex);
-    });
-    return value;
-  }
-  /**
-   * 참조 카드 엘리먼트를 안전하게 빌드합니다.
-   */
-  buildCard(source, slot) {
-    const type = this.escapeHTML(source.type || "web");
-    const href = this.escapeHTML(source.url ?? "");
-    const heading = this.escapeHTML(source.title ?? "");
-    const tags = this.escapeHTML((source.tags ?? []).join(","));
-    const snippet = this.escapeHTML(source.snippet ?? "");
-    const slotAttr = slot ? ` slot="tooltip"` : "";
-    return `<u-ref-card${slotAttr} type="${type}" href="${href}" heading="${heading}" tags="${tags}">${snippet}</u-ref-card>`;
-  }
-  /**
-   * Zero Width Space, LTR/RTL marks, BOM 등 특수 제어 문자를 제거합니다.
-   * (ref.endIndex 기준을 흔들지 않게 insert 전에 1회 수행)
-   */
-  normalizeText(value) {
-    return value.replace(/\u200B|\u200C|\u200D|\u200E|\u200F|\uFEFF/g, "");
-  }
-  /**
-   * 코드블록 내부 텍스트를 안전하게 처리합니다.
-   * - u-ref-tag는 통째로 제거(코드블록 안에서 UI 태그가 살아남는 것 방지)
-   * - 나머지는 전부 HTML escape
-   */
-  sanitizeText(value) {
-    value = value.replace(/<u-ref-tag\b[^>]*>[\s\S]*?<\/u-ref-tag>/gi, "");
-    return this.escapeHTML(value);
-  }
-  /**
-   * HTML 텍스트 노드로 안전하게 삽입하기 위해 escape 합니다.
-   */
-  escapeHTML(value) {
-    return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-  }
-}
-__decorateClass([
-  property({ type: String })
-], UMarkedBlock.prototype, "value");
-__decorateClass([
-  property({ type: Array })
-], UMarkedBlock.prototype, "refs");
-
-export { UMarkedBlock };

package/dist/components/blocks/URefBlock.component.d.ts

@@ -1,17 +0,0 @@
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { ReferenceSource } from '../../types/References.js';
-/**
- * 레퍼런스 정보를 블록 형태로 표시하는 컴포넌트입니다.
- * 단일 또는 다중 레퍼런스 카드를 그리드 레이아웃으로 표시합니다.
- */
-export declare class URefBlock extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 접힘 상태 @default: true */
-    collapsed: boolean;
-    /** 블록 제목 */
-    heading?: string;
-    /** 출처 목록 */
-    sources?: ReferenceSource[];
-    render(): import('lit-html').TemplateResult<1>;
-}

package/dist/components/blocks/URefBlock.component.js

@@ -1,74 +0,0 @@
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { URefCard } from '../references/URefCard.component.js';
-import { styles } from './URefBlock.styles.js';
-import { repeat } from 'lit/directives/repeat.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class URefBlock extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.collapsed = true;
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-ref-card": URefCard
-    };
-  }
-  render() {
-    return html`
-      <button class="header" @click=${() => this.collapsed = !this.collapsed}>
-        <u-icon
-          ?collapsed=${this.collapsed}
-          lib="internal" 
-          name="chevron-down"
-        ></u-icon>
-        <div class="title">
-          ${this.heading || "References"}
-        </div>
-        <div style="flex: 1;"></div>
-        <div class="count">
-          ${this.sources ? this.sources.length : 0}
-        </div>
-      </button>
-
-      <div class="body" ?collapsed=${this.collapsed}>
-        ${repeat(this.sources || [], (_, idx) => idx, (source) => {
-      return html`
-            <u-ref-card
-              .type=${source.type}
-              .href=${source.url}
-              .heading=${source.title}
-              .tags=${source.tags}
-            >
-              ${source.snippet || ""}
-            </u-ref-card>
-          `;
-    })}
-      </div>
-    `;
-  }
-}
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], URefBlock.prototype, "collapsed");
-__decorateClass([
-  property({ type: String })
-], URefBlock.prototype, "heading");
-__decorateClass([
-  property({ type: Array })
-], URefBlock.prototype, "sources");
-
-export { URefBlock };

package/dist/components/blocks/UTextBlock.component.d.ts

@@ -1,37 +0,0 @@
-import { PropertyValues } from 'lit';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/**
- * 텍스트를 표시하거나 편집할 수 있는 블록 컴포넌트입니다.
- */
-export declare class UTextBlock extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    textareaEl: HTMLTextAreaElement;
-    preEl: HTMLPreElement;
-    /** 편집 가능 여부 */
-    editable: boolean;
-    /** 스펠체크 여부 */
-    spellcheck: boolean;
-    /** 플레이스홀더 텍스트 */
-    placeholder?: string;
-    /** 최소 행 수, 기본값은 1 */
-    minRows: number;
-    /** 최대 행 수 */
-    maxRows?: number;
-    /** 텍스트 블록의 내용 */
-    value?: string;
-    protected updated(changedProperties: PropertyValues): void;
-    render(): import('lit-html').TemplateResult<1>;
-    /**
-     * textarea에 포커스를 줍니다.
-     */
-    focus(options?: FocusOptions): void;
-    /**
-     * 텍스트 입력시 value를 업데이트하고 이벤트를 재전파합니다.
-     */
-    private updateValueFrom;
-    /**
-     * pre 엘리먼트에 주입될 값을 정규화합니다.
-     */
-    private normalizeValue;
-}

package/dist/components/blocks/UTextBlock.component.js

@@ -1,123 +0,0 @@
-import { html } from 'lit';
-import { query, property } from 'lit/decorators.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { styles } from './UTextBlock.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class UTextBlock extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.editable = false;
-    this.spellcheck = false;
-    this.minRows = 1;
-    /**
-     * 텍스트 입력시 value를 업데이트하고 이벤트를 재전파합니다.
-     */
-    this.updateValueFrom = (event) => {
-      event.stopPropagation();
-      this.value = this.textareaEl.value;
-      this.dispatchEvent(new InputEvent("input", {
-        bubbles: true,
-        composed: true,
-        cancelable: true,
-        data: this.value,
-        inputType: event.inputType,
-        isComposing: event.isComposing,
-        dataTransfer: event.dataTransfer,
-        detail: event.detail,
-        targetRanges: event.getTargetRanges(),
-        view: event.view
-      }));
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {};
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("minRows") && this.minRows > 0) {
-      const lineHeight = parseFloat(getComputedStyle(this.preEl).lineHeight);
-      this.preEl.style.minHeight = `${this.minRows * lineHeight}px`;
-    }
-    if (changedProperties.has("maxRows") && this.maxRows && this.maxRows > 0 && this.maxRows > this.minRows) {
-      const lineHeight = parseFloat(getComputedStyle(this.preEl).lineHeight);
-      this.preEl.style.maxHeight = `${this.maxRows * lineHeight}px`;
-    }
-    if (changedProperties.has("editable") && this.editable) {
-      requestAnimationFrame(() => {
-        this.textareaEl.focus();
-        this.textareaEl.setSelectionRange(this.value?.length || 0, this.value?.length || 0);
-      });
-    }
-  }
-  render() {
-    return html`
-      <div class="container">
-        <textarea
-          name="message"
-          placeholder=${this.placeholder || ""}
-          spellcheck=${this.spellcheck}
-          .readOnly=${!this.editable}
-          .value=${this.value || ""}
-          @input=${this.updateValueFrom}
-        ></textarea>
-        <pre
-          .textContent=${this.normalizeValue(this.value)}
-        ></pre>
-      </div>
-    `;
-  }
-  /**
-   * textarea에 포커스를 줍니다.
-   */
-  focus(options) {
-    this.textareaEl.focus(options);
-  }
-  /**
-   * pre 엘리먼트에 주입될 값을 정규화합니다.
-   */
-  normalizeValue(value) {
-    if (!value) return "​";
-    if (value.endsWith("\n")) {
-      return value + "​";
-    }
-    return value;
-  }
-}
-__decorateClass([
-  query("textarea")
-], UTextBlock.prototype, "textareaEl");
-__decorateClass([
-  query("pre")
-], UTextBlock.prototype, "preEl");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UTextBlock.prototype, "editable");
-__decorateClass([
-  property({ type: Boolean })
-], UTextBlock.prototype, "spellcheck");
-__decorateClass([
-  property({ type: String })
-], UTextBlock.prototype, "placeholder");
-__decorateClass([
-  property({ type: Number })
-], UTextBlock.prototype, "minRows");
-__decorateClass([
-  property({ type: Number })
-], UTextBlock.prototype, "maxRows");
-__decorateClass([
-  property({ type: String })
-], UTextBlock.prototype, "value");
-
-export { UTextBlock };

package/dist/components/blocks/UThinkBlock.component.d.ts

@@ -1,23 +0,0 @@
-import { PropertyValues } from 'lit';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-/**
- * 추론 내용을 표시하는 블록입니다.
- * 로딩 중일 때는 "Thinking..." 메시지를 표시하고, 내용 펼치기/접기 기능을 제공합니다.
- */
-export declare class UThinkBlock extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    bodyEl: HTMLDivElement;
-    /** 컨텐츠가 로딩 중인지 여부 */
-    loading: boolean;
-    /** 컨텐츠가 접혀있는지 여부 */
-    collapsed: boolean;
-    /** 추론 컨텐츠의 내용 */
-    value?: string;
-    protected updated(changedProperties: PropertyValues): void;
-    render(): import('lit-html').TemplateResult<1>;
-    /**
-     * 컨텐츠가 로딩 중일 때, 스크롤을 맨 아래로 이동
-     */
-    private scrollToBottom;
-}

package/dist/components/blocks/UThinkBlock.component.js

@@ -1,90 +0,0 @@
-import { html } from 'lit';
-import { query, property } from 'lit/decorators.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { UIcon } from '@iyulab/components/dist/components/icon/UIcon.component.js';
-import { UMarkedBlock } from './UMarkedBlock.component.js';
-import { styles } from './UThinkBlock.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class UThinkBlock extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.loading = false;
-    this.collapsed = true;
-    /**
-     * 컨텐츠가 로딩 중일 때, 스크롤을 맨 아래로 이동
-     */
-    this.scrollToBottom = () => {
-      if (!this.bodyEl) return;
-      requestAnimationFrame(() => {
-        this.bodyEl.scrollTo({
-          top: this.bodyEl.scrollHeight,
-          behavior: "smooth"
-        });
-      });
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": UIcon,
-      "u-marked-block": UMarkedBlock
-    };
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("value") && this.value) {
-      this.scrollToBottom();
-    }
-  }
-  render() {
-    return html`
-      <div class="header" part="header"
-        @click=${() => this.collapsed = !this.collapsed}>
-        <u-icon class="prefix-icon"
-          ?loading=${this.loading}
-          lib="internal"
-          name="lightbulb-fill"
-        ></u-icon>
-        <span class="title">
-          ${this.loading ? "Thinking..." : "Thought"}
-        </span>
-        <u-icon class="suffix-icon"
-          lib="internal" 
-          name=${this.collapsed ? "plus-lg" : "dash-lg"}
-        ></u-icon>
-      </div>
-      
-      <div class="body" part="body" scrollable 
-        ?hidden=${this.collapsed}>
-        <u-marked-block
-          .value=${this.value}
-        ></u-marked-block>
-      </div>
-    `;
-  }
-}
-__decorateClass([
-  query(".body")
-], UThinkBlock.prototype, "bodyEl");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UThinkBlock.prototype, "loading");
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UThinkBlock.prototype, "collapsed");
-__decorateClass([
-  property({ type: String })
-], UThinkBlock.prototype, "value");
-
-export { UThinkBlock };