@iyulab/chat-components 0.4.0 → 0.5.0

package/dist/react/UMarkedBlock.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UMarkedBlock as UMarkedBlockElement } from '../components/blocks/UMarkedBlock';
+
+export declare const UMarkedBlock: React.ForwardRefExoticComponent<
+  Partial<UMarkedBlockElement> & React.HTMLAttributes<UMarkedBlockElement> & {
+  }
+>;
+
+export type UMarkedBlockProps = React.ComponentProps<typeof UMarkedBlock>;

package/dist/react/UMarkedBlock.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UMarkedBlock } from '../components/blocks/UMarkedBlock.js';
+
+export const UMarkedBlock = createComponent({
+  react: React,
+  tagName: 'u-marked-block',
+  elementClass: UMarkedBlock,
+  events: {},
+});

package/dist/react/UMessage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UMessage as UMessageElement } from '../components/message/UMessage';
+
+export declare const UMessage: React.ForwardRefExoticComponent<
+  Partial<UMessageElement> & React.HTMLAttributes<UMessageElement> & {
+  }
+>;
+
+export type UMessageProps = React.ComponentProps<typeof UMessage>;

package/dist/react/UMessage.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UMessage } from '../components/message/UMessage.js';
+
+export const UMessage = createComponent({
+  react: React,
+  tagName: 'u-message',
+  elementClass: UMessage,
+  events: {},
+});

package/dist/react/UPrompt.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { UPrompt as UPromptElement } from '../components/prompt/UPrompt';
+import { type StopEventDetail } from '../events/StopEvent';
+import { type SendEventDetail } from '../events/SendEvent';
+
+export declare const UPrompt: React.ForwardRefExoticComponent<
+  Partial<UPromptElement> & React.HTMLAttributes<UPromptElement> & {
+  onStop?: (event: CustomEvent<StopEventDetail>) => void;
+  onSend?: (event: CustomEvent<SendEventDetail>) => void;
+  }
+>;
+
+export type UPromptProps = React.ComponentProps<typeof UPrompt>;

package/dist/react/UPrompt.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UPrompt } from '../components/prompt/UPrompt.js';
+
+export const UPrompt = createComponent({
+  react: React,
+  tagName: 'u-prompt',
+  elementClass: UPrompt,
+  events: {
+    onStop: 'stop',
+    onSend: 'send',
+  },
+});

package/dist/react/UQuestionIntent.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UQuestionIntent as UQuestionIntentElement } from '../components/intents/UQuestionIntent';
+import { type ChoiceEventDetail } from '../events/ChoiceEvent';
+
+export declare const UQuestionIntent: React.ForwardRefExoticComponent<
+  Partial<UQuestionIntentElement> & React.HTMLAttributes<UQuestionIntentElement> & {
+  onChoice?: (event: CustomEvent<ChoiceEventDetail>) => void;
+  }
+>;
+
+export type UQuestionIntentProps = React.ComponentProps<typeof UQuestionIntent>;

package/dist/react/UQuestionIntent.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UQuestionIntent } from '../components/intents/UQuestionIntent.js';
+
+export const UQuestionIntent = createComponent({
+  react: React,
+  tagName: 'u-question-intent',
+  elementClass: UQuestionIntent,
+  events: {
+    onChoice: 'choice',
+  },
+});

package/dist/react/URefBlock.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { URefBlock as URefBlockElement } from '../components/blocks/URefBlock';
+
+export declare const URefBlock: React.ForwardRefExoticComponent<
+  Partial<URefBlockElement> & React.HTMLAttributes<URefBlockElement> & {
+  }
+>;
+
+export type URefBlockProps = React.ComponentProps<typeof URefBlock>;

package/dist/react/URefBlock.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { URefBlock } from '../components/blocks/URefBlock.js';
+
+export const URefBlock = createComponent({
+  react: React,
+  tagName: 'u-ref-block',
+  elementClass: URefBlock,
+  events: {},
+});

