@iyulab/chat-components 0.12.0 → 0.12.2

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [0.12.2] - 2026-09-20
+
+### Fixed
+
+- **A reference card's favicon announced itself as "favicon".** The image sits next to the title it
+  belongs to and carries no information of its own, so a screen reader repeated an English word for
+  every card. It is now marked decorative and skipped.
+
+## [0.12.1] - 2026-09-15
+
+### Fixed
+
+- **`u-table-block` columns could not be sorted from the keyboard.** The sortable header cell only
+  listened for clicks, took no focus and exposed no sort state. Each header now holds a button that
+  fills the cell (the pointer target is unchanged), Enter or Space toggles the sort, and the header
+  carries `aria-sort`. The button is exposed as the `sort-button` part.
+- **`u-images-block` thumbnails and `u-file-block` previews could not be opened from the
+  keyboard.** Both were click-only `div`s. A thumbnail is now a button (named by the image's `alt`,
+  or "Open image N"); a previewable file card's body is a button named "Preview <name>", exposed as
+  the `card-main` part, with the remove button kept outside it. Cards that cannot be previewed no
+  longer show a pointer cursor or hover state. New locale keys: `openImage`, `previewFile`.
+
 ## [0.12.0] - 2026-09-10
 
 ### Changed

package/README.md

@@ -112,6 +112,22 @@ markedBlock.value = llmResponse;
 
 ---
 
