@iyulab/chat-components 0.6.0 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # Changelog
 
+## [0.7.1] - 2026-07-12
+
+### Fixed
+
+- `u-ref-card`: no longer logs a spurious `Missing <script type="application/json">` console error on every render when driven by property bindings (the pattern `u-ref-block` itself uses). `URefCard` now overrides `UDataElement.load()` to skip JSON loading gracefully when neither a `data` argument nor a `<script type="application/json">` child is present; the script-payload path (used by `u-marked-block` reference tooltips via `URefCard.buildHTML`) is unaffected. Cards always rendered correctly — the error was cosmetic console noise, but it fired once per reference card per message in downstream consoles. (Reported by the Filer project.)
+- `URefCard`'s redundant `error()` override was removed — since 0.7.0 the `UDataElement` base logs to the console without rendering an error card, so the override duplicated base behavior. Genuine load errors now log as `failed to load data for [u-ref-card]` instead of `Error in URefCard:`.
+
+### Added
+
+- Browser-mode regression tests (vitest + playwright, matching the `@iyulab/components` test setup) covering both `u-ref-card` data paths and the `u-ref-block` sources rendering acceptance criteria.
+
+## [0.7.0] - 2026-07-07
+
+### Changed
+
+- **Breaking:** The View system is renamed to the **Extra** system, rendered via `u-element-block`, and the 4 built-in extras (chart/images/map/video) are no longer part of the core entrypoint:
+  - `u-view` → `u-element-block` (`UElementBlock`, in `components/blocks/`)
+  - `u-chart-view`/`u-images-view`/`u-map-view`/`u-video-view` → `u-chart-block`/`u-images-block`/`u-map-block`/`u-video-block` (`UChartBlock`/`UImagesBlock`/`UMapBlock`/`UVideoBlock`, in the new `components-extra/` folder, each with a co-located `{Name}Block.schema.ts`)
+  - `view-json` fenced code blocks → `block-json`
+  - `ViewPromptBuilder` → `ElementPromptBuilder`; the `PresetView`/`ViewDefinition` preset bit-flag system is dropped — each built-in extra defines its own `ElementSchema` in its `.schema.ts` file instead of a central preset map. `types/Views.ts` and `types/JsonSchema.ts` are merged into `types/Schema.ts`.
+  - The `./chart` subpath is replaced by `./extra`, which exports a ready-built `prompt` string with all 4 built-ins registered:
+
+    ```ts
+    import { prompt as extraInstructions } from '@iyulab/chat-components/extra';
+    ```
+
+    Need only one or two and want to skip bundling the rest (e.g. skip `chart.js`)? Import the specific component directly via `@iyulab/chat-components/dist/components-extra/UImagesBlock.js` instead.
+  - `u-element-block` no longer shows an error card for unregistered tags or invalid data — it renders nothing and logs to the console instead, since an unregistered tag is more often a missing `/extra` import than a real error.
+
+- `u-marked-block` now tracks a `streaming` state (resets a 1500ms idle timer on every `value` update). A `block-json` extra's `loading` stays `true` until **both** its own fence is closed **and** the message has been idle for 1500ms, instead of turning off as soon as its own fence closes while the rest of the message keeps streaming.
+- The 0.6.0 note about `./react` still re-exporting the chart component regardless of exclusion no longer applies — moving chart out of `components/` into `components-extra/` also dropped it from the generated `react/index.js` barrel.
+- `UChartBlock` now imports `chart.js/auto` statically instead of lazy-loading it at render time. `chart.js` remains an optional peer dependency — only the load timing changed.
+- Switched the icon set used by `u-code-block`, `u-table-block`, `u-prompt`, `u-ref-card`, `u-ref-tag`, and `u-chart-block` from ad-hoc `lib="bootstrap"` references to the package's own bundled icon set (`lib="internal-chat"`, see `src/utilities/icons.ts`).
+- `UDataElement`-based components (`u-table-block`, `u-ref-card`, `u-element-block`, and any custom subclass) no longer render an error card UI when `data`/JSON parsing fails — the error is logged to the console only.
+- `u-file-block`: preview now opens by clicking anywhere on the card instead of only the thumbnail (see **Removed** for the download button).
+- `u-prompt`: `send` and `stop` events now fire with `bubbles: false, composed: false` (no longer cross the shadow boundary); send button restyled as a circular ghost button.
+- `u-table-block`: fixed a CSS custom property typo, `--u-primary` → `--u-primary-color`, for the active sort column color.
+
+### Removed
+
+- **Breaking:** Legacy `u-submit`/`u-cancel` DOM events removed from `UPrompt`. They were dispatched alongside `send`/`stop` since 0.5.1 as a deprecation-period compatibility alias; 0.6.0 was the announced removal target. Use `send`/`stop` instead.
+- **Breaking:** Removed unused components and their public exports:
+  - Blocks: `u-tool-block` (`UToolBlock`), `u-think-block` (`UThinkBlock`), `u-json-block` (`UJsonBlock`)
+  - Buttons: `u-attach-button` (`UAttachButton`), `u-vote-button` (`UVoteButton`), `u-copy-button` (`UCopyButton` — `u-code-block` now uses the copy-button shipped by `@iyulab/components` instead)
+  - Intent system: `u-question-intent` (`UQuestionIntent`), `IntentPromptBuilder`, `PresetIntent`, `types/Intents.ts`
+  - Related types: `ThinkingBlockItem` and `ToolBlockItem` removed from the `BlockItem` union; `AttachEvent`/`ChoiceEvent` removed
+- **Breaking:** `FileBlockItem.status` and `UFileBlock.status` removed (unused in practice). `u-file-block` now renders an actual `<img>`/`<video>` thumbnail for image/video files with a `url` (instead of a generic icon) and opens a full-size overlay on click; other file types keep the icon. The download button and its click handler are also removed — there is no built-in download affordance anymore.
+- **Breaking:** `u-code-block`'s `loading` property is removed — the header always shows the language icon now (no streaming spinner state).
+
+  There is no drop-in replacement for the intent system or the removed blocks/buttons; if you rely on any of them, stay on `0.6.x` or vendor the component from that version's source.
+
 ## [0.6.0] - 2026-05-21
 
 ### Changed