package/dist/react/URefCard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { URefCard as URefCardElement } from '../components/references/URefCard';
+
+export declare const URefCard: React.ForwardRefExoticComponent<
+  Partial<URefCardElement> & React.HTMLAttributes<URefCardElement> & {
+  }
+>;
+
+export type URefCardProps = React.ComponentProps<typeof URefCard>;

package/dist/react/URefCard.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { URefCard } from '../components/references/URefCard.js';
+
+export const URefCard = createComponent({
+  react: React,
+  tagName: 'u-ref-card',
+  elementClass: URefCard,
+  events: {},
+});

package/dist/react/URefCardGroup.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { URefCardGroup as URefCardGroupElement } from '../components/references/URefCardGroup';
+
+export declare const URefCardGroup: React.ForwardRefExoticComponent<
+  Partial<URefCardGroupElement> & React.HTMLAttributes<URefCardGroupElement> & {
+  }
+>;
+
+export type URefCardGroupProps = React.ComponentProps<typeof URefCardGroup>;

package/dist/react/URefCardGroup.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { URefCardGroup } from '../components/references/URefCardGroup.js';
+
+export const URefCardGroup = createComponent({
+  react: React,
+  tagName: 'u-ref-card-group',
+  elementClass: URefCardGroup,
+  events: {},
+});

package/dist/react/URefTag.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { URefTag as URefTagElement } from '../components/references/URefTag';
+
+export declare const URefTag: React.ForwardRefExoticComponent<
+  Partial<URefTagElement> & React.HTMLAttributes<URefTagElement> & {
+  }
+>;
+
+export type URefTagProps = React.ComponentProps<typeof URefTag>;

package/dist/react/URefTag.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { URefTag } from '../components/references/URefTag.js';
+
+export const URefTag = createComponent({
+  react: React,
+  tagName: 'u-ref-tag',
+  elementClass: URefTag,
+  events: {},
+});

package/dist/react/UTableBlock.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UTableBlock as UTableBlockElement } from '../components/blocks/UTableBlock';
+
+export declare const UTableBlock: React.ForwardRefExoticComponent<
+  Partial<UTableBlockElement> & React.HTMLAttributes<UTableBlockElement> & {
+  }
+>;
+
+export type UTableBlockProps = React.ComponentProps<typeof UTableBlock>;

package/dist/react/UTableBlock.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UTableBlock } from '../components/blocks/UTableBlock.js';
+
+export const UTableBlock = createComponent({
+  react: React,
+  tagName: 'u-table-block',
+  elementClass: UTableBlock,
+  events: {},
+});

package/dist/react/UTextBlock.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UTextBlock as UTextBlockElement } from '../components/blocks/UTextBlock';
+
+export declare const UTextBlock: React.ForwardRefExoticComponent<
+  Partial<UTextBlockElement> & React.HTMLAttributes<UTextBlockElement> & {
+  }
+>;
+
+export type UTextBlockProps = React.ComponentProps<typeof UTextBlock>;

package/dist/react/UTextBlock.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UTextBlock } from '../components/blocks/UTextBlock.js';
+
+export const UTextBlock = createComponent({
+  react: React,
+  tagName: 'u-text-block',
+  elementClass: UTextBlock,
+  events: {},
+});

package/dist/react/UThinkBlock.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UThinkBlock as UThinkBlockElement } from '../components/blocks/UThinkBlock';
+
+export declare const UThinkBlock: React.ForwardRefExoticComponent<
+  Partial<UThinkBlockElement> & React.HTMLAttributes<UThinkBlockElement> & {
+  }
+>;
+
+export type UThinkBlockProps = React.ComponentProps<typeof UThinkBlock>;

package/dist/react/UThinkBlock.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UThinkBlock } from '../components/blocks/UThinkBlock.js';
+
+export const UThinkBlock = createComponent({
+  react: React,
+  tagName: 'u-think-block',
+  elementClass: UThinkBlock,
+  events: {},
+});

package/dist/react/UToolBlock.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UToolBlock as UToolBlockElement } from '../components/blocks/UToolBlock';
+
+export declare const UToolBlock: React.ForwardRefExoticComponent<
+  Partial<UToolBlockElement> & React.HTMLAttributes<UToolBlockElement> & {
+  }
+>;
+
+export type UToolBlockProps = React.ComponentProps<typeof UToolBlock>;

