@iyulab/chat-components 0.11.5 → 0.11.8

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # Changelog
 
+## [0.11.8] - 2026-09-07
+
+### Fixed
+
+- **The table block's toolbar stayed English in every locale.** `UTableBlock`
+  was the only block component that never went through the message registry
+  at all — it did not even import it — so its search placeholder, row-count
+  label, and Excel/CSV download tooltips were English literals regardless of
+  the active locale. Routed all four through the existing registry. The
+  row-count label uses the registry's existing `{name}` interpolation
+  (`'{shown} / {total} Rows'`), so no new API was needed.
+
+## [0.11.7] - 2026-09-01
+
+### Fixed
+
+- **Some tooltips stayed English after switching locale.** `UFileBlock`'s
+  remove button and `UChartBlock`'s PNG/JSON-download and full-screen
+  buttons localized their `aria-label` via the existing message registry
+  but left `title` as an English literal in the same template, so the
+  visible tooltip didn't follow `aria-label` into Korean. Routed `title`
+  through the same registry calls.
+
+## [0.11.6] - 2026-09-01
+
+### Fixed
+
+- **Several icon-only buttons had no accessible name.** The image lightbox's
+  close/previous/next buttons, the prompt's send/stop button, the file
+  preview's remove button, and the chart block's full-screen toggle showed
+  only an icon with no `aria-label` and no text content, so screen readers
+  announced them as plain "button". Added `aria-label` via the existing
+  locale registry.
+
 ## [0.11.5] - 2026-08-31
 
 ### Security

package/dist/_virtual/{_@oxc-project_runtime@0.147.0 → _@oxc-project_runtime@0.148.0}/helpers/esm/decorate.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.148.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/dist/_virtual/{_@oxc-project_runtime@0.147.0 → _@oxc-project_runtime@0.148.0}/helpers/esm/decorateMetadata.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.148.0/helpers/esm/decorateMetadata.js
 function __decorateMetadata(k, v) {
 	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 }

package/dist/components/blocks/UCodeBlock.js

@@ -1,6 +1,6 @@
 import { styles } from "./UCodeBlock.styles.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";

package/dist/components/blocks/UElementBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UDataElement } from "../UDataElement.js";
 import { styles } from "./UElementBlock.styles.js";
 import { html, nothing } from "lit";

package/dist/components/blocks/UFileBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { messages } from "../../utilities/messages.js";
 import { styles } from "./UFileBlock.styles.js";
 import { html, nothing } from "lit";