package/README.md

@@ -26,9 +26,7 @@ import '@iyulab/chat-components';
   <u-marked-block value="# Hello&#10;&#10;This is **markdown**."></u-marked-block>
 </u-message>
 
-<u-prompt placeholder="Type a message...">
-  <u-attach-button slot="left-actions" multiple>Attach</u-attach-button>
-</u-prompt>
+<u-prompt placeholder="Type a message..."></u-prompt>
 ```
 
 ```ts
@@ -71,14 +69,11 @@ npx skills add ./node_modules/@iyulab/chat-components
 
 | Tag | Description |
 |-----|-------------|
-| `u-marked-block` | Markdown renderer — KaTeX, code highlighting, citation injection, view-json/intent-json handling |
+| `u-marked-block` | Markdown renderer — KaTeX, code highlighting, citation injection, block-json handling |
 | `u-code-block` | Syntax-highlighted code block (Highlight.js) with language label and copy button |
 | `u-text-block` | Plain text display or editable textarea |
-| `u-think-block` | LLM reasoning block — collapse/expand, auto-scroll |
-| `u-tool-block` | Tool call input/output display — collapse/expand |
-| `u-file-block` | File card — type icon, upload status, download, remove |
+| `u-file-block` | File card — type-based preview (image/video) or icon, click-to-open overlay, download, remove |
 | `u-ref-block` | Reference source group — collapse/expand, card grid |
-| `u-json-block` | Collapsible JSON tree |
 | `u-table-block` | Table — column sort, search, CSV/XLS download |
 
 ### Action Buttons
@@ -86,39 +81,24 @@ npx skills add ./node_modules/@iyulab/chat-components
 | Tag | Description |
 |-----|-------------|
 | `u-copy-button` | Copies text to clipboard; icon confirms copy |
-| `u-vote-button` | Thumbs-up / thumbs-down vote pair |
-| `u-attach-button` | Opens file picker; fires `attach` event |
 
 ---
 