package/dist/react/UToolBlock.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UToolBlock } from '../components/blocks/UToolBlock.js';
+
+export const UToolBlock = createComponent({
+  react: React,
+  tagName: 'u-tool-block',
+  elementClass: UToolBlock,
+  events: {},
+});

package/dist/react/UVideoView.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UVideoView as UVideoViewElement } from '../components/views/UVideoView';
+
+export declare const UVideoView: React.ForwardRefExoticComponent<
+  Partial<UVideoViewElement> & React.HTMLAttributes<UVideoViewElement> & {
+  }
+>;
+
+export type UVideoViewProps = React.ComponentProps<typeof UVideoView>;

package/dist/react/UVideoView.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UVideoView } from '../components/views/UVideoView.js';
+
+export const UVideoView = createComponent({
+  react: React,
+  tagName: 'u-video-view',
+  elementClass: UVideoView,
+  events: {},
+});

package/dist/react/UView.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UView as UViewElement } from '../components/views/UView';
+
+export declare const UView: React.ForwardRefExoticComponent<
+  Partial<UViewElement> & React.HTMLAttributes<UViewElement> & {
+  }
+>;
+
+export type UViewProps = React.ComponentProps<typeof UView>;

package/dist/react/UView.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UView } from '../components/views/UView.js';
+
+export const UView = createComponent({
+  react: React,
+  tagName: 'u-view',
+  elementClass: UView,
+  events: {},
+});

package/dist/react/UVoteButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UVoteButton as UVoteButtonElement } from '../components/buttons/UVoteButton';
+
+export declare const UVoteButton: React.ForwardRefExoticComponent<
+  Partial<UVoteButtonElement> & React.HTMLAttributes<UVoteButtonElement> & {
+  }
+>;
+
+export type UVoteButtonProps = React.ComponentProps<typeof UVoteButton>;

package/dist/react/UVoteButton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UVoteButton } from '../components/buttons/UVoteButton.js';
+
+export const UVoteButton = createComponent({
+  react: React,
+  tagName: 'u-vote-button',
+  elementClass: UVoteButton,
+  events: {},
+});

package/dist/react/index.d.ts

@@ -0,0 +1,23 @@
+export { UView, UViewProps } from './UView';
+export { UVideoView, UVideoViewProps } from './UVideoView';
+export { UMapView, UMapViewProps } from './UMapView';
+export { UImagesView, UImagesViewProps } from './UImagesView';
+export { UChartView, UChartViewProps } from './UChartView';
+export { URefTag, URefTagProps } from './URefTag';
+export { URefCardGroup, URefCardGroupProps } from './URefCardGroup';
+export { URefCard, URefCardProps } from './URefCard';
+export { UPrompt, UPromptProps } from './UPrompt';
+export { UMessage, UMessageProps } from './UMessage';
+export { UQuestionIntent, UQuestionIntentProps } from './UQuestionIntent';
+export { UVoteButton, UVoteButtonProps } from './UVoteButton';
+export { UCopyButton, UCopyButtonProps } from './UCopyButton';
+export { UAttachButton, UAttachButtonProps } from './UAttachButton';
+export { UToolBlock, UToolBlockProps } from './UToolBlock';
+export { UThinkBlock, UThinkBlockProps } from './UThinkBlock';
+export { UTextBlock, UTextBlockProps } from './UTextBlock';
+export { UTableBlock, UTableBlockProps } from './UTableBlock';
+export { URefBlock, URefBlockProps } from './URefBlock';
+export { UMarkedBlock, UMarkedBlockProps } from './UMarkedBlock';
+export { UJsonBlock, UJsonBlockProps } from './UJsonBlock';
+export { UFileBlock, UFileBlockProps } from './UFileBlock';
+export { UCodeBlock, UCodeBlockProps } from './UCodeBlock';

package/dist/react/index.js

