@chenzy-design/svelte 0.3.1 → 0.4.1

package/dist/ai-chat-dialogue/DialogueBox.svelte

@@ -0,0 +1,403 @@
+<!--
+  DialogueBox — AIChatDialogue 单条消息（对齐 Semi aiChatDialogue 会话框）。
+  头像 / 标题 / 内容（ContentItem 分块，走 ContentItemRenderer）/ 操作区 / status。
+  content 归一：string → 单文本块；ContentItem[] → 逐块渲染。
+  选择模式下前置 checkbox。全 token，类名前缀 cd-。
+-->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import {
+    normalizeDialogueContent,
+    dialogueMessageToInput,
+    type AIDialogueMessage,
+    type AIDialogueMetadata,
+    type AIDialogueReference,
+    type ContentItem,
+    type AIChatInputMessageContent,
+  } from '@chenzy-design/core';
+  import { useLocale } from '../locale-provider/index.js';
+  import ContentItemRenderer from './ContentItemRenderer.svelte';
+  import type { DialogueRenderConfig } from './render-config.js';
+
+  interface Props {
+    message: AIDialogueMessage;
+    /** 解析后的角色元数据（名称/头像/色）。 */
+    role?: AIDialogueMetadata | undefined;
+    /** 布局。 */
+    align?: 'leftRight' | 'leftAlign';
+    /** 气泡模式。 */
+    mode?: 'bubble' | 'noBubble' | 'userBubble';
+    /** 选择模式。 */
+    selecting?: boolean;
+    /** 当前是否被选中。 */
+    selected?: boolean;
+    /** 透传 MarkdownRender props。 */
+    markdownRenderProps?: Record<string, unknown> | undefined;
+    /** ContentItem 按类型覆盖渲染。 */
+    renderMap?: Record<string, Snippet<[ContentItem]>> | undefined;
+    /** 展示重置操作。 */
+    showReset?: boolean;
+    onSelectToggle?: ((message: AIDialogueMessage) => void) | undefined;
+    onMessageCopy?: ((message: AIDialogueMessage) => void) | undefined;
+    onMessageDelete?: ((message: AIDialogueMessage) => void) | undefined;
+    onMessageReset?: ((message: AIDialogueMessage) => void) | undefined;
+    onMessageGoodFeedback?: ((message: AIDialogueMessage) => void) | undefined;
+    onMessageBadFeedback?: ((message: AIDialogueMessage) => void) | undefined;
+    onFileClick?: ((file: unknown) => void) | undefined;
+    onImageClick?: ((image: unknown) => void) | undefined;
+    /**
+     * 消息编辑渲染（对齐 Semi messageEditRender）：message.editing=true 且 user 消息时，
+     * 用它替代正常内容渲染。参数为该消息转成的 MessageContent（messageToChatInput），
+     * 消费方通常在里面放 AIChatInput 编辑器。
+     */
+    messageEditRender?: Snippet<[AIChatInputMessageContent]> | undefined;
+    /** 点击编辑操作回调（对齐 Semi onMessageEdit）。 */
+    onMessageEdit?: ((message: AIDialogueMessage) => void) | undefined;
+    /** 是否展示编辑操作（默认 true；仅 user 消息显示编辑按钮）。 */
+    editable?: boolean;
+    /** 是否展示引用区（对齐 Semi showReference；仅 user 消息生效）。 */
+    showReference?: boolean;
+    /** 引用项点击回调（对齐 Semi onReferenceClick）。 */
+    onReferenceClick?: ((item: AIDialogueReference) => void) | undefined;
+    /** 自定义各区块渲染（对齐 Semi dialogueRenderConfig）。 */
+    dialogueRenderConfig?: DialogueRenderConfig | undefined;
+  }
+
+  let {
+    message,
+    role,
+    align = 'leftRight',
+    mode = 'bubble',
+    selecting = false,
+    selected = false,
+    markdownRenderProps,
+    renderMap,
+    showReset = true,
+    onSelectToggle,
+    onMessageCopy,
+    onMessageDelete,
+    onMessageReset,
+    onMessageGoodFeedback,
+    onMessageBadFeedback,
+    onFileClick,
+    onImageClick,
+    messageEditRender,
+    onMessageEdit,
+    editable = true,
+    showReference = false,
+    onReferenceClick,
+    dialogueRenderConfig,
+  }: Props = $props();
+
+  const loc = useLocale();
+
+  const isUser = $derived(message.role === 'user');
+  // 引用区：仅 user 消息 + showReference + 有 references 时展示（对齐 Semi）。
+  const references = $derived<AIDialogueReference[]>(
+    (showReference && isUser && Array.isArray(message.references) ? message.references : []),
+  );
+  // 编辑态：message.editing 受控 + 仅 user 消息 + 提供了 messageEditRender（对齐 Semi）。
+  const isEditing = $derived(!!message.editing && message.role === 'user' && !!messageEditRender);
+  // 编辑态载荷：把 dialogue 消息抽取成 MessageContent（inputContents 文本段），喂给编辑器载入。
+  const editPayload = $derived<AIChatInputMessageContent>(
+    isEditing ? dialogueMessageToInput(message) : { inputContents: [] },
+  );
+  const isLoading = $derived(
+    message.status === 'in_progress' || message.status === 'queued',
+  );
+  const isError = $derived(message.status === 'failed' || message.status === 'cancelled');
+  const showBubble = $derived(mode === 'bubble' || (mode === 'userBubble' && isUser));
+  const title = $derived(role?.name ?? message.name ?? message.role ?? '');
+  const items = $derived(normalizeDialogueContent(message.content));
+
+  // 头像：有 avatar 用图，否则色块 + 首字。
+  const avatarInitial = $derived(title.slice(0, 1).toUpperCase());
+
+  async function handleCopy(): Promise<void> {
+    try {
+      const text = items
+        .flatMap((it) => {
+          const inner = (it as { content?: { text?: string }[] }).content;
+          return Array.isArray(inner) ? inner.map((p) => p.text ?? '') : [];
+        })
+        .join('\n\n');
+      await navigator.clipboard?.writeText(text);
+    } catch {
+      // 剪贴板不可用静默。
+    }
+    onMessageCopy?.(message);
+  }
+</script>
+
+<!-- 默认头像节点。 -->
+{#snippet defaultAvatar()}
+  {#if role?.avatar}
+    <img class="cd-ai-dialogue-box-avatar" src={role.avatar} alt="" />
+  {:else}
+    <div
+      class="cd-ai-dialogue-box-avatar cd-ai-dialogue-box-avatar--text"
+      style={role?.color ? `background:${role.color}` : undefined}
+      aria-hidden="true"
+    >
+      {avatarInitial}
+    </div>
+  {/if}
+{/snippet}
+
+<!-- 默认标题节点。 -->
+{#snippet defaultTitle()}
+  {#if title}
+    <div class="cd-ai-dialogue-box-title">{title}</div>
+  {/if}
+{/snippet}
+
+<!-- 默认内容节点（含编辑态 / loading / error / 内容块 + 引用区）。 -->
+{#snippet defaultContent()}
+  <div class="cd-ai-dialogue-box-content" aria-busy={isLoading}>
+    {#if isEditing && messageEditRender}
+      <!-- 编辑态：用 messageEditRender 替代内容（对齐 Semi），消费方通常放 AIChatInput 编辑器。 -->
+      {@render messageEditRender(editPayload)}
+    {:else if isLoading && items.length === 0}
+      <span class="cd-ai-dialogue-box-loading">{loc().t('AIChatDialogue.loading')}</span>
+    {:else if isError}
+      <span class="cd-ai-dialogue-box-error">{loc().t('AIChatDialogue.error')}</span>
+    {:else}
+      {#each items as item, i (i)}
+        <ContentItemRenderer {item} {markdownRenderProps} {renderMap} {onFileClick} {onImageClick} />
+      {/each}
+    {/if}
+  </div>
+
+  {#if references.length > 0}
+    <ul class="cd-ai-dialogue-box-references" aria-label={loc().t('AIChatDialogue.references')}>
+      {#each references as ref, i (ref.id ?? i)}
+        <li>
+          <button
+            type="button"
+            class="cd-ai-dialogue-box-reference"
+            class:cd-ai-dialogue-box-reference--text={!!ref.content && !ref.name}
+            title={ref.name ?? ref.content ?? ''}
+            onclick={() => onReferenceClick?.(ref)}
+          >
+            {#if ref.name}
+              <span class="cd-ai-dialogue-box-reference-icon" aria-hidden="true">◈</span>
+              <span class="cd-ai-dialogue-box-reference-name">{ref.name}</span>
+            {:else}
+              <span class="cd-ai-dialogue-box-reference-text">{ref.content}</span>
+            {/if}
+          </button>
+        </li>
+      {/each}
+    </ul>
+  {/if}
+{/snippet}
+
+<!-- 默认操作栏节点。 -->
+{#snippet defaultAction()}
+  {#if !isLoading && !selecting && !isEditing}
+    <div class="cd-ai-dialogue-box-actions">
+      <button type="button" onclick={handleCopy} aria-label={loc().t('AIChatDialogue.copy')} title={loc().t('AIChatDialogue.copy')}>⧉</button>
+      {#if editable && isUser && onMessageEdit}
+        <button type="button" onclick={() => onMessageEdit?.(message)} aria-label={loc().t('AIChatDialogue.edit')} title={loc().t('AIChatDialogue.edit')}>✎</button>
+      {/if}
+      {#if showReset}
+        <button type="button" onclick={() => onMessageReset?.(message)} aria-label={loc().t('AIChatDialogue.reset')} title={loc().t('AIChatDialogue.reset')}>↻</button>
+      {/if}
+      <button type="button" onclick={() => onMessageGoodFeedback?.(message)} aria-label={loc().t('AIChatDialogue.like')} title={loc().t('AIChatDialogue.like')}>👍</button>
+      <button type="button" onclick={() => onMessageBadFeedback?.(message)} aria-label={loc().t('AIChatDialogue.dislike')} title={loc().t('AIChatDialogue.dislike')}>👎</button>
+      <button type="button" onclick={() => onMessageDelete?.(message)} aria-label={loc().t('AIChatDialogue.delete')} title={loc().t('AIChatDialogue.delete')}>🗑</button>
+    </div>
+  {/if}
+{/snippet}
+
+<div
+  class="cd-ai-dialogue-box"
+  class:cd-ai-dialogue-box--user={isUser}
+  class:cd-ai-dialogue-box--leftAlign={align === 'leftAlign'}
+  class:cd-ai-dialogue-box--error={isError}
+  class:cd-ai-dialogue-box--bubble={showBubble}
+>
+  {#if selecting}
+    <input
+      type="checkbox"
+      class="cd-ai-dialogue-box-select"
+      checked={selected}
+      aria-label={loc().t('AIChatDialogue.selectMessage')}
+      onchange={() => onSelectToggle?.(message)}
+    />
+  {/if}
+
+  {#if dialogueRenderConfig?.renderFullDialogue}
+    <!-- 整块自定义渲染（优先级最高，对齐 Semi renderFullDialogue）。 -->
+    {@render dialogueRenderConfig.renderFullDialogue({
+      message,
+      role,
+      defaultNodes: { avatar: defaultAvatar, title: defaultTitle, content: defaultContent, action: defaultAction },
+    })}
+  {:else}
+    <!-- 头像 -->
+    {#if dialogueRenderConfig?.renderDialogueAvatar}
+      {@render dialogueRenderConfig.renderDialogueAvatar({ message, role, defaultAvatar })}
+    {:else}
+      {@render defaultAvatar()}
+    {/if}
+
+    <div class="cd-ai-dialogue-box-body">
+      {#if dialogueRenderConfig?.renderDialogueTitle}
+        {@render dialogueRenderConfig.renderDialogueTitle({ message, role, defaultTitle })}
+      {:else}
+        {@render defaultTitle()}
+      {/if}
+
+      {#if dialogueRenderConfig?.renderDialogueContent}
+        {@render dialogueRenderConfig.renderDialogueContent({ message, role, defaultContent })}
+      {:else}
+        {@render defaultContent()}
+      {/if}
+
+      {#if dialogueRenderConfig?.renderDialogueAction}
+        {@render dialogueRenderConfig.renderDialogueAction({ message, defaultAction })}
+      {:else}
+        {@render defaultAction()}
+      {/if}
+    </div>
+  {/if}
+</div>
+
+<style>
+  .cd-ai-dialogue-box {
+    display: flex;
+    gap: var(--cd-spacing-tight);
+    padding: var(--cd-spacing-tight);
+    align-items: flex-start;
+  }
+
+  .cd-ai-dialogue-box--user {
+    flex-direction: row-reverse;
+  }
+
+  .cd-ai-dialogue-box--leftAlign,
+  .cd-ai-dialogue-box--leftAlign.cd-ai-dialogue-box--user {
+    flex-direction: row;
+  }
+
+  .cd-ai-dialogue-box-avatar {
+    width: var(--cd-chat-avatar-size, 32px);
+    height: var(--cd-chat-avatar-size, 32px);
+    border-radius: var(--cd-chat-avatar-radius, 50%);
+    flex-shrink: 0;
+    object-fit: cover;
+  }
+
+  .cd-ai-dialogue-box-avatar--text {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--cd-chat-avatar-bg, var(--cd-color-fill-1));
+    color: var(--cd-color-text-0);
+    font-size: var(--cd-font-size-regular);
+  }
+
+  .cd-ai-dialogue-box-body {
+    min-width: 0;
+    flex: 1 1 auto;
+  }
+
+  .cd-ai-dialogue-box-title {
+    color: var(--cd-color-text-2);
+    font-size: var(--cd-font-size-secondary, var(--cd-font-size-regular));
+    margin-bottom: var(--cd-spacing-extra-tight);
+  }
+
+  .cd-ai-dialogue-box--bubble .cd-ai-dialogue-box-content {
+    padding: var(--cd-spacing-tight);
+    border-radius: var(--cd-border-radius-large, var(--cd-border-radius-medium));
+    background: var(--cd-chat-bubble-assistant-bg, var(--cd-color-fill-0));
+  }
+
+  .cd-ai-dialogue-box--bubble.cd-ai-dialogue-box--user .cd-ai-dialogue-box-content {
+    background: var(--cd-chat-bubble-user-bg, var(--cd-color-primary-light-default));
+  }
+
+  .cd-ai-dialogue-box-error {
+    color: var(--cd-color-danger);
+  }
+
+  .cd-ai-dialogue-box-loading {
+    color: var(--cd-color-text-2);
+  }
+
+  .cd-ai-dialogue-box-actions {
+    display: flex;
+    gap: var(--cd-spacing-extra-tight);
+    margin-top: var(--cd-spacing-extra-tight);
+  }
+
+  .cd-ai-dialogue-box-actions button {
+    appearance: none;
+    border: none;
+    background: none;
+    cursor: pointer;
+    padding: var(--cd-spacing-extra-tight);
+    border-radius: var(--cd-border-radius-small);
+    color: var(--cd-chat-action-icon, var(--cd-color-text-2));
+    font-size: var(--cd-font-size-regular);
+  }
+
+  .cd-ai-dialogue-box-actions button:hover {
+    color: var(--cd-chat-action-icon-hover, var(--cd-color-text-0));
+  }
+
+  .cd-ai-dialogue-box-references {
+    list-style: none;
+    margin: var(--cd-spacing-extra-tight) 0 0;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--cd-spacing-extra-tight);
+  }
+
+  .cd-ai-dialogue-box-reference {
+    appearance: none;
+    display: inline-flex;
+    align-items: center;
+    gap: var(--cd-spacing-extra-tight);
+    max-width: 100%;
+    padding: var(--cd-spacing-extra-tight) var(--cd-spacing-tight);
+    border: 1px solid var(--cd-color-border);
+    border-radius: var(--cd-border-radius-medium);
+    background: var(--cd-color-fill-0);
+    color: var(--cd-color-text-1);
+    font-size: var(--cd-font-size-secondary, var(--cd-font-size-regular));
+    cursor: pointer;
+    text-align: left;
+  }
+
+  .cd-ai-dialogue-box-reference:hover {
+    background: var(--cd-color-fill-1);
+    border-color: var(--cd-color-primary);
+  }
+
+  .cd-ai-dialogue-box-reference--text {
+    max-width: 320px;
+  }
+
+  .cd-ai-dialogue-box-reference-icon {
+    color: var(--cd-color-primary);
+    flex-shrink: 0;
+  }
+
+  .cd-ai-dialogue-box-reference-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .cd-ai-dialogue-box-reference-text {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+</style>

package/dist/ai-chat-dialogue/DialogueBox.svelte.d.ts

@@ -0,0 +1,50 @@
+import type { Snippet } from 'svelte';
+import { type AIDialogueMessage, type AIDialogueMetadata, type AIDialogueReference, type ContentItem, type AIChatInputMessageContent } from '@chenzy-design/core';
+import type { DialogueRenderConfig } from './render-config.js';
+interface Props {
+    message: AIDialogueMessage;
+    /** 解析后的角色元数据（名称/头像/色）。 */
+    role?: AIDialogueMetadata | undefined;
+    /** 布局。 */
+    align?: 'leftRight' | 'leftAlign';
+    /** 气泡模式。 */
+    mode?: 'bubble' | 'noBubble' | 'userBubble';
+    /** 选择模式。 */
+    selecting?: boolean;
+    /** 当前是否被选中。 */
+    selected?: boolean;
+    /** 透传 MarkdownRender props。 */
+    markdownRenderProps?: Record<string, unknown> | undefined;
+    /** ContentItem 按类型覆盖渲染。 */
+    renderMap?: Record<string, Snippet<[ContentItem]>> | undefined;
+    /** 展示重置操作。 */
+    showReset?: boolean;
+    onSelectToggle?: ((message: AIDialogueMessage) => void) | undefined;
+    onMessageCopy?: ((message: AIDialogueMessage) => void) | undefined;
+    onMessageDelete?: ((message: AIDialogueMessage) => void) | undefined;
+    onMessageReset?: ((message: AIDialogueMessage) => void) | undefined;
+    onMessageGoodFeedback?: ((message: AIDialogueMessage) => void) | undefined;
+    onMessageBadFeedback?: ((message: AIDialogueMessage) => void) | undefined;
+    onFileClick?: ((file: unknown) => void) | undefined;
+    onImageClick?: ((image: unknown) => void) | undefined;
+    /**
+     * 消息编辑渲染（对齐 Semi messageEditRender）：message.editing=true 且 user 消息时，
+     * 用它替代正常内容渲染。参数为该消息转成的 MessageContent（messageToChatInput），
+     * 消费方通常在里面放 AIChatInput 编辑器。
+     */
+    messageEditRender?: Snippet<[AIChatInputMessageContent]> | undefined;
+    /** 点击编辑操作回调（对齐 Semi onMessageEdit）。 */
+    onMessageEdit?: ((message: AIDialogueMessage) => void) | undefined;
+    /** 是否展示编辑操作（默认 true；仅 user 消息显示编辑按钮）。 */
+    editable?: boolean;
+    /** 是否展示引用区（对齐 Semi showReference；仅 user 消息生效）。 */
+    showReference?: boolean;
+    /** 引用项点击回调（对齐 Semi onReferenceClick）。 */
+    onReferenceClick?: ((item: AIDialogueReference) => void) | undefined;
+    /** 自定义各区块渲染（对齐 Semi dialogueRenderConfig）。 */
+    dialogueRenderConfig?: DialogueRenderConfig | undefined;
+}
+declare const DialogueBox: import("svelte").Component<Props, {}, "">;
+type DialogueBox = ReturnType<typeof DialogueBox>;
+export default DialogueBox;
+//# sourceMappingURL=DialogueBox.svelte.d.ts.map

package/dist/ai-chat-dialogue/DialogueBox.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogueBox.svelte.d.ts","sourceRoot":"","sources":["../../src/ai-chat-dialogue/DialogueBox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAGH,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,yBAAyB,EAC/B,MAAM,qBAAqB,CAAC;AAG/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,UAAU,KAAK;IACb,OAAO,EAAE,iBAAiB,CAAC;IAC3B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACtC,UAAU;IACV,KAAK,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC;IAClC,YAAY;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;IAC5C,YAAY;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IAC1D,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC/D,cAAc;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,aAAa,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnE,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrE,cAAc,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,qBAAqB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3E,oBAAoB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1E,WAAW,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC,yBAAyB,CAAC,CAAC,GAAG,SAAS,CAAC;IACrE,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrE,8CAA8C;IAC9C,oBAAoB,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;CACzD;AAiMH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/ai-chat-dialogue/index.d.ts

@@ -0,0 +1,8 @@
+export { default as AIChatDialogue } from './AIChatDialogue.svelte';
+export { default as AIChatDialogueBox } from './DialogueBox.svelte';
+export { default as AIChatDialogueContentItem } from './ContentItemRenderer.svelte';
+export { meta as aiChatDialogueMeta } from './meta.js';
+export type { DialogueRenderConfig, RenderAvatarProps, RenderTitleProps, RenderContentProps, RenderActionProps, RenderFullDialogueProps, FullDialogueNodes, } from './render-config.js';
+export { responseToMessage, chatCompletionToMessage, streamingResponseToMessage, streamingChatCompletionToMessage, dialogueMessageToInput, contentItemType, normalizeDialogueContent, } from '@chenzy-design/core';
+export type { AIDialogueMessage, AIDialogueMetadata, AIDialogueRoleConfig, AIDialogueReference, ContentItem, AIMessageStatus, OpenAIResponseObject, ChatCompletionObject, ResponseStreamChunk, StreamingResponseState, ChatCompletionStreamChunk, StreamingChatCompletionState, } from '@chenzy-design/core';
+//# sourceMappingURL=index.d.ts.map

package/dist/ai-chat-dialogue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ai-chat-dialogue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,IAAI,IAAI,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACvD,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,0BAA0B,EAC1B,gCAAgC,EAChC,sBAAsB,EACtB,eAAe,EACf,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,qBAAqB,CAAC"}

package/dist/ai-chat-dialogue/index.js

@@ -0,0 +1,6 @@
+export { default as AIChatDialogue } from './AIChatDialogue.svelte';
+export { default as AIChatDialogueBox } from './DialogueBox.svelte';
+export { default as AIChatDialogueContentItem } from './ContentItemRenderer.svelte';
+export { meta as aiChatDialogueMeta } from './meta.js';
+// 数据 Adapter 与 helpers 从 core 透传，供消费方直接从 svelte 包使用。
+export { responseToMessage, chatCompletionToMessage, streamingResponseToMessage, streamingChatCompletionToMessage, dialogueMessageToInput, contentItemType, normalizeDialogueContent, } from '@chenzy-design/core';

package/dist/ai-chat-dialogue/meta.d.ts

@@ -0,0 +1,174 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * AIChatDialogue — aligned to Semi Design AIChatDialogue（OpenAI Response Object
+ * 消息格式 + ContentItem 分块渲染 + 非流式/流式 Adapter）。headless 类型与转换在
+ * @chenzy-design/core（ai-chat-dialogue）。
+ */
+export declare const meta: {
+    readonly name: "AIChatDialogue";
+    readonly category: "ai";
+    readonly description: "AI 对话展示：消息格式以 OpenAI Response Object 为原型，content 支持 ContentItem[]（output_text/input_text 走 MarkdownRender、image、file、reasoning 折叠块、function_call/tool_call 工具块、refusal、audio）。逐条 DialogueBox 渲染，ContentItemRenderer 按 type 分派、renderDialogueContentItem 可覆盖。消息流 role=log/aria-live=polite；滚动出现回到底部；选择模式 checkbox。ref 方法 selectAll/deselectAll/scrollToBottom/scrollToTop。core 提供类型全谱 + 非流式 Adapter（responseToMessage / chatCompletionToMessage）+ 流式 Adapter（streamingResponseToMessage 全功能增量状态机：sequence_number 顺序处理/无序缓冲/MAX_GAP 容错/20+ chunk 类型 delta 累积；streamingChatCompletionToMessage：choice.index 分组/processedCount 增量/tool_calls 累积），全功能对齐 Semi。";
+    readonly exports: readonly ["AIChatDialogue"];
+    readonly props: readonly [{
+        readonly name: "chats";
+        readonly type: "AIDialogueMessage[]";
+        readonly default: "[]";
+        readonly desc: "受控对话列表（OpenAI 消息格式）";
+    }, {
+        readonly name: "roleConfig";
+        readonly type: "AIDialogueRoleConfig";
+        readonly default: "undefined";
+        readonly desc: "角色配置（user/assistant/system → Metadata 或 Map，对齐 Semi 必填）";
+    }, {
+        readonly name: "align";
+        readonly type: "'leftRight'|'leftAlign'";
+        readonly default: "'leftRight'";
+        readonly desc: "布局对齐";
+    }, {
+        readonly name: "mode";
+        readonly type: "'bubble'|'noBubble'|'userBubble'";
+        readonly default: "'bubble'";
+        readonly desc: "气泡模式";
+    }, {
+        readonly name: "hints";
+        readonly type: "string[]";
+        readonly default: "undefined";
+        readonly desc: "提示信息";
+    }, {
+        readonly name: "selecting";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "选择模式（消息前置 checkbox）";
+    }, {
+        readonly name: "showReset";
+        readonly type: "boolean";
+        readonly default: "true";
+        readonly desc: "展示重置操作";
+    }, {
+        readonly name: "showReference";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "在 user 消息展示引用区（message.references）";
+    }, {
+        readonly name: "markdownRenderProps";
+        readonly type: "object";
+        readonly default: "undefined";
+        readonly desc: "透传内容渲染的 MarkdownRender props";
+    }, {
+        readonly name: "renderDialogueContentItem";
+        readonly type: "Record<string, Snippet<[ContentItem]>>";
+        readonly default: "undefined";
+        readonly desc: "按 ContentItem.type 覆盖渲染";
+    }, {
+        readonly name: "renderHintBox";
+        readonly type: "Snippet<[{ content; index; onHintClick }]>";
+        readonly default: "undefined";
+        readonly desc: "自定义提示项渲染";
+    }, {
+        readonly name: "dialogueRenderConfig";
+        readonly type: "DialogueRenderConfig";
+        readonly default: "undefined";
+        readonly desc: "自定义会话框各区块渲染（头像/标题/内容/操作，或整块）";
+    }];
+    readonly events: readonly [{
+        readonly name: "onChatsChange";
+        readonly payload: "chats: AIDialogueMessage[]";
+        readonly desc: "对话列表变更";
+    }, {
+        readonly name: "onHintClick";
+        readonly payload: "hint: string";
+        readonly desc: "点击提示";
+    }, {
+        readonly name: "onSelect";
+        readonly payload: "selectedIds: string[]";
+        readonly desc: "选择变更";
+    }, {
+        readonly name: "onMessageCopy";
+        readonly payload: "message";
+        readonly desc: "复制消息";
+    }, {
+        readonly name: "onMessageDelete";
+        readonly payload: "message";
+        readonly desc: "删除消息";
+    }, {
+        readonly name: "onMessageReset";
+        readonly payload: "message";
+        readonly desc: "重置消息";
+    }, {
+        readonly name: "onMessageGoodFeedback";
+        readonly payload: "message";
+        readonly desc: "正向反馈";
+    }, {
+        readonly name: "onMessageBadFeedback";
+        readonly payload: "message";
+        readonly desc: "负向反馈";
+    }, {
+        readonly name: "onFileClick";
+        readonly payload: "file";
+        readonly desc: "文件点击";
+    }, {
+        readonly name: "onImageClick";
+        readonly payload: "image";
+        readonly desc: "图片点击";
+    }, {
+        readonly name: "onMessageEdit";
+        readonly payload: "message";
+        readonly desc: "点击编辑操作（P1）";
+    }, {
+        readonly name: "onReferenceClick";
+        readonly payload: "item: AIDialogueReference";
+        readonly desc: "引用项点击";
+    }];
+    readonly slots: readonly [{
+        readonly name: "renderDialogueContentItem";
+        readonly payload: "ContentItem（按 type 覆盖）";
+        readonly desc: "按 ContentItem.type 覆盖渲染";
+    }, {
+        readonly name: "renderHintBox";
+        readonly payload: "{ content; index; onHintClick }";
+        readonly desc: "自定义提示项渲染";
+    }, {
+        readonly name: "dialogueRenderConfig";
+        readonly payload: "RenderAvatar/Title/Content/Action/FullDialogueProps";
+        readonly desc: "自定义会话框各区块渲染（含整块 renderFullDialogue）";
+    }, {
+        readonly name: "messageEditRender";
+        readonly payload: "AIChatInputMessageContent";
+        readonly desc: "user 消息 editing 态替代内容（放 AIChatInput 编辑器，P1）";
+    }];
+    readonly methods: readonly [{
+        readonly name: "selectAll";
+        readonly desc: "全选所有消息";
+    }, {
+        readonly name: "deselectAll";
+        readonly desc: "取消全选";
+    }, {
+        readonly name: "scrollToBottom";
+        readonly desc: "滚动到底部（animation?）";
+    }, {
+        readonly name: "scrollToTop";
+        readonly desc: "滚动到顶部（animation?）";
+    }];
+    readonly a11y: {
+        readonly role: "消息流 role=log；选择 checkbox；reasoning 折叠 aria-expanded；操作按钮 aria-label 走 i18n";
+        readonly keyboard: "操作按钮 Tab 可达；提示项可点";
+    };
+    readonly tokens: readonly ["--cd-ai-dialogue-*（复用 chat 气泡/头像 token + reasoning/tool/file 块）"];
+    readonly examples: readonly [{
+        readonly title: "基础对话";
+        readonly desc: "chats + roleConfig，ContentItem 分块渲染";
+    }, {
+        readonly title: "Adapter";
+        readonly desc: "responseToMessage / chatCompletionToMessage 把 OpenAI 返回转 Message";
+    }, {
+        readonly title: "流式 Adapter";
+        readonly desc: "streamingResponseToMessage / streamingChatCompletionToMessage 增量归约流式块";
+    }, {
+        readonly title: "消息编辑";
+        readonly desc: "onMessageEdit + message.editing + messageEditRender（放 AIChatInput 编辑器）";
+    }, {
+        readonly title: "工具块完整交互";
+        readonly desc: "function_call/tool_call/mcp 块状态图标 + 折叠展开 + 参数/输出 JSON 格式化 + call_id/MCP server";
+    }];
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/ai-chat-dialogue/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/ai-chat-dialogue/meta.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DP,CAAC"}