-## Intent & View Systems
+## Extras System
+
+Chart/images/map/video are optional and not part of the core import — bring them in via `@iyulab/chat-components/extra`:
 
 ```ts
-import { IntentPromptBuilder, ViewPromptBuilder, PresetIntent, PresetView } from '@iyulab/chat-components';
-
-// Build system prompt instructions
-const intentInstructions = IntentPromptBuilder.instance.use(PresetIntent.Questions).build();
-const viewInstructions   = ViewPromptBuilder.instance.use(PresetView.All).build();
-
-const systemPrompt = `You are a helpful assistant.\n\n${intentInstructions}\n\n${viewInstructions}`;
-
-// Parse LLM response
-const [intents, cleanText] = IntentPromptBuilder.instance.parse(llmResponse);
-markedBlock.value = cleanText;  // view-json blocks inside are rendered automatically
-
-for (const intent of intents) {
-  if (intent.type === 'question') {
-    const el = document.createElement('u-question-intent') as any;
-    el.question = intent.properties?.question;
-    el.choices  = intent.properties?.choices ?? [];
-    el.addEventListener('choice', (e: any) => { prompt.value = e.detail.value; prompt.submit(); });
-    msg.appendChild(el);
-  }
-}
+import '@iyulab/chat-components/extra';
+import { prompt as extraInstructions } from '@iyulab/chat-components/extra';
+
+const systemPrompt = `You are a helpful assistant.\n\n${extraInstructions}`;
+
+// block-json blocks inside markdown are rendered automatically
+markedBlock.value = llmResponse;
 ```
 
-> - Intent system details: **[docs/intent-system.md](./docs/intent-system.md)**
-> - View system details: **[docs/view-system.md](./docs/view-system.md)**
+> - Extras system details: **[docs/extras-system.md](./docs/extras-system.md)**
 
 ---
 