@@ -0,0 +1,23 @@
+export { UView } from './UView.js';
+export { UVideoView } from './UVideoView.js';
+export { UMapView } from './UMapView.js';
+export { UImagesView } from './UImagesView.js';
+export { UChartView } from './UChartView.js';
+export { URefTag } from './URefTag.js';
+export { URefCardGroup } from './URefCardGroup.js';
+export { URefCard } from './URefCard.js';
+export { UPrompt } from './UPrompt.js';
+export { UMessage } from './UMessage.js';
+export { UQuestionIntent } from './UQuestionIntent.js';
+export { UVoteButton } from './UVoteButton.js';
+export { UCopyButton } from './UCopyButton.js';
+export { UAttachButton } from './UAttachButton.js';
+export { UToolBlock } from './UToolBlock.js';
+export { UThinkBlock } from './UThinkBlock.js';
+export { UTextBlock } from './UTextBlock.js';
+export { UTableBlock } from './UTableBlock.js';
+export { URefBlock } from './URefBlock.js';
+export { UMarkedBlock } from './UMarkedBlock.js';
+export { UJsonBlock } from './UJsonBlock.js';
+export { UFileBlock } from './UFileBlock.js';
+export { UCodeBlock } from './UCodeBlock.js';

package/dist/types/BlockItem.d.ts

@@ -3,6 +3,8 @@ import { JsonNode } from './JsonNode';
 /** LLM 추론 텍스트 블록입니다. */
 export interface ThinkingBlockItem {
     type: "thinking";
+    /** 추론 중 로딩 상태 여부 */
+    loading?: boolean;
     /** 추론 텍스트 내용 */
     value?: string;
 }
@@ -20,9 +22,27 @@ export interface MarkdownBlockItem {
     /** 마크다운 내 인용 정보 들 */
     refs?: ReferenceCitation[];
 }