@@ -71,7 +71,8 @@ var UFileBlock = class UFileBlock extends UElement {
 
         <u-button class="remove-btn"
           ?hidden=${!this.removable}
-          title="Remove"
+          title=${messages.text("remove")}
+          aria-label=${messages.text("remove")}
           @click=${this.handleRemoveClick}>
           <u-icon lib="internal" name="x"></u-icon>
         </u-button>

package/dist/components/blocks/UMarkedBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import "./UCodeBlock.js";
 import { escapeHtmlAttr, escapeHtmlHref, escapeHtmlText, stripZeroWidth } from "../../utilities/sanitizers.js";
 import { HtmlBuilder } from "../../utilities/HtmlBuilder.js";

package/dist/components/blocks/URefBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.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,6 +1,7 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { UDataElement } from "../UDataElement.js";
+import { messages } from "../../utilities/messages.js";
 import { styles } from "./UTableBlock.styles.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
@@ -34,22 +35,25 @@ var UTableBlock = class UTableBlock extends UDataElement {
           <u-input
             class="toolbar-search"
             type="search"
-            placeholder="Search..."
+            placeholder=${messages.text("search")}
             .value=${this.search}
             @input=${this.handleSearchInput}
           >
             <u-icon slot="prefix" lib="internal" name="search"></u-icon>
           </u-input>
           <span class="toolbar-count">
-            ${rows.length} / ${this.rows.length} Rows
+            ${messages.text("rowCount", {
+			shown: rows.length,
+			total: this.rows.length
+		})}
           </span>
         </div>
         <div class="toolbar-right">
-          <u-button @click=${this.handleDownloadXLS} title="Excel Download">
+          <u-button @click=${this.handleDownloadXLS} title=${messages.text("excelDownload")}>
             XLS
             <u-icon slot="suffix" lib="internal-chat" name="download"></u-icon>
           </u-button>
-          <u-button @click=${this.handleDownloadCSV} title="CSV Download">
+          <u-button @click=${this.handleDownloadCSV} title=${messages.text("csvDownload")}>
             CSV
             <u-icon slot="suffix" lib="internal-chat" name="download"></u-icon>
           </u-button>

package/dist/components/blocks/UTextBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.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.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.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.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
+import { messages } from "../../utilities/messages.js";
 import "../blocks/UFileBlock.js";
 import { styles } from "./UPrompt.styles.js";
 import { html } from "lit";
@@ -64,6 +65,7 @@ var UPrompt = class UPrompt extends UElement {
         <u-button class="send-btn" part="send-btn"
           variant="ghost"
           ?disabled=${!this.loading && !this.value}
+          aria-label=${this.loading ? messages.text("stopGenerating") : messages.text("sendMessage")}
           @click=${this.handleSendButtonClick}>
           <u-icon
             lib="internal-chat"

package/dist/components/references/URefCard.js

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

package/dist/components/references/URefCardGroup.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.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,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { styles } from "./URefTag.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";

package/dist/components-extra/UChartBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { messages } from "../utilities/messages.js";
 import { styles } from "./UChartBlock.styles.js";
 import { html, nothing } from "lit";
@@ -47,15 +47,15 @@ var UChartBlock = class UChartBlock extends UElement {
       <div class="toolbar">
         <div class="toolbar-left"></div>
         <div class="toolbar-right">
-          <u-button title="PNG Download" @click=${this.handleDownloadPNG}>
+          <u-button title=${messages.text("pngDownload")} @click=${this.handleDownloadPNG}>
             PNG
             <u-icon slot="suffix" lib="internal-chat" name="download"></u-icon>
           </u-button>
-          <u-button title="JSON Download" @click=${this.handleDownloadJSON}>
+          <u-button title=${messages.text("jsonDownload")} @click=${this.handleDownloadJSON}>
             JSON
             <u-icon slot="suffix" lib="internal-chat" name="download"></u-icon>
           </u-button>
-          <u-button title="Full Screen" @click=${this.handleFullscreen}>
+          <u-button class="fullscreen-btn" title=${messages.text("fullScreen")} aria-label=${messages.text("fullScreen")} @click=${this.handleFullscreen}>
             <u-icon lib="internal-chat" name="external-link"></u-icon>
           </u-button>
         </div>

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

@@ -35,7 +35,7 @@ var styles = css`
   .toolbar-right u-button {
     font-size: 12px;
   }
-  .toolbar-right u-button[title="Full Screen"] {
+  .toolbar-right u-button.fullscreen-btn {
     font-size: 15px;
   }
 

package/dist/components-extra/UImagesBlock.js

@@ -1,5 +1,6 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
+import { messages } from "../utilities/messages.js";
 import { styles } from "./UImagesBlock.styles.js";
 import { html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
@@ -98,7 +99,7 @@ var UImagesBlock = class UImagesBlock extends UElement {
           <div class="lb-counter" ?hidden=${total <= 1}>
             ${idx + 1} / ${total}
           </div>
-          <button class="lb-close" @click=${this.close}>
+          <button class="lb-close" aria-label=${messages.text("closeLightbox")} @click=${this.close}>
             <u-icon lib="internal" name="x"></u-icon>
           </button>
         </header>
@@ -117,12 +118,14 @@ var UImagesBlock = class UImagesBlock extends UElement {
 
           <button class="lb-nav prev"
             ?hidden=${idx <= 0}
+            aria-label=${messages.text("previousImage")}
             @click=${this.handlePrevClick}>
             <u-icon lib="internal" name="chevron-left"></u-icon>
           </button>
 
           <button class="lb-nav next"
             ?hidden=${idx >= total - 1}
+            aria-label=${messages.text("nextImage")}
             @click=${this.handleNextClick}>
             <u-icon lib="internal" name="chevron-right"></u-icon>
           </button>

package/dist/components-extra/UMapBlock.js

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

package/dist/components-extra/UVideoBlock.js

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

package/dist/utilities/messages.d.ts

@@ -5,5 +5,5 @@
  * 이 리포가 채택한 표준이 *"영어 기본 **+ 레지스트리**"* 이기 때문이다 — 영어 리터럴만으로는
  * 한국어 앱이 그 문구를 되돌릴 방법이 없다. 다음 문자열은 여기로 온다.
  */
-export type ChatMessageKey = 'canvasUnavailable' | 'previousReference' | 'nextReference' | 'closePreview';
+export type ChatMessageKey = 'canvasUnavailable' | 'previousReference' | 'nextReference' | 'closePreview' | 'closeLightbox' | 'previousImage' | 'nextImage' | 'sendMessage' | 'stopGenerating' | 'fullScreen' | 'remove' | 'pngDownload' | 'jsonDownload' | 'search' | 'rowCount' | 'excelDownload' | 'csvDownload';
 export declare const messages: import('@iyulab/components/dist/utilities/Locale.js').LocaleNamespace<ChatMessageKey>;

package/dist/utilities/messages.js

@@ -5,13 +5,39 @@ messages.register("en", {
 	canvasUnavailable: "Canvas 2D context is unavailable.",
 	previousReference: "Previous reference",
 	nextReference: "Next reference",
-	closePreview: "Close preview"
+	closePreview: "Close preview",
+	closeLightbox: "Close",
+	previousImage: "Previous image",
+	nextImage: "Next image",
+	sendMessage: "Send message",
+	stopGenerating: "Stop generating",
+	fullScreen: "Full screen",
+	remove: "Remove",
+	pngDownload: "PNG Download",
+	jsonDownload: "JSON Download",
+	search: "Search...",
+	rowCount: "{shown} / {total} Rows",
+	excelDownload: "Excel Download",
+	csvDownload: "CSV Download"
 });
 messages.register("ko", {
 	canvasUnavailable: "Canvas 2D context를 가져올 수 없습니다.",
 	previousReference: "이전 참조",
 	nextReference: "다음 참조",
-	closePreview: "미리보기 닫기"
+	closePreview: "미리보기 닫기",
+	closeLightbox: "닫기",
+	previousImage: "이전 이미지",
+	nextImage: "다음 이미지",
+	sendMessage: "메시지 보내기",
+	stopGenerating: "생성 중지",
+	fullScreen: "전체 화면",
+	remove: "제거",
+	pngDownload: "PNG 다운로드",
+	jsonDownload: "JSON 다운로드",
+	search: "검색...",
+	rowCount: "{shown} / {total} 행",
+	excelDownload: "Excel 다운로드",
+	csvDownload: "CSV 다운로드"
 });
 //#endregion
 export { messages };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/chat-components",
   "description": "llm chat components for building chat interfaces",
-  "version": "0.11.5",
+  "version": "0.11.8",
   "author": "iyulab",
   "license": "MIT",
   "keywords": [
@@ -51,7 +51,7 @@
     "./react/*": "./dist/react/*"
   },
   "scripts": {
-    "preversion": "node ../../scripts/preversion-check.mjs",
+    "preversion": "node -e \"if(require('fs').existsSync('../../scripts/preversion-check.mjs'))require('child_process').execFileSync('node',['../../scripts/preversion-check.mjs'],{stdio:'inherit'})\"",
     "start": "vite",
     "build": "npm run typecheck && eslint && vite build",
     "test": "vitest run",