@@ -128,9 +108,6 @@ for (const intent of intents) {
 |-------|--------|--------|-------------|
 | `send` | `u-prompt` | — | Send button clicked or Enter pressed |
 | `stop` | `u-prompt` | — | Stop button clicked while loading |
-| `attach` | `u-attach-button` | `{ files: File[] }` | File selection completed |
-| `choice` | `u-question-intent` | `{ value: string }` | Choice button clicked |
-| `change` | `u-vote-button` | — | Vote state changed |
 | `remove` | `u-file-block` | — | Remove button clicked |
 
 ---
@@ -142,8 +119,7 @@ for (const intent of intents) {
 | [docs/getting-started.md](./docs/getting-started.md) | Installation, basic chat UI, streaming, history rendering |
 | [docs/architecture.md](./docs/architecture.md) | Package structure, class hierarchy, rendering pipeline |
 | [docs/block-system.md](./docs/block-system.md) | Block components and `BlockItem` types in depth |
-| [docs/intent-system.md](./docs/intent-system.md) | Intent system setup and custom intents |
-| [docs/view-system.md](./docs/view-system.md) | View system setup and custom views |
+| [docs/extras-system.md](./docs/extras-system.md) | Extras system setup and custom extras |
 | [docs/events.md](./docs/events.md) | Full event reference |
 
 ---

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

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.130.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.139.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);
@@ -6,4 +6,4 @@ function __decorate(decorators, target, key, desc) {
 	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
 //#endregion
-export { __decorate };
+export { __decorate as default };

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

@@ -1,6 +1,6 @@
-//#region \0@oxc-project+runtime@0.130.0/helpers/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorateMetadata.js
 function __decorateMetadata(k, v) {
 	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 }
 //#endregion
-export { __decorateMetadata };
+export { __decorateMetadata as default };

package/dist/_virtual/_glob-assets_raw/alert-triangle-fill.svg.4cfc4305.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/alert-triangle-fill.svg.4cfc4305
+var alert_triangle_fill_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"currentColor\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z\" />\n</svg>\n";
+//#endregion
+export { alert_triangle_fill_svg_default as default };

package/dist/_virtual/_glob-assets_raw/arrows-sort.svg.dda43a85.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/arrows-sort.svg.dda43a85
+var arrows_sort_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M3 9l4 -4l4 4m-4 -4v14\" />\n  <path d=\"M21 15l-4 4l-4 -4m4 4v-14\" />\n</svg>\n";
+//#endregion
+export { arrows_sort_svg_default as default };

package/dist/_virtual/_glob-assets_raw/code.svg.c69bc144.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/code.svg.c69bc144
+var code_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M7 8l-4 4l4 4\" />\n  <path d=\"M17 8l4 4l-4 4\" />\n  <path d=\"M14 4l-4 16\" />\n</svg>\n";
+//#endregion
+export { code_svg_default as default };

package/dist/_virtual/_glob-assets_raw/download.svg.bce82177.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/download.svg.bce82177
+var download_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2\" />\n  <path d=\"M7 11l5 5l5 -5\" />\n  <path d=\"M12 4l0 12\" />\n</svg>\n";
+//#endregion
+export { download_svg_default as default };

package/dist/_virtual/_glob-assets_raw/element-prompt.md.7047ffcc.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/element-prompt.md.7047ffcc
+var element_prompt_md_default = "## Renderable Blocks\n\nYou can render interactive visual blocks inside your response.\nWhen one would make your answer clearer or more useful, output a `block-json` fenced code block.\n\n**Output format (the fence language must be `block-json`):**\n```block-json\n{\n  \"tag\": \"block-tag-here\",\n  \"properties\": {\n    \"key\": \"value\"\n  }\n}\n```\n\n**Rules — follow these strictly:**\n1. The fenced block language identifier must be `block-json`, not `json` or anything else.\n2. `tag` must be one of the exact strings listed below. Never invent a tag.\n3. Output valid JSON — no comments, no trailing commas.\n\n---\n\n{{EXTRA_DOCS}}\n";
+//#endregion
+export { element_prompt_md_default as default };

package/dist/_virtual/_glob-assets_raw/external-link.svg.a9f7f02d.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/external-link.svg.a9f7f02d
+var external_link_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6\" />\n  <path d=\"M11 13l9 -9\" />\n  <path d=\"M15 4h5v5\" />\n</svg>\n";
+//#endregion
+export { external_link_svg_default as default };

package/dist/_virtual/_glob-assets_raw/file-code.svg.0e706f93.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/file-code.svg.0e706f93
+var file_code_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M14 3v4a1 1 0 0 0 1 1h4\" />\n  <path d=\"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2\" />\n  <path d=\"M10 13l-1 2l1 2\" />\n  <path d=\"M14 13l1 2l-1 2\" />\n</svg>\n";
+//#endregion
+export { file_code_svg_default as default };

package/dist/_virtual/_glob-assets_raw/file-music.svg.b9970203.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/file-music.svg.b9970203
+var file_music_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M14 3v4a1 1 0 0 0 1 1h4\" />\n  <path d=\"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2\" />\n  <path d=\"M10 16a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\" />\n  <path d=\"M12 16l0 -5l2 1\" />\n</svg>\n";
+//#endregion
+export { file_music_svg_default as default };

package/dist/_virtual/_glob-assets_raw/file-spreadsheet.svg.8c03bdfa.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/file-spreadsheet.svg.8c03bdfa
+var file_spreadsheet_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M14 3v4a1 1 0 0 0 1 1h4\" />\n  <path d=\"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2\" />\n  <path d=\"M8 11h8v7h-8l0 -7\" />\n  <path d=\"M8 15h8\" />\n  <path d=\"M11 11v7\" />\n</svg>\n";
+//#endregion
+export { file_spreadsheet_svg_default as default };

package/dist/_virtual/_glob-assets_raw/file-text.svg.85bdd923.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/file-text.svg.85bdd923
+var file_text_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M14 3v4a1 1 0 0 0 1 1h4\" />\n  <path d=\"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2\" />\n  <path d=\"M9 9l1 0\" />\n  <path d=\"M9 13l6 0\" />\n  <path d=\"M9 17l6 0\" />\n</svg>\n";
+//#endregion
+export { file_text_svg_default as default };

package/dist/_virtual/_glob-assets_raw/file-type-pdf.svg.bc12db6d.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/file-type-pdf.svg.bc12db6d
+var file_type_pdf_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M14 3v4a1 1 0 0 0 1 1h4\" />\n  <path d=\"M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4\" />\n  <path d=\"M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6\" />\n  <path d=\"M17 18h2\" />\n  <path d=\"M20 15h-3v6\" />\n  <path d=\"M11 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1\" />\n</svg>\n";
+//#endregion
+export { file_type_pdf_svg_default as default };

package/dist/_virtual/_glob-assets_raw/file-zip.svg.76dde660.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/file-zip.svg.76dde660
+var file_zip_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1\" />\n  <path d=\"M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2\" />\n  <path d=\"M11 5l-1 0\" />\n  <path d=\"M13 7l-1 0\" />\n  <path d=\"M11 9l-1 0\" />\n  <path d=\"M13 11l-1 0\" />\n  <path d=\"M11 13l-1 0\" />\n  <path d=\"M13 15l-1 0\" />\n</svg>\n";
+//#endregion
+export { file_zip_svg_default as default };

package/dist/_virtual/_glob-assets_raw/file.svg.28f5d6f1.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/file.svg.28f5d6f1
+var file_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M14 3v4a1 1 0 0 0 1 1h4\" />\n  <path d=\"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2\" />\n</svg>\n";
+//#endregion
+export { file_svg_default as default };

package/dist/_virtual/_glob-assets_raw/photo.svg.cc273cc1.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/photo.svg.cc273cc1
+var photo_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M15 8h.01\" />\n  <path d=\"M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12\" />\n  <path d=\"M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5\" />\n  <path d=\"M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3\" />\n</svg>\n";
+//#endregion
+export { photo_svg_default as default };

package/dist/_virtual/_glob-assets_raw/player-stop-fill.svg.5378b752.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/player-stop-fill.svg.5378b752
+var player_stop_fill_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"currentColor\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M17 4h-10a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3 -3v-10a3 3 0 0 0 -3 -3z\" />\n</svg>\n";
+//#endregion
+export { player_stop_fill_svg_default as default };

package/dist/_virtual/_glob-assets_raw/send.svg.02326253.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/send.svg.02326253
+var send_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M10 14l11 -11\" />\n  <path d=\"M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5\" />\n</svg>\n";
+//#endregion
+export { send_svg_default as default };

package/dist/_virtual/_glob-assets_raw/sort-ascending-letters.svg.14a3df67.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/sort-ascending-letters.svg.14a3df67
+var sort_ascending_letters_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M15 10v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4\" />\n  <path d=\"M19 21h-4l4 -7h-4\" />\n  <path d=\"M4 15l3 3l3 -3\" />\n  <path d=\"M7 6v12\" />\n</svg>\n";
+//#endregion
+export { sort_ascending_letters_svg_default as default };

package/dist/_virtual/_glob-assets_raw/sort-descending-letters.svg.3e03647c.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/sort-descending-letters.svg.3e03647c
+var sort_descending_letters_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M15 21v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4\" />\n  <path d=\"M19 10h-4l4 -7h-4\" />\n  <path d=\"M4 15l3 3l3 -3\" />\n  <path d=\"M7 6v12\" />\n</svg>\n";
+//#endregion
+export { sort_descending_letters_svg_default as default };

package/dist/_virtual/_glob-assets_raw/video.svg.c183f03c.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/video.svg.c183f03c
+var video_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4\" />\n  <path d=\"M3 8a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8\" />\n</svg>\n";
+//#endregion
+export { video_svg_default as default };

package/dist/_virtual/_glob-assets_raw/world.svg.cd9903c8.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/world.svg.cd9903c8
+var world_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0\" />\n  <path d=\"M3.6 9h16.8\" />\n  <path d=\"M3.6 15h16.8\" />\n  <path d=\"M11.5 3a17 17 0 0 0 0 18\" />\n  <path d=\"M12.5 3a17 17 0 0 1 0 18\" />\n</svg>\n";
+//#endregion
+export { world_svg_default as default };

package/dist/components/UDataElement.d.ts

@@ -0,0 +1,48 @@
+import { UElement } from '@iyulab/components/dist/components/UElement.js';
+/**
+ * `UDataElement`는 light DOM 내 `<script type="application/json">` 태그에서
+ * JSON 데이터를 읽어 컴포넌트 프로퍼티에 자동으로 매핑하는 기반 클래스입니다.
+ *
+ * 사용 예시:
+ * ```html
+ * <my-component>
+ *   <script type="application/json">{ "items": [1, 2, 3] }</script>
+ * </my-component>
+ * ```
+ *
+ * JSON 최상위 키가 컴포넌트의 프로퍼티 이름과 일치하면 자동으로 할당됩니다.
+ *
+ * script 페이로드 없이 property 바인딩만으로도 사용되는 서브클래스는
+ * `load()`를 오버라이드해 script 부재 시 조용히 건너뛰어야 합니다.
+ * (예: `URefCard` — URefBlock의 property 구동과 UMarkedBlock의 script 주입을 모두 지원)
+ */
+export declare class UDataElement extends UElement {
+    static styles: import('lit').CSSResultGroup;
+    connectedCallback(): void;
+    /**
+     * 지정한 태그와 데이터로 커스텀 엘리먼트 HTML 문자열을 생성합니다.
+     * 데이터는 `<script type="application/json">` 태그로 주입됩니다.
+     * 태그이름이 등록되지 않은 경우 빈 문자열을 반환합니다.
+     *
+     * @param json  - JSON 데이터 객체 또는 문자열
+     * @param attrs - 추가 속성 객체 (선택적, `HtmlBuilder.build` 규칙 적용)
+     * @returns 생성된 HTML 문자열
+     */
+    static buildHTML(json: object | string, attrs?: Record<string, string | boolean | object | null | undefined>): string;
+    /**
+     * `data` 객체를 컴포넌트 프로퍼티에 할당합니다.
+     * `data`가 제공되지 않은 경우 light DOM 내 `<script type="application/json">` 태그에서 JSON 데이터를 읽어 프로퍼티에 자동으로 할당합니다.
+     * 오류가 발생할 경우 `error()`를 호출하여 콘솔에 조용히 기록합니다.
+     *
+     * @param data - JSON 데이터 객체 (선택적)
+     */
+    protected load(data?: object): Promise<void>;
+    /**
+     * 오류 발생 시 콘솔에만 조용히 기록합니다. 에러 UI를 띄우지 않으므로 채팅 화면이
+     * 갑작스러운 에러 카드로 어수선해지지 않습니다.
+     * 일반적으로 JSON 파싱 오류의 경우 `data`가 객체가 아닌 문자열이거나 JSON 형식이 잘못된 경우입니다.
+     *
+     * @param error - 발생한 오류 객체
+     */
+    protected error(error: unknown): Promise<void>;
+}

package/dist/components/UDataElement.js

@@ -0,0 +1,80 @@
+import { HtmlBuilder } from "../utilities/HtmlBuilder.js";
+import { UElement } from "@iyulab/components/dist/components/UElement.js";
+//#region src/components/UDataElement.ts
+/**
+* `UDataElement`는 light DOM 내 `<script type="application/json">` 태그에서
+* JSON 데이터를 읽어 컴포넌트 프로퍼티에 자동으로 매핑하는 기반 클래스입니다.
+*
+* 사용 예시:
+* ```html
+* <my-component>
+*   <script type="application/json">{ "items": [1, 2, 3] }<\/script>
+* </my-component>
+* ```
+*
+* JSON 최상위 키가 컴포넌트의 프로퍼티 이름과 일치하면 자동으로 할당됩니다.
+*
+* script 페이로드 없이 property 바인딩만으로도 사용되는 서브클래스는
+* `load()`를 오버라이드해 script 부재 시 조용히 건너뛰어야 합니다.
+* (예: `URefCard` — URefBlock의 property 구동과 UMarkedBlock의 script 주입을 모두 지원)
+*/
+var UDataElement = class extends UElement {
+	static {
+		this.styles = super.styles;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		queueMicrotask(() => this.load());
+	}
+	/**
+	* 지정한 태그와 데이터로 커스텀 엘리먼트 HTML 문자열을 생성합니다.
+	* 데이터는 `<script type="application/json">` 태그로 주입됩니다.
+	* 태그이름이 등록되지 않은 경우 빈 문자열을 반환합니다.
+	*
+	* @param json  - JSON 데이터 객체 또는 문자열
+	* @param attrs - 추가 속성 객체 (선택적, `HtmlBuilder.build` 규칙 적용)
+	* @returns 생성된 HTML 문자열
+	*/
+	static buildHTML(json, attrs = {}) {
+		const tag = customElements.getName(this);
+		if (!tag) {
+			console.error(`Custom element for ${this.name} is not defined.`);
+			return "";
+		}
+		const content = `<script type="application/json">${(typeof json === "string" ? json : JSON.stringify(json)).replace(/&/g, "\\u0026").replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029").replace(/-->/g, "--\\>")}<\/script>`;
+		return HtmlBuilder.build(tag, attrs, content);
+	}
+	/**
+	* `data` 객체를 컴포넌트 프로퍼티에 할당합니다.
+	* `data`가 제공되지 않은 경우 light DOM 내 `<script type="application/json">` 태그에서 JSON 데이터를 읽어 프로퍼티에 자동으로 할당합니다.
+	* 오류가 발생할 경우 `error()`를 호출하여 콘솔에 조용히 기록합니다.
+	*
+	* @param data - JSON 데이터 객체 (선택적)
+	*/
+	async load(data) {
+		try {
+			if (!data) {
+				const script = this.querySelector("script[type=\"application/json\"]");
+				if (!script) throw new Error("Missing <script type=\"application/json\">");
+				data = JSON.parse(script.textContent ?? "{}");
+				script.remove();
+			}
+			if (typeof data !== "object" || data === null || Array.isArray(data)) throw new Error("Invalid JSON data: expected an object at the top level");
+			Object.assign(this, data);
+		} catch (error) {
+			await this.error(error);
+		}
+	}
+	/**
+	* 오류 발생 시 콘솔에만 조용히 기록합니다. 에러 UI를 띄우지 않으므로 채팅 화면이
+	* 갑작스러운 에러 카드로 어수선해지지 않습니다.
+	* 일반적으로 JSON 파싱 오류의 경우 `data`가 객체가 아닌 문자열이거나 JSON 형식이 잘못된 경우입니다.
+	*
+	* @param error - 발생한 오류 객체
+	*/
+	async error(error) {
+		console.error(`failed to load data for [${this.localName}]`, error);
+	}
+};
+//#endregion
+export { UDataElement };

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

@@ -5,16 +5,12 @@ import { UElement } from '@iyulab/components/dist/components/UElement.js';
  */
 export declare class UCodeBlock extends UElement {
     static styles: import('lit').CSSResultGroup[];
-    /** 코드 블록이 로딩 중인지 여부를 나타냅니다. */
-    loading: boolean;
     /** 코드 블록의 헤더를 숨길지 여부를 지정합니다. */
     headless: boolean;
     /** 코드 언어를 지정합니다. */
     lang: string;
     /** 표시할 코드 내용입니다. */
     value?: string;
-    /** 클립보드 복사 상태를 나타내는 플래그입니다. */
-    isCopied: boolean;
     render(): import('lit-html').TemplateResult<1>;
     /**
      * slot에 할당된 코드를 value로 설정합니다.

package/dist/components/blocks/UCodeBlock.js

@@ -1,22 +1,21 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import "../buttons/UCopyButton.js";
+import "../../utilities/icons.js";
 import { styles } from "./UCodeBlock.styles.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { html } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
+import { customElement, property } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import hljs from "highlight.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";
 import "@iyulab/components/dist/components/spinner/USpinner.js";
+import "@iyulab/components/dist/components/copy-button/UCopyButton.js";
 import { UElement } from "@iyulab/components/dist/components/UElement.js";
 //#region src/components/blocks/UCodeBlock.ts
 var UCodeBlock = class UCodeBlock extends UElement {
 	constructor(..._args) {
 		super(..._args);
-		this.loading = false;
 		this.headless = false;
 		this.lang = "plaintext";
-		this.isCopied = false;
 		this.handleSlotChange = (e) => {
 			const nodes = e.target.assignedNodes({ flatten: true });
 			this.value = nodes.map((node) => node.textContent).join("\n\n");
@@ -31,7 +30,7 @@ var UCodeBlock = class UCodeBlock extends UElement {
 		return html`
       <div class="header" ?hidden=${this.headless}>
         <span class="status">
-          ${this.loading ? html`<u-spinner></u-spinner>` : html`<u-icon lib="bootstrap" name="code-slash"></u-icon>`}
+          <u-icon lib="internal-chat" name="code"></u-icon>
         </span>
         <span class="lang">
           ${lang}
@@ -50,10 +49,6 @@ var UCodeBlock = class UCodeBlock extends UElement {
     `;
 	}
 };
-__decorate([property({
-	type: Boolean,
-	reflect: true
-}), __decorateMetadata("design:type", Boolean)], UCodeBlock.prototype, "loading", void 0);
 __decorate([property({
 	type: Boolean,
 	reflect: true
@@ -63,7 +58,6 @@ __decorate([property({
 	reflect: true
 }), __decorateMetadata("design:type", String)], UCodeBlock.prototype, "lang", void 0);
 __decorate([property({ type: String }), __decorateMetadata("design:type", String)], UCodeBlock.prototype, "value", void 0);
-__decorate([state(), __decorateMetadata("design:type", Boolean)], UCodeBlock.prototype, "isCopied", void 0);
 UCodeBlock = __decorate([customElement("u-code-block")], UCodeBlock);
 //#endregion
 export { UCodeBlock };

package/dist/components/{views/UView.d.ts → blocks/UElementBlock.d.ts}

@@ -1,10 +1,11 @@
 import { nothing, PropertyValues } from 'lit';
-import { UDataElement } from '@iyulab/components/dist/components/UDataElement.js';
+import { UDataElement } from '../UDataElement.js';
 /**
- * 뷰 컴포넌트를 렌더링 또는 오류를 표시하는 컴포넌트입니다.
+ * `block-json` 코드펜스에서 지정한 커스텀 엘리먼트를 동적으로 렌더링하는 컴포넌트입니다.
+ * 대상 태그가 등록되어 있지 않거나 데이터가 유효하지 않은 경우, 에러 카드 없이 콘솔에만 기록하고 아무것도 렌더링하지 않습니다.
  */
-export declare class UView extends UDataElement {
-    static styles: (import('lit').CSSResult | import('lit').CSSResultGroup[])[];
+export declare class UElementBlock extends UDataElement {
+    static styles: import('lit').CSSResultGroup[];
     /** 로딩 상태입니다. `true`인 경우, 위젯이 로딩 중임을 나타냅니다. */
     loading: boolean;
     /** `tag` 프로퍼티에 등록된 커스텀 엘리먼트를 렌더링하는 컴포넌트입니다. */
@@ -16,15 +17,18 @@ export declare class UView extends UDataElement {
     /** 실제 렌더링된 엘리먼트입니다. `tag` 프로퍼티가 변경될 때마다 업데이트됩니다. */
     private element;
     protected willUpdate(changedProperties: PropertyValues): void;
-    render(): HTMLElement | import('lit-html').TemplateResult<1> | typeof nothing;
+    render(): HTMLElement | typeof nothing | import('lit-html').TemplateResult<1>;
     /**
-     * `loading`이 `true`인 경우, 에러 UI로 대체하지 않습니다.
+     * `UDataElement.load()`의 JSON 파싱 실패 시 호출됩니다. 스트리밍 중(`loading`)에는
+     * JSON이 아직 완성되지 않아 일시적으로 파싱에 실패하는 것이 정상이므로 콘솔 기록도 건너뜁니다.
      */
-    protected error(error: Error): Promise<void>;
+    protected error(error: unknown): Promise<void>;
     /**
      * `tag` 프로퍼티에 등록된 커스텀 엘리먼트를 렌더링하는 컴포넌트입니다.
      * `tag`가 변경될 때마다 등록된 커스텀 엘리먼트를 새로 생성하여 렌더링합니다.
      * `tag`가 유효하지 않거나 등록된 커스텀 엘리먼트가 아닌 경우, 에러 처리합니다.
+     * JSON 자체는 이미 파싱에 성공한 상태이므로(스트리밍 중 파싱 실패와는 다른 케이스),
+     * `loading` 여부와 무관하게 항상 기록합니다.
      */
     private updateElement;
     /**
@@ -38,9 +42,15 @@ export declare class UView extends UDataElement {
      * DOM 조작이나 이벤트 핸들러로 악용될 수 있는 프로퍼티를 최소한으로 차단합니다.
      */
     private validateProperties;
+    /**
+     * 에러 카드 없이 콘솔에만 기록합니다. 채팅 UI에 갑작스러운 에러 카드가 뜨는 것을 피하기 위함입니다 —
+     * addon 모듈을 import하지 않아 아직 등록되지 않은 태그일 수도 있으므로, 실제 에러라기보다
+     * "아직 준비 안 됨"에 가깝습니다.
+     */
+    private reportError;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "u-view": UView;
+        "u-element-block": UElementBlock;
     }
 }