@iyulab/chat-components 0.12.3 → 0.14.0

package/dist/components/blocks/UMarkedBlock.js

@@ -1,14 +1,16 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
 import "./UCodeBlock.js";
 import { escapeHtmlAttr, escapeHtmlHref, escapeHtmlText, stripZeroWidth } from "../../utilities/sanitizers.js";
 import { HtmlBuilder } from "../../utilities/HtmlBuilder.js";
 import { UElementBlock } from "./UElementBlock.js";
+import { messages } from "../../utilities/messages.js";
 import { markedKatex } from "../../utilities/markedKatex.js";
 import "../references/URefTag.js";
 import { URefCard } from "../references/URefCard.js";
 import "../references/URefCardGroup.js";
 import { UTableBlock } from "./UTableBlock.js";
+import { resolveImageSource } from "../../utilities/imageSources.js";
 import { HtmlPlaceholder, stripRefPlaceholders } from "../../utilities/HtmlPlaceholder.js";
 import { styles } from "./UMarkedBlock.styles.js";
 import { nothing } from "lit";
@@ -40,9 +42,15 @@ var UMarkedBlock = class UMarkedBlock extends UElement {
 	static {
 		this.styles = [super.styles, styles];
 	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.requestUpdate();
+	}
 	disconnectedCallback() {
 		clearTimeout(this.queuedTimer);
 		clearTimeout(this.streamingTimer);
+		this.queued = false;
+		this.streaming = false;
 		super.disconnectedCallback();
 	}
 	shouldUpdate(_changedProperties) {
@@ -79,7 +87,7 @@ var UMarkedBlock = class UMarkedBlock extends UElement {
 	*/
 	renderCode(token) {
 		const lang = token.lang ?? "plaintext";
-		if (lang === "block-json") return UElementBlock.buildHTML(token.text, { loading: this.streaming });
+		if (lang === "block-json") return UElementBlock.buildHTML(stripRefPlaceholders(token.text), { loading: this.streaming });
 		const safeText = escapeHtmlText(this.removeRefs(token.text));
 		return HtmlBuilder.build("u-code-block", { lang }, safeText);
 	}
@@ -93,12 +101,13 @@ var UMarkedBlock = class UMarkedBlock extends UElement {
 	* 반드시 `this.parser.defaults`(우리 렌더러가 병합된 설정)를 함께 넘긴다.
 	*/
 	renderTable(token) {
+		const cellHtml = (cell) => this.placeholder.restore(cell.tokens ? Parser.parseInline(cell.tokens, this.parser.defaults) : cell.text);
 		const headers = token.header.map((h) => ({
-			text: h.tokens ? Parser.parseInline(h.tokens, this.parser.defaults) : h.text,
+			text: cellHtml(h),
 			align: h.align
 		}));
 		const rows = token.rows.map((row) => row.map((cell) => ({
-			text: cell.tokens ? Parser.parseInline(cell.tokens, this.parser.defaults) : cell.text,
+			text: cellHtml(cell),
 			align: cell.align
 		})));
 		return UTableBlock.buildHTML({
@@ -126,9 +135,18 @@ var UMarkedBlock = class UMarkedBlock extends UElement {
 		out += `>${text}</a>`;
 		return out;
 	}
-	/** 마크다운 이미지의 src도 `renderLink`와 동일하게 protocol을 검사합니다. */
+	/**
+	* 마크다운 이미지의 src도 `renderLink`와 동일하게 protocol을 검사하고, 이미지 출처 정책
+	* (`setAllowedImagePrefixes`)에 대어 봅니다. 막힌 이미지는 `<img>` 를 만들지 않는다 —
+	* 요청 자체가 반출 경로이므로 대체 텍스트만 그린다.
+	*/
 	renderImage(token) {
-		let out = `<img src="${escapeHtmlHref(token.href)}" alt="${escapeHtmlAttr(token.text)}"`;
+		const src = resolveImageSource(token.href);
+		if (src === null) {
+			const label = token.text ? messages.text("imageBlockedNamed", { name: token.text }) : messages.text("imageBlocked");
+			return `<span class="image-blocked" part="image-blocked">${escapeHtmlText(label)}</span>`;
+		}
+		let out = `<img src="${escapeHtmlAttr(src)}" alt="${escapeHtmlAttr(token.text)}"`;
 		if (token.title) out += ` title="${escapeHtmlAttr(token.title)}"`;
 		out += `>`;
 		return out;

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

@@ -327,6 +327,16 @@ var styles = css`
     background-color: transparent;
   }
 
+  /* 이미지 출처 정책이 막은 자리 — 요청 없이 대체 텍스트만 보인다. */
+  .image-blocked {
+    display: inline-block;
+    padding: 0 var(--base-size-4);
+    border: 1px dashed var(--borderColor-default);
+    border-radius: 6px;
+    color: var(--fgColor-muted);
+    font-size: 0.875em;
+  }
+
   .emoji {
     max-width: none;
     vertical-align: text-top;

package/dist/components/blocks/URefBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
 import "../references/URefCard.js";
 import { styles } from "./URefBlock.styles.js";
 import { html } from "lit";

package/dist/components/blocks/UTableBlock.js

@@ -1,5 +1,6 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import "../../utilities/icons.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
 import { UDataElement } from "../UDataElement.js";
 import { messages } from "../../utilities/messages.js";
 import { styles } from "./UTableBlock.styles.js";

package/dist/components/blocks/UTextBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
 import { styles } from "./UTextBlock.styles.js";
 import { html } from "lit";
 import { customElement, property, query } from "lit/decorators.js";

package/dist/components/message/UMessage.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
 import { styles } from "./UMessage.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";

package/dist/components/prompt/UPrompt.js

@@ -1,5 +1,6 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import "../../utilities/icons.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
 import { messages } from "../../utilities/messages.js";
 import "../blocks/UFileBlock.js";
 import { styles } from "./UPrompt.styles.js";
@@ -9,6 +10,7 @@ import "@iyulab/components/dist/components/icon/UIcon.js";
 import { UElement } from "@iyulab/components/dist/components/UElement.js";
 import "@iyulab/components/dist/components/button/UButton.js";
 import { repeat } from "lit/directives/repeat.js";
+import { isImeComposing } from "@iyulab/components/dist/utilities/keyboard.js";
 //#region src/components/prompt/UPrompt.ts
 var UPrompt = class UPrompt extends UElement {
 	constructor(..._args) {
@@ -115,7 +117,7 @@ var UPrompt = class UPrompt extends UElement {
 		this.value = target.value;
 	}
 	handleTextBlockKeydown(e) {
-		if (e.key === "Enter" && !e.shiftKey) {
+		if (e.key === "Enter" && !e.shiftKey && !isImeComposing(e)) {
 			e.preventDefault();
 			this.submit();
 		}

package/dist/components/references/URefCard.d.ts

@@ -1,10 +1,27 @@
 import { UDataElement } from '../UDataElement.js';
+/**
+ * 웹 참조 카드의 파비콘 이미지 URL 을 정한다. `undefined` 를 돌려주면 파비콘 없이 그린다.
+ * @param url 카드의 `url`
+ */
+export type FaviconResolver = (url: string) => string | undefined;
+/**
+ * 구글 공개 파비콘 서비스를 쓰는 리졸버(opt-in). 카드마다 사이트의 호스트 이름을 구글에 보낸다 —
+ * 공용 인터넷에 닿지 않는 망에서는 쓰지 말 것.
+ *
+ * @example URefCard.defaultFaviconUrl = googleFaviconUrl;
+ */
+export declare const googleFaviconUrl: FaviconResolver;
 /**
  * 참조 소스를 카드 형태로 표시하는 공통 컴포넌트입니다.
  * Web과 Document 타입 모두 지원합니다.
  */
 export declare class URefCard extends UDataElement {
     static styles: import('lit').CSSResultGroup[];
+    /**
+     * 자기 `faviconUrl` 이 없는 모든 카드가 쓰는 리졸버. 기본값 `undefined` 는 파비콘을 요청하지 않는다 —
+     * 카드가 밖으로 나가는 요청을 스스로 만들지 않는다. 카드가 그려지기 전에 정할 것.
+     */
+    static defaultFaviconUrl?: FaviconResolver;
     /** 카드 타입 (web 또는 document) */
     type: 'web' | 'document';
     /** 외부 링크 URL */
@@ -15,6 +32,8 @@ export declare class URefCard extends UDataElement {
     snippet?: string;
     /** 태그 목록 */
     tags?: string[];
+    /** 이 카드의 파비콘 리졸버 — `URefCard.defaultFaviconUrl` 보다 우선한다. */
+    faviconUrl?: FaviconResolver;
     render(): import('lit-html').TemplateResult<1>;
     /**
      * script-payload(UMarkedBlock 툴팁)와 property 바인딩(URefBlock) 두 사용
@@ -24,8 +43,8 @@ export declare class URefCard extends UDataElement {
     protected load(data?: object): Promise<void>;
     /** 링크 클릭 핸들러 */
     private handleAnchorClick;
-    /** URL에서 Google의 파비콘 URL을 반환합니다. */
-    private getFaviconUrl;
+    /** 리졸버가 URL 을 돌려줄 때만 파비콘을 그린다(장식 — 제목이 이름을 나른다). */
+    private renderFavicon;
     /** URL에서 도메인 사이트 주소를 반환합니다. */
     private getDomainName;
 }

package/dist/components/references/URefCard.js

@@ -1,14 +1,33 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import "../../utilities/icons.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import { sanitizeHref } from "../../utilities/sanitizers.js";
 import { UDataElement } from "../UDataElement.js";
 import { styles } from "./URefCard.styles.js";
-import { html } from "lit";
+import { html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { arrayAttrConverter } from "@iyulab/components/dist/utilities/converters.js";
 //#region src/components/references/URefCard.ts
+var _URefCard;
+/**
+* 구글 공개 파비콘 서비스를 쓰는 리졸버(opt-in). 카드마다 사이트의 호스트 이름을 구글에 보낸다 —
+* 공용 인터넷에 닿지 않는 망에서는 쓰지 말 것.
+*
+* @example URefCard.defaultFaviconUrl = googleFaviconUrl;
+*/
+var googleFaviconUrl = (url) => {
+	try {
+		return `https://www.google.com/s2/favicons?sz=64&domain=${encodeURIComponent(new URL(url).hostname)}`;
+	} catch {
+		return;
+	}
+};
 var URefCard = class URefCard extends UDataElement {
+	static {
+		_URefCard = this;
+	}
 	constructor(..._args) {
 		super(..._args);
 		this.type = "web";
@@ -19,14 +38,10 @@ var URefCard = class URefCard extends UDataElement {
 	}
 	render() {
 		return html`
-      <a href="${ifDefined(this.url)}" target="_blank" rel="noopener noreferrer"
+      <a href="${ifDefined(this.url ? sanitizeHref(this.url) : void 0)}" target="_blank" rel="noopener noreferrer"
         @click=${this.handleAnchorClick}>
         <div class="header">
-          <img class="favicon" 
-            src="${this.getFaviconUrl(this.url)}" 
-            alt=""
-            aria-hidden="true"
-          />
+          ${this.renderFavicon()}
           <div class="title">
             ${this.title || this.getDomainName(this.url)}
           </div>
@@ -68,14 +83,12 @@ var URefCard = class URefCard extends UDataElement {
 			e.stopPropagation();
 		}
 	}
-	/** URL에서 Google의 파비콘 URL을 반환합니다. */
-	getFaviconUrl(url) {
-		if (!url) return `/favicon.ico`;
-		try {
-			return `https://www.google.com/s2/favicons?sz=64&domain=${new URL(url).hostname}`;
-		} catch {
-			return `/favicon.ico`;
-		}
+	/** 리졸버가 URL 을 돌려줄 때만 파비콘을 그린다(장식 — 제목이 이름을 나른다). */
+	renderFavicon() {
+		const resolve = this.faviconUrl ?? _URefCard.defaultFaviconUrl;
+		const src = this.url && resolve ? resolve(this.url) : void 0;
+		if (!src) return nothing;
+		return html`<img class="favicon" src=${src} alt="" aria-hidden="true" />`;
 	}
 	/** URL에서 도메인 사이트 주소를 반환합니다. */
 	getDomainName(url) {
@@ -98,6 +111,7 @@ __decorate([property({
 	type: Array,
 	converter: arrayAttrConverter((v) => v)
 }), __decorateMetadata("design:type", Array)], URefCard.prototype, "tags", void 0);
-URefCard = __decorate([customElement("u-ref-card")], URefCard);
+__decorate([property({ attribute: false }), __decorateMetadata("design:type", Object)], URefCard.prototype, "faviconUrl", void 0);
+URefCard = _URefCard = __decorate([customElement("u-ref-card")], URefCard);
 //#endregion
-export { URefCard };
+export { URefCard, googleFaviconUrl };

package/dist/components/references/URefCardGroup.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
 import { messages } from "../../utilities/messages.js";
 import { URefCard } from "./URefCard.js";
 import { styles } from "./URefCardGroup.styles.js";

package/dist/components/references/URefTag.js

@@ -1,5 +1,7 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import "../../utilities/icons.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import { sanitizeHref } from "../../utilities/sanitizers.js";
 import { styles } from "./URefTag.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";
@@ -14,7 +16,7 @@ var URefTag = class URefTag extends UElement {
 	}
 	render() {
 		return html`
-      <a href="${ifDefined(this.href)}" target="_blank" rel="noopener noreferrer"
+      <a href="${ifDefined(this.href ? sanitizeHref(this.href) : void 0)}" target="_blank" rel="noopener noreferrer"
         @click=${this.handleAnchorClick}>
         <slot></slot>
       </a>

package/dist/components-extra/UChartBlock.js

@@ -1,7 +1,10 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import "../utilities/icons.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import { registerElementBlock } from "../utilities/ElementRegistry.js";
 import { messages } from "../utilities/messages.js";
 import { styles } from "./UChartBlock.styles.js";
+import schema from "./UChartBlock.schema.js";
 import { html, nothing } from "lit";
 import { customElement, property, query, state } from "lit/decorators.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";
@@ -9,6 +12,7 @@ import { UElement } from "@iyulab/components/dist/components/UElement.js";
 import "@iyulab/components/dist/components/button/UButton.js";
 import { Chart } from "chart.js/auto";
 //#region src/components-extra/UChartBlock.ts
+registerElementBlock(schema);
 var UChartBlock = class UChartBlock extends UElement {
 	constructor(..._args) {
 		super(..._args);

package/dist/components-extra/UImagesBlock.d.ts

@@ -1,4 +1,4 @@
-import { nothing } from 'lit';
+import { nothing, PropertyValues } from 'lit';
 import { UElement } from '@iyulab/components/dist/components/UElement.js';
 export interface ImageSlide {
     src: string;
@@ -16,7 +16,12 @@ export declare class UImagesBlock extends UElement {
     private index;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /** 열린 라이트박스는 층이다 — Escape 는 components 의 층 스택이 «가장 나중에 연 층 하나» 에만 준다. */
+    protected updated(changed: PropertyValues): void;
     render(): typeof nothing | import('lit-html').TemplateResult<1>;
+    /** 출처 정책(`setAllowedImagePrefixes`)이 막은 이미지 자리의 문구. */
+    private blockedLabel;
+    private renderLightboxImage;
     private renderLightbox;
     open: (i: number) => void;
     close: () => void;

package/dist/components-extra/UImagesBlock.js

@@ -1,14 +1,19 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import { registerElementBlock } from "../utilities/ElementRegistry.js";
 import { messages } from "../utilities/messages.js";
+import { resolveImageSource } from "../utilities/imageSources.js";
 import { styles } from "./UImagesBlock.styles.js";
+import schema from "./UImagesBlock.schema.js";
 import { html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";
 import { UElement } from "@iyulab/components/dist/components/UElement.js";
+import { OverlayManager } from "@iyulab/components/dist/utilities/OverlayManager.js";
 import { repeat } from "lit/directives/repeat.js";
 import "@iyulab/components/dist/components/carousel/UCarousel.js";
 //#region src/components-extra/UImagesBlock.ts
+registerElementBlock(schema);
 var UImagesBlock = class UImagesBlock extends UElement {
 	constructor(..._args) {
 		super(..._args);
@@ -36,8 +41,7 @@ var UImagesBlock = class UImagesBlock extends UElement {
 		};
 		this.handleKeyDown = (e) => {
 			if (this.index === null) return;
-			if (e.key === "Escape") this.close();
-			else if (e.key === "ArrowLeft") this.prev();
+			if (e.key === "ArrowLeft") this.prev();
 			else if (e.key === "ArrowRight") this.next();
 		};
 	}
@@ -50,8 +54,16 @@ var UImagesBlock = class UImagesBlock extends UElement {
 	}
 	disconnectedCallback() {
 		document.removeEventListener("keydown", this.handleKeyDown);
+		OverlayManager.closeLayer(this);
 		super.disconnectedCallback();
 	}
+	/** 열린 라이트박스는 층이다 — Escape 는 components 의 층 스택이 «가장 나중에 연 층 하나» 에만 준다. */
+	updated(changed) {
+		super.updated(changed);
+		if (!changed.has("index")) return;
+		if (this.index !== null) OverlayManager.openLayer(this, () => this.close());
+		else OverlayManager.closeLayer(this);
+	}
 	render() {
 		if (!this.items?.length) return nothing;
 		const count = this.items.length;
@@ -64,14 +76,17 @@ var UImagesBlock = class UImagesBlock extends UElement {
         .slidesPerView=${Math.min(count, 3)}
         .gap=${8}
       >
-        ${repeat(this.items, (item, i) => html`
+        ${repeat(this.items, (item, i) => resolveImageSource(item.src) === null ? html`
+          <!-- 출처 정책이 막은 이미지는 요청하지 않는다 — 열 것이 없으므로 버튼도 아니다. -->
+          <div class="slide blocked">${this.blockedLabel(item)}</div>
+        ` : html`
           <!-- 썸네일은 라이트박스를 여는 버튼이다 — 클릭만 받는 div 는 키보드로 열 수 없었다.
                대체 텍스트가 있으면 그것이 이름이고, 없으면 «이미지 N 열기» 로 이름을 준다. -->
           <button type="button" class="slide"
             aria-label=${item.alt ? nothing : messages.text("openImage", { index: i + 1 })}
             @click=${() => this.open(i)}>
             <img
-              src=${item.src}
+              src=${resolveImageSource(item.src)}
               alt=${item.alt || ""}
               loading="lazy"
             />
@@ -86,6 +101,14 @@ var UImagesBlock = class UImagesBlock extends UElement {
       ${this.renderLightbox()}
     `;
 	}
+	/** 출처 정책(`setAllowedImagePrefixes`)이 막은 이미지 자리의 문구. */
+	blockedLabel(item) {
+		return item.alt ? messages.text("imageBlockedNamed", { name: item.alt }) : messages.text("imageBlocked");
+	}
+	renderLightboxImage(img) {
+		const src = resolveImageSource(img.src);
+		return src === null ? html`<div class="lb-blocked">${this.blockedLabel(img)}</div>` : html`<img src=${src} alt=${img.alt || ""} />`;
+	}
 	renderLightbox() {
 		const idx = this.index;
 		if (idx === null) return nothing;
@@ -113,7 +136,7 @@ var UImagesBlock = class UImagesBlock extends UElement {
             <div class="lb-track" style="transform:translateX(${translateX})">
               ${repeat(this.items, (img, i) => html`
                 <div class="lb-slide" ?active=${i === idx}>
-                  <img src=${img.src} alt=${img.alt || ""} />
+                  ${this.renderLightboxImage(img)}
                 </div>
               `)}
             </div>

package/dist/components-extra/UImagesBlock.styles.js

@@ -40,6 +40,19 @@ var styles = css`
     filter: brightness(0.92);
   }
 
+  /* 출처 정책이 막은 이미지 — 요청 없이 대체 텍스트만. */
+  .slide.blocked {
+    display: grid;
+    place-items: center;
+    padding: 8px;
+    box-sizing: border-box;
+    border: 1px dashed var(--u-border-color, #E0E0E0);
+    color: var(--u-txt-color-weak, #616161);
+    font-size: 0.8em;
+    text-align: center;
+    cursor: default;
+  }
+
   .caption {
     position: absolute;
     bottom: 0;
@@ -58,7 +71,7 @@ var styles = css`
   .lb-overlay {
     position: fixed;
     inset: 0;
-    z-index: 9999;
+    z-index: var(--u-layer-overlay, 9999);
     display: flex;
     flex-direction: column;
     background: rgba(0, 0, 0, 0.92);
@@ -160,6 +173,12 @@ var styles = css`
     user-select: none;
     pointer-events: none;
   }
+  .lb-blocked {
+    padding: 16px 24px;
+    border: 1px dashed rgba(255, 255, 255, 0.5);
+    border-radius: 6px;
+    color: white;
+  }
 
   .lb-nav {
     position: absolute;

package/dist/components-extra/UMapBlock.js

@@ -1,10 +1,13 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import { registerElementBlock } from "../utilities/ElementRegistry.js";
 import { styles } from "./UMapBlock.styles.js";
+import schema from "./UMapBlock.schema.js";
 import { html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { UElement } from "@iyulab/components/dist/components/UElement.js";
 //#region src/components-extra/UMapBlock.ts
+registerElementBlock(schema);
 var UMapBlock = class UMapBlock extends UElement {
 	constructor(..._args) {
 		super(..._args);

package/dist/components-extra/UVideoBlock.js

@@ -1,11 +1,14 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import { registerElementBlock } from "../utilities/ElementRegistry.js";
 import { styles } from "./UVideoBlock.styles.js";
+import schema from "./UVideoBlock.schema.js";
 import { html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { UElement } from "@iyulab/components/dist/components/UElement.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 //#region src/components-extra/UVideoBlock.ts
+registerElementBlock(schema);
 var UVideoBlock = class UVideoBlock extends UElement {
 	constructor(..._args) {
 		super(..._args);

package/dist/extra.d.ts

@@ -2,5 +2,11 @@ export * from './components-extra/UChartBlock.js';
 export * from './components-extra/UImagesBlock.js';
 export * from './components-extra/UMapBlock.js';
 export * from './components-extra/UVideoBlock.js';
-/** 내장 extra 블록(chart/images/map/video)이 모두 등록된 LLM 시스템 프롬프트 조각 */
+/**
+ * 내장 extra 블록(chart/images/map/video)이 모두 등록된 LLM 시스템 프롬프트 조각.
+ *
+ * 공유 인스턴스(`ElementPromptBuilder.instance`)에 등록한다 — 문서가 약속하듯 소비자가 거기에
+ * 자기 extra 를 더한 뒤 `build()` 를 다시 부르면 내장 넷과 함께 나온다. 종전에는 별도 인스턴스에
+ * 등록해 그 `build()` 가 소비자 것만 돌려줬다.
+ */
 export declare const prompt: string;

package/dist/extra.js

@@ -1,14 +1,20 @@
 import { ElementPromptBuilder } from "./utilities/PromptBuilder.js";
-import { UChartBlock } from "./components-extra/UChartBlock.js";
-import { UImagesBlock } from "./components-extra/UImagesBlock.js";
-import { UMapBlock } from "./components-extra/UMapBlock.js";
-import { UVideoBlock } from "./components-extra/UVideoBlock.js";
 import schema from "./components-extra/UChartBlock.schema.js";
+import { UChartBlock } from "./components-extra/UChartBlock.js";
 import schema$1 from "./components-extra/UImagesBlock.schema.js";
+import { UImagesBlock } from "./components-extra/UImagesBlock.js";
 import schema$2 from "./components-extra/UMapBlock.schema.js";
+import { UMapBlock } from "./components-extra/UMapBlock.js";
 import schema$3 from "./components-extra/UVideoBlock.schema.js";
+import { UVideoBlock } from "./components-extra/UVideoBlock.js";
 //#region src/extra.ts
-/** 내장 extra 블록(chart/images/map/video)이 모두 등록된 LLM 시스템 프롬프트 조각 */
-var prompt = new ElementPromptBuilder().add(schema$1).add(schema$3).add(schema$2).add(schema).build();
+/**
+* 내장 extra 블록(chart/images/map/video)이 모두 등록된 LLM 시스템 프롬프트 조각.
+*
+* 공유 인스턴스(`ElementPromptBuilder.instance`)에 등록한다 — 문서가 약속하듯 소비자가 거기에
+* 자기 extra 를 더한 뒤 `build()` 를 다시 부르면 내장 넷과 함께 나온다. 종전에는 별도 인스턴스에
+* 등록해 그 `build()` 가 소비자 것만 돌려줬다.
+*/
+var prompt = ElementPromptBuilder.instance.add(schema$1).add(schema$3).add(schema$2).add(schema).build();
 //#endregion
 export { UChartBlock, UImagesBlock, UMapBlock, UVideoBlock, prompt };

package/dist/index.d.ts

@@ -17,4 +17,6 @@ export type * from './events/SendEvent';
 export type * from './events/StopEvent';
 export * from './utilities/HtmlBuilder.js';
 export * from './utilities/PromptBuilder.js';
+export * from './utilities/ElementRegistry.js';
 export * from './utilities/sanitizers.js';
+export * from './utilities/imageSources.js';

package/dist/index.js

@@ -1,16 +1,19 @@
+import "./utilities/icons.js";
 import { UCodeBlock } from "./components/blocks/UCodeBlock.js";
-import { escapeHtmlAttr, escapeHtmlHref, escapeHtmlText, stripZeroWidth } from "./utilities/sanitizers.js";
+import { escapeHtmlAttr, escapeHtmlHref, escapeHtmlText, sanitizeHref, stripZeroWidth } from "./utilities/sanitizers.js";
 import { HtmlBuilder } from "./utilities/HtmlBuilder.js";
+import { getElementBlockProperties, registerElementBlock } from "./utilities/ElementRegistry.js";
 import { UElementBlock } from "./components/blocks/UElementBlock.js";
 import { UFileBlock } from "./components/blocks/UFileBlock.js";
 import { URefTag } from "./components/references/URefTag.js";
-import { URefCard } from "./components/references/URefCard.js";
+import { URefCard, googleFaviconUrl } from "./components/references/URefCard.js";
 import { URefCardGroup } from "./components/references/URefCardGroup.js";
 import { UTableBlock } from "./components/blocks/UTableBlock.js";
+import { getAllowedImagePrefixes, resolveImageSource, setAllowedImagePrefixes } from "./utilities/imageSources.js";
 import { UMarkedBlock } from "./components/blocks/UMarkedBlock.js";
 import { UTextBlock } from "./components/blocks/UTextBlock.js";
 import { URefBlock } from "./components/blocks/URefBlock.js";
 import { UMessage } from "./components/message/UMessage.js";
 import { UPrompt } from "./components/prompt/UPrompt.js";
 import { ElementPromptBuilder } from "./utilities/PromptBuilder.js";
-export { ElementPromptBuilder, HtmlBuilder, UCodeBlock, UElementBlock, UFileBlock, UMarkedBlock, UMessage, UPrompt, URefBlock, URefCard, URefCardGroup, URefTag, UTableBlock, UTextBlock, escapeHtmlAttr, escapeHtmlHref, escapeHtmlText, stripZeroWidth };
+export { ElementPromptBuilder, HtmlBuilder, UCodeBlock, UElementBlock, UFileBlock, UMarkedBlock, UMessage, UPrompt, URefBlock, URefCard, URefCardGroup, URefTag, UTableBlock, UTextBlock, escapeHtmlAttr, escapeHtmlHref, escapeHtmlText, getAllowedImagePrefixes, getElementBlockProperties, googleFaviconUrl, registerElementBlock, resolveImageSource, sanitizeHref, setAllowedImagePrefixes, stripZeroWidth };

package/dist/node_modules/katex/dist/katex.js

@@ -20846,7 +20846,7 @@ function parseArray(parser, _ref, style) {
 			parser.consume();
 		} else if (next === "\\end") {
 			endRow();
-			if (row.length === 1 && cell.type === "styling" && cell.body.length === 1 && cell.body[0].type === "ordgroup" && cell.body[0].body.length === 0 && (body.length > 1 || !emptySingleRow) && !Array.isArray(tags == null ? void 0 : tags[tags.length - 1])) body.pop();
+			if (row.length === 1 && cell.type === "styling" && cell.body.length === 1 && cell.body[0].type === "ordgroup" && cell.body[0].body.length === 0 && (body.length > 1 || !emptySingleRow) && !Array.isArray(tags == null ? void 0 : tags[tags.length - 1]) && !(autoTag && (tags == null ? void 0 : tags[tags.length - 1]) === true)) body.pop();
 			if (hLinesBeforeRow.length < body.length + 1) hLinesBeforeRow.push([]);
 			break;
 		} else if (next === "\\\\") {
@@ -26276,7 +26276,7 @@ var renderToHTMLTree = function renderToHTMLTree(expression, options) {
 		return renderError(error, expression, settings);
 	}
 };
-var version = "0.18.7";
+var version = "0.18.9";
 var __domTree = {
 	Span,
 	Anchor,