+## Accessibility
+
+The baseline is **WCAG 2.2**. The table lists what this package **measures in tests** — it is not a
+conformance claim for the success criteria it does not list.
+
+| Success criterion | Guarantee | Measured by |
+|---|---|---|
+| SC 2.5.8 Target Size (Minimum) | Every pointer target inside the registered blocks (`.` and `./extra` entries) is at least 24×24 CSS px or meets the spacing exception (24px between centers), and is actually hit at that position | `tests/browser/target-size.browser.test.ts` (real Chromium) |
+| SC 2.1.1 Keyboard (pointer-cursor check) | Nothing a block renders shows a pointer cursor without being an interactive element — table sort headers, image thumbnails and previewable file cards are buttons | `tests/browser/target-size.browser.test.ts` · `tests/browser/table-block-sort-keyboard.browser.test.ts` |
+
+`u-ref-tag` uses the SC's **inline exception** — it is a citation badge set inside a sentence, where
+growing it to 24px would push the line height. It is still measured and reported.
+
+Color contrast comes from the `@iyulab/components` tokens this package renders with — see that
+package's Accessibility section.
+
 ## Documentation
 
 | File | Description |

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

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.150.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.149.0 → _@oxc-project_runtime@0.150.0}/helpers/esm/decorateMetadata.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.150.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.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { 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.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { UDataElement } from "../UDataElement.js";
 import { styles } from "./UElementBlock.styles.js";
 import { html, nothing } from "lit";

package/dist/components/blocks/UFileBlock.d.ts

@@ -25,6 +25,8 @@ export declare class UFileBlock extends UElement {
     /** 클릭 시 오버레이로 미리볼 수 있는 타입인지 여부 */
     private get previewable();
     render(): import('lit-html').TemplateResult<1>;
+    /** 썸네일과 이름·메타 — 버튼 안에 들어가므로 구문 콘텐츠(`span`)로만 짓는다. */
+    private renderCardMain;
     private handleCardClick;
     private closePreview;
     private handleKeyDown;

package/dist/components/blocks/UFileBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { messages } from "../../utilities/messages.js";
 import { styles } from "./UFileBlock.styles.js";
 import { html, nothing } from "lit";
@@ -52,22 +52,10 @@ var UFileBlock = class UFileBlock extends UElement {
 	}
 	render() {
 		return html`
-      <div class="card" @click=${this.handleCardClick}>
-        <div class="thumbnail">
-          ${this.isImage ? html`<img src=${this.url} alt=${this.name || ""} loading="lazy" />` : this.isVideo ? html`<video src="${this.url}#t=0.1" preload="metadata" muted playsinline></video>` : html`<u-icon lib="internal-chat" name=${this.resolveIcon(this.type)}></u-icon>`}
-        </div>
-
-        <div class="info">
-          <div class="name">${this.name}</div>
-          <div class="meta">
-            <span class="type">
-              ${this.resolveExt(this.name, this.type)}
-            </span>
-            <span class="size">
-              ${this.formatSize(this.size || 0)}
-            </span>
-          </div>
-        </div>
+      <div class="card" ?previewable=${this.previewable}>
+        ${this.previewable ? html`<button type="button" class="card-main" part="card-main"
+              aria-label=${messages.text("previewFile", { name: this.name || "" })}
+              @click=${this.handleCardClick}>${this.renderCardMain()}</button>` : html`<span class="card-main">${this.renderCardMain()}</span>`}
 
         <u-button class="remove-btn"
           ?hidden=${!this.removable}
@@ -91,6 +79,21 @@ var UFileBlock = class UFileBlock extends UElement {
           </div>
         </div>
       ` : nothing}
+    `;
+	}
+	/** 썸네일과 이름·메타 — 버튼 안에 들어가므로 구문 콘텐츠(`span`)로만 짓는다. */
+	renderCardMain() {
+		return html`
+      <span class="thumbnail">
+        ${this.isImage ? html`<img src=${this.url} alt=${this.name || ""} loading="lazy" />` : this.isVideo ? html`<video src="${this.url}#t=0.1" preload="metadata" muted playsinline></video>` : html`<u-icon lib="internal-chat" name=${this.resolveIcon(this.type)}></u-icon>`}
+      </span>
+      <span class="info">
+        <span class="name">${this.name}</span>
+        <span class="meta">
+          <span class="type">${this.resolveExt(this.name, this.type)}</span>
+          <span class="size">${this.formatSize(this.size || 0)}</span>
+        </span>
+      </span>
     `;
 	}
 	/** MIME 타입 → Tabler Icon 이름 */

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

@@ -15,20 +15,39 @@ var styles = css`
     flex-direction: row;
     align-items: center;
     min-width: 0;
-    gap: 10px;
-    padding: 8px 10px;
     border: 1px solid var(--u-border-color);
     border-radius: 8px;
     background-color: var(--u-neutral-50);
     overflow: visible;
-    cursor: pointer;
     transition: background-color 0.12s ease, border-color 0.12s ease;
   }
-  .card:hover {
+  .card[previewable]:hover {
     background-color: var(--u-neutral-100);
     border-color: var(--u-border-color-strong);
   }
 
+  /* 카드 본문 — 미리볼 수 있으면 버튼, 아니면 span. 둘 다 같은 배치를 갖는다.
+     카드의 여백을 본문이 가져, 누를 면이 종전(카드 전체)과 같다 — 제거 버튼은 절대 배치라 흐름에 없다. */
+  .card-main {
+    all: unset;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    flex: 1;
+    min-width: 0;
+    gap: 10px;
+    padding: 8px 10px;
+    border-radius: 8px;
+  }
+  button.card-main {
+    cursor: pointer;
+  }
+  button.card-main:focus-visible {
+    outline: 2px solid var(--u-primary-color, #1976D2);
+    outline-offset: 1px;
+  }
+
   .thumbnail {
     position: relative;
     flex-shrink: 0;
@@ -62,6 +81,7 @@ var styles = css`
   }
 
   .name {
+    display: block;
     font-size: 13px;
     font-weight: 500;
     color: var(--u-txt-color-strong);

package/dist/components/blocks/UMarkedBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 "./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.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 "../references/URefCard.js";
 import { styles } from "./URefBlock.styles.js";
 import { html } from "lit";

package/dist/components/blocks/UTableBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { UDataElement } from "../UDataElement.js";
 import { messages } from "../../utilities/messages.js";
 import { styles } from "./UTableBlock.styles.js";
@@ -69,14 +69,18 @@ var UTableBlock = class UTableBlock extends UDataElement {
                   <th
                     ?active=${isActive}
                     align=${h.align ?? "left"}
-                    @click=${() => this.handleSortColumn(i)}
+                    aria-sort=${isActive ? this.sort.dir === "asc" ? "ascending" : "descending" : "none"}
                   >
-                    ${unsafeHTML(h.text)}
-                    <u-icon
-                      class="sort-icon"
-                      lib="internal-chat"
-                      name=${isActive ? this.sort.dir === "asc" ? "sort-ascending-letters" : "sort-descending-letters" : "arrows-sort"}
-                    ></u-icon>
+                    <!-- 정렬은 머리 칸 전체를 채우는 버튼이다 — 클릭만 받는 th 는 키보드로 닿지 않았다. -->
+                    <button type="button" class="sort-button" part="sort-button"
+                      @click=${() => this.handleSortColumn(i)}>
+                      ${unsafeHTML(h.text)}
+                      <u-icon
+                        class="sort-icon"
+                        lib="internal-chat"
+                        name=${isActive ? this.sort.dir === "asc" ? "sort-ascending-letters" : "sort-descending-letters" : "arrows-sort"}
+                      ></u-icon>
+                    </button>
                   </th>
                 `;
 		})}

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

@@ -83,14 +83,32 @@ var styles = css`
   }
 
   th {
-    padding: 8px 12px;
+    padding: 0;
     font-weight: 600;
     text-align: left;
     border-bottom: 2px solid var(--u-border-color);
     white-space: nowrap;
-    cursor: pointer;
     user-select: none;
   }
+
+  /* 칸 전체가 누를 면이다 — 여백을 th 가 아니라 버튼이 갖는다. */
+  .sort-button {
+    all: unset;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    inline-size: 100%;
+    padding: 8px 12px;
+    font: inherit;
+    color: inherit;
+    cursor: pointer;
+  }
+  th[align="center"] .sort-button { justify-content: center; }
+  th[align="right"] .sort-button { justify-content: flex-end; }
+  .sort-button:focus-visible {
+    outline: 2px solid var(--u-primary-color, #1976D2);
+    outline-offset: -2px;
+  }
   th:hover {
     background-color: var(--u-neutral-200);
   }

package/dist/components/blocks/UTextBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { 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.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { 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,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { messages } from "../../utilities/messages.js";
 import "../blocks/UFileBlock.js";
 import { styles } from "./UPrompt.styles.js";

package/dist/components/references/URefCard.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { UDataElement } from "../UDataElement.js";
 import { styles } from "./URefCard.styles.js";
 import { html } from "lit";
@@ -24,7 +24,8 @@ var URefCard = class URefCard extends UDataElement {
         <div class="header">
           <img class="favicon" 
             src="${this.getFaviconUrl(this.url)}" 
-            alt="favicon"
+            alt=""
+            aria-hidden="true"
           />
           <div class="title">
             ${this.title || this.getDomainName(this.url)}

package/dist/components/references/URefCardGroup.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { 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.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { 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.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { messages } from "../utilities/messages.js";
 import { styles } from "./UChartBlock.styles.js";
 import { html, nothing } from "lit";

package/dist/components-extra/UImagesBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { messages } from "../utilities/messages.js";
 import { styles } from "./UImagesBlock.styles.js";
 import { html, nothing } from "lit";
@@ -65,18 +65,21 @@ var UImagesBlock = class UImagesBlock extends UElement {
         .gap=${8}
       >
         ${repeat(this.items, (item, i) => html`
-          <div class="slide"
+          <!-- 썸네일은 라이트박스를 여는 버튼이다 — 클릭만 받는 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}
               alt=${item.alt || ""}
               loading="lazy"
             />