+/** 파일 하나의 데이터 구조입니다. */
+export interface FileBlockItem {
+    type: "file";
+    /** 파일 상태 */
+    status?: "idle" | "uploading" | "error";
+    /** 파일 이름 */
+    name?: string;
+    /** 파일 크기 (bytes) */
+    size?: number;
+    /** MIME 타입 (예: "image/png", "application/pdf") */
+    mimeType?: string;
+    /** 다운로드 URL */
+    url?: string;
+    /** 실제 파일 데이터 (선택적, 필요에 따라 사용) */
+    data?: any;
+}
 /** 툴 사용 블록입니다. */
 export interface ToolBlockItem {
     type: "tool";
+    /** 툴 사용 중 로딩 상태 여부 */
+    loading?: boolean;
     /** 도구 블록 제목 */
     title?: string;
     /** 도구 블록 입력값(json) */
@@ -36,38 +56,7 @@ export interface ReferenceBlockItem {
     /** 출처 목록 */
     sources: ReferenceSource[];
 }
-/** 파일 첨부 블록입니다. */
-export type FileUploadStatus = {
-    phase: "uploading";
-    progress?: number;
-} | {
-    phase: "done";
-} | {
-    phase: "error";
-    message?: string;
-};
-/** 파일 하나의 데이터 구조입니다. */
-export interface FileItem {
-    /** 파일 ID (옵션) */
-    fileId?: string;
-    /** 파일 이름 */
-    name: string;
-    /** MIME 타입 (예: "image/png", "application/pdf") */
-    type?: string;
-    /** 파일 크기 (bytes) */
-    size?: number;
-    /** 파일 업로드 상태 */
-    upload?: FileUploadStatus;
-    /** 다운로드 URL */
-    downloadUrl?: string;
-}
-/** 복수 파일 첨부 블록입니다. */
-export interface FilesBlockItem {
-    type: "files";
-    /** 파일 목록 */
-    files: FileItem[];
-}
 /**
  * 타입별 메시지 컨텐츠 아이템
  */
-export type BlockItem = (ThinkingBlockItem | TextBlockItem | MarkdownBlockItem | ToolBlockItem | ReferenceBlockItem | FilesBlockItem);
+export type BlockItem = (ThinkingBlockItem | TextBlockItem | MarkdownBlockItem | FileBlockItem | ToolBlockItem | ReferenceBlockItem);

package/dist/types/Intents.d.ts

@@ -0,0 +1,26 @@
+import { JsonSchema } from '../types/JsonSchema.js';
+/** LLM에서 intent-json 블록으로 출력되는 구조입니다.*/
+export interface IntentSchema {
+    type: string;
+    properties?: Record<string, unknown>;
+}
+/** Intent 정의 구조체 */
+export interface IntentDefinition {
+    /** intent 식별자 (intent-json의 "type" 필드와 매칭) */
+    type: string;
+    /** LLM용 설명 */
+    description: string;
+    /** LLM용 속성 스키마 */
+    properties?: Record<string, JsonSchema>;
+    /** LLM용 필수 속성 이름 목록 */
+    required?: string[];
+}
+/** 프리셋 Intent 비트 플래그 */
+export declare enum PresetIntent {
+    Questions = 1,
+    All = 1
+}
+/** 프리셋 Intent 목록 (비트 플래그 순서대로) */
+export declare const PRESET_INTENT_LIST: readonly [PresetIntent];
+/** 프리셋 Intent 정의 매핑 */
+export declare const PRESET_INTENT_DEFINITIONS: Map<PresetIntent, IntentDefinition>;

package/dist/types/Intents.js

@@ -0,0 +1,30 @@
+//#region src/types/Intents.ts
+/** 프리셋 Intent 비트 플래그 */
+var PresetIntent = /* @__PURE__ */ function(PresetIntent) {
+	PresetIntent[PresetIntent["Questions"] = 1] = "Questions";
+	PresetIntent[PresetIntent["All"] = 1] = "All";
+	return PresetIntent;
+}({});
+/** 프리셋 Intent 목록 (비트 플래그 순서대로) */
+var PRESET_INTENT_LIST = [PresetIntent.Questions];
+/** 프리셋 Intent 정의 매핑 */
+var PRESET_INTENT_DEFINITIONS = new Map([[PresetIntent.Questions, {
+	type: "question",
+	description: "Present a question to the user with clickable choices",
+	properties: {
+		question: {
+			type: "string",
+			description: "Optional question text displayed above the choices (e.g. \"What would you like to explore?\")"
+		},
+		choices: {
+			type: "array",
+			items: { type: "string" },
+			minItems: 1,
+			maxItems: 5,
+			description: "Clickable choice buttons (1–5 items)"
+		}
+	},
+	required: ["choices"]
+}]]);
+//#endregion
+export { PRESET_INTENT_DEFINITIONS, PRESET_INTENT_LIST, PresetIntent };

package/dist/types/{Widgets.d.ts → Views.d.ts}

@@ -1,8 +1,8 @@
 import { JsonSchema } from './JsonSchema.js';
 /**
- * 위젯을 정의하는 구조체
+ * View를 정의하는 구조체
  */
-export interface WidgetDefinition {
+export interface ViewDefinition {
     /** 등록할 커스텀 엘리먼트 클래스 */
     element: CustomElementConstructor;
     /** 등록할 커스텀 엘리먼트 태그명 */
@@ -15,9 +15,9 @@ export interface WidgetDefinition {
     required?: string[];
 }
 /**
- * 프리셋 위젯 비트 플래그
+ * 프리셋 View 비트 플래그
  */
-export declare enum PresetWidget {
+export declare enum PresetView {
     Images = 1,
     Video = 2,
     Map = 8,
@@ -25,10 +25,10 @@ export declare enum PresetWidget {
     All = 27
 }
 /**
- * 전체 프리셋 위젯 플래그 목록
+ * 전체 프리셋 View 플래그 목록
  */
-export declare const PRESET_WIDGET_LIST: readonly [PresetWidget.Images, PresetWidget.Video, PresetWidget.Map, PresetWidget.Chart];
+export declare const PRESET_VIEW_LIST: readonly [PresetView.Images, PresetView.Video, PresetView.Map, PresetView.Chart];
 /**
- * 프리셋 위젯 정의
+ * 프리셋 View 정의
  */
-export declare const PRESET_WIDGET_DEFINITIONS: Map<PresetWidget, WidgetDefinition>;
+export declare const PRESET_VIEW_DEFINITIONS: Map<PresetView, ViewDefinition>;