-            <div class="caption"
+            <span class="caption"
               ?hidden=${!item.caption}>
               ${item.caption}
-            </div>
-          </div>
+            </span>
+          </button>
         `)}
       </u-carousel>
 

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

@@ -9,11 +9,24 @@ var styles = css`
 
   .slide {
     position: relative;
+    display: block;
+    inline-size: 100%;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    font: inherit;
+    color: inherit;
+    text-align: start;
     border-radius: 10px;
     overflow: hidden;
     cursor: pointer;
     aspect-ratio: 4 / 3;
   }
+  .slide:focus-visible {
+    outline: 2px solid var(--u-primary-color, #1976D2);
+    outline-offset: 2px;
+  }
   .slide img {
     display: block;
     width: 100%;

package/dist/components-extra/UMapBlock.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { 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.149.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+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 { 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' | 'closeLightbox' | 'previousImage' | 'nextImage' | 'sendMessage' | 'stopGenerating' | 'fullScreen' | 'remove' | 'pngDownload' | 'jsonDownload' | 'search' | 'rowCount' | 'excelDownload' | 'csvDownload';
+export type ChatMessageKey = 'canvasUnavailable' | 'previousReference' | 'nextReference' | 'closePreview' | 'closeLightbox' | 'previousImage' | 'nextImage' | 'sendMessage' | 'stopGenerating' | 'fullScreen' | 'remove' | 'pngDownload' | 'jsonDownload' | 'search' | 'rowCount' | 'excelDownload' | 'csvDownload' | 'openImage' | 'previewFile';
 export declare const messages: import('@iyulab/components/dist/utilities/Locale.js').LocaleNamespace<ChatMessageKey>;

package/dist/utilities/messages.js

@@ -18,7 +18,9 @@ messages.register("en", {
 	search: "Search...",
 	rowCount: "{shown} / {total} Rows",
 	excelDownload: "Excel Download",
-	csvDownload: "CSV Download"
+	csvDownload: "CSV Download",
+	openImage: "Open image {index}",
+	previewFile: "Preview {name}"
 });
 messages.register("ko", {
 	canvasUnavailable: "Canvas 2D context를 가져올 수 없습니다.",
@@ -37,7 +39,9 @@ messages.register("ko", {
 	search: "검색...",
 	rowCount: "{shown} / {total} 행",
 	excelDownload: "Excel 다운로드",
-	csvDownload: "CSV 다운로드"
+	csvDownload: "CSV 다운로드",
+	openImage: "이미지 {index} 열기",
+	previewFile: "{name} 미리보기"
 });
 //#endregion
 export { messages };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/chat-components",
   "description": "llm chat components for building chat interfaces",
-  "version": "0.12.0",
+  "version": "0.12.2",
   "author": "iyulab",
   "license": "MIT",
   "keywords": [
@@ -86,17 +86,17 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@types/node": "^26.1.1",
-    "@vitest/browser-playwright": "^4.1.10",
+    "@vitest/browser-playwright": "^5.0.0",
     "chart.js": "^4.5.1",
     "eslint": "^10.1.0",
     "eslint-plugin-lit": "^2.3.1",
     "glob": "^13.0.6",
     "globals": "^17.7.0",
-    "openai": "^6.47.0",
+    "openai": "^7.15.0",
     "typescript": "^6.0.2",
     "typescript-eslint": "^8.64.0",
     "vite": "^8.1.4",
     "vite-plugin-dts": "^5.0.3",
-    "vitest": "^4.1.10"
+    "vitest": "^5.0.0"
   }
 }