dou-ui 0.1.0-alpha.2 → 0.1.0-alpha.4

package/dist/components/chat-attachments/chat-attachments.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-attachments.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","_renderSlot","_createElementVNode","_createBlock","_resolveDynamicComponent","_toDisplayString","_normalizeStyle","_createCommentVNode","_createVNode"],"sources":["../../../src/components/chat-attachments/chat-attachments.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  CloseIcon,\n  FileArchiveIcon,\n  FileAudioIcon,\n  FileCodeIcon,\n  FileIcon,\n  FileImageIcon,\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  FileVideoIcon,\n} from '@dou-ui/icons'\nimport type { Component } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport { formatFileSize } from '../upload/upload'\nimport { attachmentKind, fileExtension } from './chat-attachments'\nimport type {\n  ChatAttachment,\n  ChatAttachmentKind,\n  ChatAttachmentsEmits,\n  ChatAttachmentsProps,\n  ChatAttachmentsSlots,\n} from './chat-attachments'\n\ndefineOptions({ name: 'DouChatAttachments' })\n\nconst props = withDefaults(defineProps<ChatAttachmentsProps>(), {\n  modelValue: () => [],\n  removable: true,\n})\nconst emit = defineEmits<ChatAttachmentsEmits>()\ndefineSlots<ChatAttachmentsSlots>()\n\nconst ns = useNamespace('chat-attachments')\nconst { t } = useLocale()\n\nconst icons: Record<ChatAttachmentKind, Component> = {\n  image: FileImageIcon,\n  video: FileVideoIcon,\n  audio: FileAudioIcon,\n  archive: FileArchiveIcon,\n  code: FileCodeIcon,\n  spreadsheet: FileSpreadsheetIcon,\n  text: FileTextIcon,\n  file: FileIcon,\n}\n\nconst isThumb = (file: ChatAttachment) => !!file.url && attachmentKind(file) === 'image'\n\nfunction detail(file: ChatAttachment) {\n  if (file.status === 'uploading') return `${t('chat.uploading')} ${Math.round(file.percent ?? 0)}%`\n  if (file.status === 'error') return t('chat.uploadError')\n  return [fileExtension(file.name), file.size === undefined ? '' : formatFileSize(file.size)]\n    .filter(Boolean)\n    .join(' · ')\n}\n\nfunction remove(file: ChatAttachment) {\n  emit(\n    'update:modelValue',\n    props.modelValue.filter((item) => item.uid !== file.uid),\n  )\n  emit('remove', file)\n}\n</script>\n\n<template>\n  <ul :class=\"ns.b()\" :aria-label=\"t('chat.attachments')\">\n    <li\n      v-for=\"file in modelValue\"\n      :key=\"file.uid\"\n      :class=\"[ns.e('item'), ns.is('thumb', isThumb(file)), file.status ? ns.is(file.status) : '']\"\n    >\n      <slot name=\"item\" :file=\"file\" :remove=\"() => remove(file)\">\n        <button\n          type=\"button\"\n          :class=\"ns.e('main')\"\n          :title=\"file.name\"\n          :aria-label=\"isThumb(file) ? file.name : undefined\"\n          @click=\"emit('open', file)\"\n        >\n          <img v-if=\"isThumb(file)\" :class=\"ns.e('image')\" :src=\"file.url\" alt=\"\" />\n          <template v-else>\n            <span :class=\"ns.e('icon')\" aria-hidden=\"true\">\n              <component :is=\"icons[attachmentKind(file)]\" />\n            </span>\n            <span :class=\"ns.e('meta')\">\n              <span :class=\"ns.e('name')\">{{ file.name }}</span>\n              <span :class=\"ns.e('detail')\">{{ detail(file) }}</span>\n            </span>\n          </template>\n          <span\n            v-if=\"file.status === 'uploading'\"\n            :class=\"ns.e('progress')\"\n            role=\"progressbar\"\n            :aria-label=\"file.name\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            :aria-valuenow=\"Math.round(file.percent ?? 0)\"\n          >\n            <span :style=\"{ width: `${file.percent ?? 0}%` }\" />\n          </span>\n        </button>\n        <button\n          v-if=\"removable\"\n          type=\"button\"\n          :class=\"ns.e('remove')\"\n          :aria-label=\"`${t('chat.remove')} ${file.name}`\"\n          @click=\"remove(file)\"\n        >\n          <CloseIcon />\n        </button>\n      </slot>\n    </li>\n  </ul>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"chat-attachments.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","_renderSlot","_createElementVNode","_createBlock","_resolveDynamicComponent","_toDisplayString","_normalizeStyle","_createCommentVNode","_createVNode"],"sources":["../../../src/components/chat-attachments/chat-attachments.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  CloseIcon,\n  FileArchiveIcon,\n  FileAudioIcon,\n  FileCodeIcon,\n  FileIcon,\n  FileImageIcon,\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  FileVideoIcon,\n} from '@dou-ui/icons'\nimport type { Component } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useStatusCheck } from '../../utils/status-check'\nimport { useLocale } from '../config-provider/use-config'\nimport { formatFileSize } from '../upload/upload'\nimport { attachmentKind, fileExtension } from './chat-attachments'\nimport type {\n  ChatAttachment,\n  ChatAttachmentKind,\n  ChatAttachmentsEmits,\n  ChatAttachmentsProps,\n  ChatAttachmentsSlots,\n} from './chat-attachments'\n\ndefineOptions({ name: 'DouChatAttachments' })\n\nconst props = withDefaults(defineProps<ChatAttachmentsProps>(), {\n  modelValue: () => [],\n  removable: true,\n})\nconst emit = defineEmits<ChatAttachmentsEmits>()\ndefineSlots<ChatAttachmentsSlots>()\n\nconst ns = useNamespace('chat-attachments')\nconst { t } = useLocale()\n\nconst icons: Record<ChatAttachmentKind, Component> = {\n  image: FileImageIcon,\n  video: FileVideoIcon,\n  audio: FileAudioIcon,\n  archive: FileArchiveIcon,\n  code: FileCodeIcon,\n  spreadsheet: FileSpreadsheetIcon,\n  text: FileTextIcon,\n  file: FileIcon,\n}\n\nuseStatusCheck(\n  'DouChatAttachments',\n  () => (props.modelValue ?? []).map((file) => file.status),\n  ['running', 'done', 'error'],\n  { uploading: 'running', success: 'done' },\n)\n\nconst isThumb = (file: ChatAttachment) => !!file.url && attachmentKind(file) === 'image'\n\nfunction detail(file: ChatAttachment) {\n  if (file.status === 'running') return `${t('chat.uploading')} ${Math.round(file.percent ?? 0)}%`\n  if (file.status === 'error') return t('chat.uploadError')\n  return [fileExtension(file.name), file.size === undefined ? '' : formatFileSize(file.size)]\n    .filter(Boolean)\n    .join(' · ')\n}\n\nfunction remove(file: ChatAttachment) {\n  emit(\n    'update:modelValue',\n    props.modelValue.filter((item) => item.uid !== file.uid),\n  )\n  emit('remove', file)\n}\n</script>\n\n<template>\n  <ul :class=\"ns.b()\" :aria-label=\"t('chat.attachments')\">\n    <li\n      v-for=\"file in modelValue\"\n      :key=\"file.uid\"\n      :class=\"[ns.e('item'), ns.is('thumb', isThumb(file)), file.status ? ns.is(file.status) : '']\"\n    >\n      <slot name=\"item\" :file=\"file\" :remove=\"() => remove(file)\">\n        <button\n          type=\"button\"\n          :class=\"ns.e('main')\"\n          :title=\"file.name\"\n          :aria-label=\"isThumb(file) ? file.name : undefined\"\n          @click=\"emit('open', file)\"\n        >\n          <img v-if=\"isThumb(file)\" :class=\"ns.e('image')\" :src=\"file.url\" alt=\"\" />\n          <template v-else>\n            <span :class=\"ns.e('icon')\" aria-hidden=\"true\">\n              <component :is=\"icons[attachmentKind(file)]\" />\n            </span>\n            <span :class=\"ns.e('meta')\">\n              <span :class=\"ns.e('name')\">{{ file.name }}</span>\n              <span :class=\"ns.e('detail')\">{{ detail(file) }}</span>\n            </span>\n          </template>\n          <span\n            v-if=\"file.status === 'running'\"\n            :class=\"ns.e('progress')\"\n            role=\"progressbar\"\n            :aria-label=\"file.name\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            :aria-valuenow=\"Math.round(file.percent ?? 0)\"\n          >\n            <span :style=\"{ width: `${file.percent ?? 0}%` }\" />\n          </span>\n        </button>\n        <button\n          v-if=\"removable\"\n          type=\"button\"\n          :class=\"ns.e('remove')\"\n          :aria-label=\"`${t('chat.remove')} ${file.name}`\"\n          @click=\"remove(file)\"\n        >\n          <CloseIcon />\n        </button>\n      </slot>\n    </li>\n  </ul>\n</template>\n"],"mappings":"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"}

package/dist/components/chat-attachments/chat-attachments2.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-attachments2.js","names":["_sfc_main"],"sources":["../../../src/components/chat-attachments/chat-attachments.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  CloseIcon,\n  FileArchiveIcon,\n  FileAudioIcon,\n  FileCodeIcon,\n  FileIcon,\n  FileImageIcon,\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  FileVideoIcon,\n} from '@dou-ui/icons'\nimport type { Component } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport { formatFileSize } from '../upload/upload'\nimport { attachmentKind, fileExtension } from './chat-attachments'\nimport type {\n  ChatAttachment,\n  ChatAttachmentKind,\n  ChatAttachmentsEmits,\n  ChatAttachmentsProps,\n  ChatAttachmentsSlots,\n} from './chat-attachments'\n\ndefineOptions({ name: 'DouChatAttachments' })\n\nconst props = withDefaults(defineProps<ChatAttachmentsProps>(), {\n  modelValue: () => [],\n  removable: true,\n})\nconst emit = defineEmits<ChatAttachmentsEmits>()\ndefineSlots<ChatAttachmentsSlots>()\n\nconst ns = useNamespace('chat-attachments')\nconst { t } = useLocale()\n\nconst icons: Record<ChatAttachmentKind, Component> = {\n  image: FileImageIcon,\n  video: FileVideoIcon,\n  audio: FileAudioIcon,\n  archive: FileArchiveIcon,\n  code: FileCodeIcon,\n  spreadsheet: FileSpreadsheetIcon,\n  text: FileTextIcon,\n  file: FileIcon,\n}\n\nconst isThumb = (file: ChatAttachment) => !!file.url && attachmentKind(file) === 'image'\n\nfunction detail(file: ChatAttachment) {\n  if (file.status === 'uploading') return `${t('chat.uploading')} ${Math.round(file.percent ?? 0)}%`\n  if (file.status === 'error') return t('chat.uploadError')\n  return [fileExtension(file.name), file.size === undefined ? '' : formatFileSize(file.size)]\n    .filter(Boolean)\n    .join(' · ')\n}\n\nfunction remove(file: ChatAttachment) {\n  emit(\n    'update:modelValue',\n    props.modelValue.filter((item) => item.uid !== file.uid),\n  )\n  emit('remove', file)\n}\n</script>\n\n<template>\n  <ul :class=\"ns.b()\" :aria-label=\"t('chat.attachments')\">\n    <li\n      v-for=\"file in modelValue\"\n      :key=\"file.uid\"\n      :class=\"[ns.e('item'), ns.is('thumb', isThumb(file)), file.status ? ns.is(file.status) : '']\"\n    >\n      <slot name=\"item\" :file=\"file\" :remove=\"() => remove(file)\">\n        <button\n          type=\"button\"\n          :class=\"ns.e('main')\"\n          :title=\"file.name\"\n          :aria-label=\"isThumb(file) ? file.name : undefined\"\n          @click=\"emit('open', file)\"\n        >\n          <img v-if=\"isThumb(file)\" :class=\"ns.e('image')\" :src=\"file.url\" alt=\"\" />\n          <template v-else>\n            <span :class=\"ns.e('icon')\" aria-hidden=\"true\">\n              <component :is=\"icons[attachmentKind(file)]\" />\n            </span>\n            <span :class=\"ns.e('meta')\">\n              <span :class=\"ns.e('name')\">{{ file.name }}</span>\n              <span :class=\"ns.e('detail')\">{{ detail(file) }}</span>\n            </span>\n          </template>\n          <span\n            v-if=\"file.status === 'uploading'\"\n            :class=\"ns.e('progress')\"\n            role=\"progressbar\"\n            :aria-label=\"file.name\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            :aria-valuenow=\"Math.round(file.percent ?? 0)\"\n          >\n            <span :style=\"{ width: `${file.percent ?? 0}%` }\" />\n          </span>\n        </button>\n        <button\n          v-if=\"removable\"\n          type=\"button\"\n          :class=\"ns.e('remove')\"\n          :aria-label=\"`${t('chat.remove')} ${file.name}`\"\n          @click=\"remove(file)\"\n        >\n          <CloseIcon />\n        </button>\n      </slot>\n    </li>\n  </ul>\n</template>\n"],"mappings":""}
+{"version":3,"file":"chat-attachments2.js","names":["_sfc_main"],"sources":["../../../src/components/chat-attachments/chat-attachments.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  CloseIcon,\n  FileArchiveIcon,\n  FileAudioIcon,\n  FileCodeIcon,\n  FileIcon,\n  FileImageIcon,\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  FileVideoIcon,\n} from '@dou-ui/icons'\nimport type { Component } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useStatusCheck } from '../../utils/status-check'\nimport { useLocale } from '../config-provider/use-config'\nimport { formatFileSize } from '../upload/upload'\nimport { attachmentKind, fileExtension } from './chat-attachments'\nimport type {\n  ChatAttachment,\n  ChatAttachmentKind,\n  ChatAttachmentsEmits,\n  ChatAttachmentsProps,\n  ChatAttachmentsSlots,\n} from './chat-attachments'\n\ndefineOptions({ name: 'DouChatAttachments' })\n\nconst props = withDefaults(defineProps<ChatAttachmentsProps>(), {\n  modelValue: () => [],\n  removable: true,\n})\nconst emit = defineEmits<ChatAttachmentsEmits>()\ndefineSlots<ChatAttachmentsSlots>()\n\nconst ns = useNamespace('chat-attachments')\nconst { t } = useLocale()\n\nconst icons: Record<ChatAttachmentKind, Component> = {\n  image: FileImageIcon,\n  video: FileVideoIcon,\n  audio: FileAudioIcon,\n  archive: FileArchiveIcon,\n  code: FileCodeIcon,\n  spreadsheet: FileSpreadsheetIcon,\n  text: FileTextIcon,\n  file: FileIcon,\n}\n\nuseStatusCheck(\n  'DouChatAttachments',\n  () => (props.modelValue ?? []).map((file) => file.status),\n  ['running', 'done', 'error'],\n  { uploading: 'running', success: 'done' },\n)\n\nconst isThumb = (file: ChatAttachment) => !!file.url && attachmentKind(file) === 'image'\n\nfunction detail(file: ChatAttachment) {\n  if (file.status === 'running') return `${t('chat.uploading')} ${Math.round(file.percent ?? 0)}%`\n  if (file.status === 'error') return t('chat.uploadError')\n  return [fileExtension(file.name), file.size === undefined ? '' : formatFileSize(file.size)]\n    .filter(Boolean)\n    .join(' · ')\n}\n\nfunction remove(file: ChatAttachment) {\n  emit(\n    'update:modelValue',\n    props.modelValue.filter((item) => item.uid !== file.uid),\n  )\n  emit('remove', file)\n}\n</script>\n\n<template>\n  <ul :class=\"ns.b()\" :aria-label=\"t('chat.attachments')\">\n    <li\n      v-for=\"file in modelValue\"\n      :key=\"file.uid\"\n      :class=\"[ns.e('item'), ns.is('thumb', isThumb(file)), file.status ? ns.is(file.status) : '']\"\n    >\n      <slot name=\"item\" :file=\"file\" :remove=\"() => remove(file)\">\n        <button\n          type=\"button\"\n          :class=\"ns.e('main')\"\n          :title=\"file.name\"\n          :aria-label=\"isThumb(file) ? file.name : undefined\"\n          @click=\"emit('open', file)\"\n        >\n          <img v-if=\"isThumb(file)\" :class=\"ns.e('image')\" :src=\"file.url\" alt=\"\" />\n          <template v-else>\n            <span :class=\"ns.e('icon')\" aria-hidden=\"true\">\n              <component :is=\"icons[attachmentKind(file)]\" />\n            </span>\n            <span :class=\"ns.e('meta')\">\n              <span :class=\"ns.e('name')\">{{ file.name }}</span>\n              <span :class=\"ns.e('detail')\">{{ detail(file) }}</span>\n            </span>\n          </template>\n          <span\n            v-if=\"file.status === 'running'\"\n            :class=\"ns.e('progress')\"\n            role=\"progressbar\"\n            :aria-label=\"file.name\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            :aria-valuenow=\"Math.round(file.percent ?? 0)\"\n          >\n            <span :style=\"{ width: `${file.percent ?? 0}%` }\" />\n          </span>\n        </button>\n        <button\n          v-if=\"removable\"\n          type=\"button\"\n          :class=\"ns.e('remove')\"\n          :aria-label=\"`${t('chat.remove')} ${file.name}`\"\n          @click=\"remove(file)\"\n        >\n          <CloseIcon />\n        </button>\n      </slot>\n    </li>\n  </ul>\n</template>\n"],"mappings":""}

package/dist/components/chat-confirm/chat-confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-confirm.js","names":["_sfc_main"],"sources":["../../../src/components/chat-confirm/chat-confirm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CheckIcon, CloseIcon, ShieldIcon } from '@dou-ui/icons'\nimport { computed, useId } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { DouButton } from '../button'\nimport { useLocale } from '../config-provider/use-config'\nimport type { ChatConfirmEmits, ChatConfirmProps, ChatConfirmSlots } from './chat-confirm'\n\ndefineOptions({ name: 'DouChatConfirm' })\n\nconst props = withDefaults(defineProps<ChatConfirmProps>(), {\n  status: 'pending',\n  allowAlways: false,\n  tone: 'neutral',\n})\nconst emit = defineEmits<ChatConfirmEmits>()\nconst slots = defineSlots<ChatConfirmSlots>()\n\nconst ns = useNamespace('chat-confirm')\nconst { t } = useLocale()\nconst id = useId()\n\nconst hasTitle = computed(() => !!props.title || !!slots.title)\nconst pending = computed(() => props.status === 'pending')\n</script>\n\n<template>\n  <div\n    :class=\"[ns.b(), ns.m(tone), ns.is(status)]\"\n    role=\"group\"\n    :aria-labelledby=\"hasTitle ? `${id}-title` : undefined\"\n  >\n    <div :class=\"ns.e('header')\">\n      <span :class=\"ns.e('icon')\" aria-hidden=\"true\">\n        <slot name=\"icon\"><ShieldIcon /></slot>\n      </span>\n      <div :class=\"ns.e('text')\">\n        <div v-if=\"hasTitle\" :id=\"`${id}-title`\" :class=\"ns.e('title')\">\n          <slot name=\"title\">{{ title }}</slot>\n        </div>\n        <div v-if=\"description\" :class=\"ns.e('description')\">{{ description }}</div>\n      </div>\n      <span v-if=\"!pending\" :class=\"ns.e('result')\" role=\"status\">\n        <CheckIcon v-if=\"status === 'approved'\" aria-hidden=\"true\" />\n        <CloseIcon v-else aria-hidden=\"true\" />\n        {{ status === 'approved' ? t('chat.approved') : t('chat.denied') }}\n      </span>\n    </div>\n    <div v-if=\"slots.default\" :class=\"ns.e('detail')\"><slot /></div>\n    <div v-if=\"pending\" :class=\"ns.e('actions')\">\n      <DouButton size=\"sm\" variant=\"outline\" @click=\"emit('decide', 'deny')\">\n        {{ denyText ?? t('chat.deny') }}\n      </DouButton>\n      <DouButton v-if=\"allowAlways\" size=\"sm\" variant=\"outline\" @click=\"emit('decide', 'always')\">\n        {{ t('chat.allowAlways') }}\n      </DouButton>\n      <DouButton\n        size=\"sm\"\n        :tone=\"tone === 'danger' ? 'danger' : 'neutral'\"\n        @click=\"emit('decide', 'approve')\"\n      >\n        {{ approveText ?? t('chat.approve') }}\n      </DouButton>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"chat-confirm.js","names":["_sfc_main"],"sources":["../../../src/components/chat-confirm/chat-confirm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CheckIcon, CloseIcon, ShieldIcon, UndoIcon } from '@dou-ui/icons'\nimport { computed, nextTick, ref, useId, watch } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useStatusCheck } from '../../utils/status-check'\nimport { DouButton } from '../button'\nimport { useLocale } from '../config-provider/use-config'\nimport type { ChatConfirmEmits, ChatConfirmProps, ChatConfirmSlots } from './chat-confirm'\n\ndefineOptions({ name: 'DouChatConfirm' })\n\nconst props = withDefaults(defineProps<ChatConfirmProps>(), {\n  status: 'waiting',\n  allowAlways: false,\n  tone: 'neutral',\n})\nconst emit = defineEmits<ChatConfirmEmits>()\nconst slots = defineSlots<ChatConfirmSlots>()\n\nconst ns = useNamespace('chat-confirm')\nconst { t } = useLocale()\nconst id = useId()\n\nconst waiting = computed(() => props.status === 'waiting')\n// How each answered or withdrawn request reads once it has collapsed.\nconst outcomes = {\n  approved: { icon: CheckIcon, text: 'chat.approved' },\n  denied: { icon: CloseIcon, text: 'chat.denied' },\n  withdrawn: { icon: UndoIcon, text: 'chat.withdrawn' },\n} as const\nconst outcome = computed(() =>\n  Object.hasOwn(outcomes, props.status)\n    ? outcomes[props.status as keyof typeof outcomes]\n    : undefined,\n)\n\n// Answering or withdrawing removes the buttons; if focus was on one, keep it\n// on the card instead of losing it to the page. The watcher runs before the\n// DOM updates, while the focused button is still there to find.\nconst root = ref<HTMLElement>()\nwatch(\n  () => props.status,\n  (now, before) => {\n    if (before !== 'waiting' || now === 'waiting') return\n    if (!root.value?.contains(document.activeElement)) return\n    void nextTick(() => root.value?.focus({ preventScroll: true }))\n  },\n)\n\nconst statuses = ['waiting', 'approved', 'denied', 'withdrawn']\nuseStatusCheck('DouChatConfirm', () => [props.status], statuses, { pending: 'waiting' })\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    :class=\"[ns.b(), ns.m(tone), ns.is(status)]\"\n    role=\"group\"\n    tabindex=\"-1\"\n    :aria-labelledby=\"title || slots.title ? `${id}-title` : undefined\"\n  >\n    <div :class=\"ns.e('header')\">\n      <span :class=\"ns.e('icon')\" aria-hidden=\"true\">\n        <slot name=\"icon\"><ShieldIcon /></slot>\n      </span>\n      <div :class=\"ns.e('text')\">\n        <div v-if=\"title || slots.title\" :id=\"`${id}-title`\" :class=\"ns.e('title')\">\n          <slot name=\"title\">{{ title }}</slot>\n        </div>\n        <div v-if=\"description\" :class=\"ns.e('description')\">{{ description }}</div>\n      </div>\n      <!-- always there, so screen readers announce the outcome when it appears -->\n      <span :class=\"ns.e('result')\" role=\"status\">\n        <template v-if=\"outcome\">\n          <component :is=\"outcome.icon\" aria-hidden=\"true\" />\n          {{ t(outcome.text) }}\n        </template>\n      </span>\n    </div>\n    <div v-if=\"slots.default\" :class=\"ns.e('detail')\"><slot /></div>\n    <div v-if=\"waiting\" :class=\"ns.e('actions')\">\n      <DouButton size=\"sm\" variant=\"outline\" @click=\"emit('decide', 'deny')\">\n        {{ denyText ?? t('chat.deny') }}\n      </DouButton>\n      <DouButton v-if=\"allowAlways\" size=\"sm\" variant=\"outline\" @click=\"emit('decide', 'always')\">\n        {{ t('chat.allowAlways') }}\n      </DouButton>\n      <DouButton\n        size=\"sm\"\n        :tone=\"tone === 'danger' ? 'danger' : 'neutral'\"\n        @click=\"emit('decide', 'approve')\"\n      >\n        {{ approveText ?? t('chat.approve') }}\n      </DouButton>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/chat-confirm/chat-confirm.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,9 @@
 import { useNamespace } from "../../utils/namespace.js";
 import { useLocale } from "../config-provider/use-config.js";
+import { useStatusCheck } from "../../utils/status-check.js";
 import { DouButton } from "../button/index.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useId, useSlots, withCtx } from "vue";
-import { CheckIcon, CloseIcon, ShieldIcon } from "@dou-ui/icons";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, watch, withCtx } from "vue";
+import { CheckIcon, CloseIcon, ShieldIcon, UndoIcon } from "@dou-ui/icons";
 // src/components/chat-confirm/chat-confirm.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-labelledby"];
 var _hoisted_2 = ["id"];
@@ -12,7 +13,7 @@ var chat_confirm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	props: {
 		title: {},
 		description: {},
-		status: { default: "pending" },
+		status: { default: "waiting" },
 		allowAlways: {
 			type: Boolean,
 			default: false
@@ -29,24 +30,53 @@ var chat_confirm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const ns = useNamespace("chat-confirm");
 		const { t } = useLocale();
 		const id = useId();
-		const hasTitle = computed(() => !!props.title || !!slots.title);
-		const pending = computed(() => props.status === "pending");
+		const waiting = computed(() => props.status === "waiting");
+		const outcomes = {
+			approved: {
+				icon: CheckIcon,
+				text: "chat.approved"
+			},
+			denied: {
+				icon: CloseIcon,
+				text: "chat.denied"
+			},
+			withdrawn: {
+				icon: UndoIcon,
+				text: "chat.withdrawn"
+			}
+		};
+		const outcome = computed(() => Object.hasOwn(outcomes, props.status) ? outcomes[props.status] : void 0);
+		const root = ref();
+		watch(() => props.status, (now, before) => {
+			if (before !== "waiting" || now === "waiting") return;
+			if (!root.value?.contains(document.activeElement)) return;
+			nextTick(() => root.value?.focus({ preventScroll: true }));
+		});
+		useStatusCheck("DouChatConfirm", () => [props.status], [
+			"waiting",
+			"approved",
+			"denied",
+			"withdrawn"
+		], { pending: "waiting" });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
 				class: normalizeClass([
 					unref(ns).b(),
 					unref(ns).m(__props.tone),
 					unref(ns).is(__props.status)
 				]),
 				role: "group",
-				"aria-labelledby": hasTitle.value ? `${unref(id)}-title` : void 0
+				tabindex: "-1",
+				"aria-labelledby": __props.title || slots.title ? `${unref(id)}-title` : void 0
 			}, [
 				createElementVNode("div", { class: normalizeClass(unref(ns).e("header")) }, [
 					createElementVNode("span", {
 						class: normalizeClass(unref(ns).e("icon")),
 						"aria-hidden": "true"
 					}, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(ShieldIcon))])], 2),
-					createElementVNode("div", { class: normalizeClass(unref(ns).e("text")) }, [hasTitle.value ? (openBlock(), createElementBlock("div", {
+					createElementVNode("div", { class: normalizeClass(unref(ns).e("text")) }, [__props.title || slots.title ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						id: `${unref(id)}-title`,
 						class: normalizeClass(unref(ns).e("title"))
@@ -54,23 +84,16 @@ var chat_confirm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 						key: 1,
 						class: normalizeClass(unref(ns).e("description"))
 					}, toDisplayString(__props.description), 3)) : createCommentVNode("", true)], 2),
-					!pending.value ? (openBlock(), createElementBlock("span", {
-						key: 0,
+					createElementVNode("span", {
 						class: normalizeClass(unref(ns).e("result")),
 						role: "status"
-					}, [__props.status === "approved" ? (openBlock(), createBlock(unref(CheckIcon), {
-						key: 0,
-						"aria-hidden": "true"
-					})) : (openBlock(), createBlock(unref(CloseIcon), {
-						key: 1,
-						"aria-hidden": "true"
-					})), createTextVNode(" " + toDisplayString(__props.status === "approved" ? unref(t)("chat.approved") : unref(t)("chat.denied")), 1)], 2)) : createCommentVNode("", true)
+					}, [outcome.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [(openBlock(), createBlock(resolveDynamicComponent(outcome.value.icon), { "aria-hidden": "true" })), createTextVNode(" " + toDisplayString(unref(t)(outcome.value.text)), 1)], 64)) : createCommentVNode("", true)], 2)
 				], 2),
 				slots.default ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(ns).e("detail"))
 				}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true),
-				pending.value ? (openBlock(), createElementBlock("div", {
+				waiting.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(unref(ns).e("actions"))
 				}, [

package/dist/components/chat-confirm/chat-confirm.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-confirm.vue_vue_type_script_setup_true_lang.js","names":["_useSlots","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createVNode","_createTextVNode","_toDisplayString","_createCommentVNode","_createBlock","_withCtx"],"sources":["../../../src/components/chat-confirm/chat-confirm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CheckIcon, CloseIcon, ShieldIcon } from '@dou-ui/icons'\nimport { computed, useId } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { DouButton } from '../button'\nimport { useLocale } from '../config-provider/use-config'\nimport type { ChatConfirmEmits, ChatConfirmProps, ChatConfirmSlots } from './chat-confirm'\n\ndefineOptions({ name: 'DouChatConfirm' })\n\nconst props = withDefaults(defineProps<ChatConfirmProps>(), {\n  status: 'pending',\n  allowAlways: false,\n  tone: 'neutral',\n})\nconst emit = defineEmits<ChatConfirmEmits>()\nconst slots = defineSlots<ChatConfirmSlots>()\n\nconst ns = useNamespace('chat-confirm')\nconst { t } = useLocale()\nconst id = useId()\n\nconst hasTitle = computed(() => !!props.title || !!slots.title)\nconst pending = computed(() => props.status === 'pending')\n</script>\n\n<template>\n  <div\n    :class=\"[ns.b(), ns.m(tone), ns.is(status)]\"\n    role=\"group\"\n    :aria-labelledby=\"hasTitle ? `${id}-title` : undefined\"\n  >\n    <div :class=\"ns.e('header')\">\n      <span :class=\"ns.e('icon')\" aria-hidden=\"true\">\n        <slot name=\"icon\"><ShieldIcon /></slot>\n      </span>\n      <div :class=\"ns.e('text')\">\n        <div v-if=\"hasTitle\" :id=\"`${id}-title`\" :class=\"ns.e('title')\">\n          <slot name=\"title\">{{ title }}</slot>\n        </div>\n        <div v-if=\"description\" :class=\"ns.e('description')\">{{ description }}</div>\n      </div>\n      <span v-if=\"!pending\" :class=\"ns.e('result')\" role=\"status\">\n        <CheckIcon v-if=\"status === 'approved'\" aria-hidden=\"true\" />\n        <CloseIcon v-else aria-hidden=\"true\" />\n        {{ status === 'approved' ? t('chat.approved') : t('chat.denied') }}\n      </span>\n    </div>\n    <div v-if=\"slots.default\" :class=\"ns.e('detail')\"><slot /></div>\n    <div v-if=\"pending\" :class=\"ns.e('actions')\">\n      <DouButton size=\"sm\" variant=\"outline\" @click=\"emit('decide', 'deny')\">\n        {{ denyText ?? t('chat.deny') }}\n      </DouButton>\n      <DouButton v-if=\"allowAlways\" size=\"sm\" variant=\"outline\" @click=\"emit('decide', 'always')\">\n        {{ t('chat.allowAlways') }}\n      </DouButton>\n      <DouButton\n        size=\"sm\"\n        :tone=\"tone === 'danger' ? 'danger' : 'neutral'\"\n        @click=\"emit('decide', 'approve')\"\n      >\n        {{ approveText ?? t('chat.approve') }}\n      </DouButton>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"chat-confirm.vue_vue_type_script_setup_true_lang.js","names":["_useSlots","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createVNode","_createTextVNode","_toDisplayString","_createCommentVNode","_Fragment","_createBlock","_resolveDynamicComponent","_withCtx"],"sources":["../../../src/components/chat-confirm/chat-confirm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CheckIcon, CloseIcon, ShieldIcon, UndoIcon } from '@dou-ui/icons'\nimport { computed, nextTick, ref, useId, watch } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useStatusCheck } from '../../utils/status-check'\nimport { DouButton } from '../button'\nimport { useLocale } from '../config-provider/use-config'\nimport type { ChatConfirmEmits, ChatConfirmProps, ChatConfirmSlots } from './chat-confirm'\n\ndefineOptions({ name: 'DouChatConfirm' })\n\nconst props = withDefaults(defineProps<ChatConfirmProps>(), {\n  status: 'waiting',\n  allowAlways: false,\n  tone: 'neutral',\n})\nconst emit = defineEmits<ChatConfirmEmits>()\nconst slots = defineSlots<ChatConfirmSlots>()\n\nconst ns = useNamespace('chat-confirm')\nconst { t } = useLocale()\nconst id = useId()\n\nconst waiting = computed(() => props.status === 'waiting')\n// How each answered or withdrawn request reads once it has collapsed.\nconst outcomes = {\n  approved: { icon: CheckIcon, text: 'chat.approved' },\n  denied: { icon: CloseIcon, text: 'chat.denied' },\n  withdrawn: { icon: UndoIcon, text: 'chat.withdrawn' },\n} as const\nconst outcome = computed(() =>\n  Object.hasOwn(outcomes, props.status)\n    ? outcomes[props.status as keyof typeof outcomes]\n    : undefined,\n)\n\n// Answering or withdrawing removes the buttons; if focus was on one, keep it\n// on the card instead of losing it to the page. The watcher runs before the\n// DOM updates, while the focused button is still there to find.\nconst root = ref<HTMLElement>()\nwatch(\n  () => props.status,\n  (now, before) => {\n    if (before !== 'waiting' || now === 'waiting') return\n    if (!root.value?.contains(document.activeElement)) return\n    void nextTick(() => root.value?.focus({ preventScroll: true }))\n  },\n)\n\nconst statuses = ['waiting', 'approved', 'denied', 'withdrawn']\nuseStatusCheck('DouChatConfirm', () => [props.status], statuses, { pending: 'waiting' })\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    :class=\"[ns.b(), ns.m(tone), ns.is(status)]\"\n    role=\"group\"\n    tabindex=\"-1\"\n    :aria-labelledby=\"title || slots.title ? `${id}-title` : undefined\"\n  >\n    <div :class=\"ns.e('header')\">\n      <span :class=\"ns.e('icon')\" aria-hidden=\"true\">\n        <slot name=\"icon\"><ShieldIcon /></slot>\n      </span>\n      <div :class=\"ns.e('text')\">\n        <div v-if=\"title || slots.title\" :id=\"`${id}-title`\" :class=\"ns.e('title')\">\n          <slot name=\"title\">{{ title }}</slot>\n        </div>\n        <div v-if=\"description\" :class=\"ns.e('description')\">{{ description }}</div>\n      </div>\n      <!-- always there, so screen readers announce the outcome when it appears -->\n      <span :class=\"ns.e('result')\" role=\"status\">\n        <template v-if=\"outcome\">\n          <component :is=\"outcome.icon\" aria-hidden=\"true\" />\n          {{ t(outcome.text) }}\n        </template>\n      </span>\n    </div>\n    <div v-if=\"slots.default\" :class=\"ns.e('detail')\"><slot /></div>\n    <div v-if=\"waiting\" :class=\"ns.e('actions')\">\n      <DouButton size=\"sm\" variant=\"outline\" @click=\"emit('decide', 'deny')\">\n        {{ denyText ?? t('chat.deny') }}\n      </DouButton>\n      <DouButton v-if=\"allowAlways\" size=\"sm\" variant=\"outline\" @click=\"emit('decide', 'always')\">\n        {{ t('chat.allowAlways') }}\n      </DouButton>\n      <DouButton\n        size=\"sm\"\n        :tone=\"tone === 'danger' ? 'danger' : 'neutral'\"\n        @click=\"emit('decide', 'approve')\"\n      >\n        {{ approveText ?? t('chat.approve') }}\n      </DouButton>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/chat-context-meter/chat-context-meter.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useNamespace } from "../../utils/namespace.js";
 import { useLocale } from "../config-provider/use-config.js";
-import tooltip_default from "../tooltip/tooltip.js";
+import { DouTooltip } from "../tooltip/index.js";
 import { compactNumber } from "./chat-context-meter.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 // src/components/chat-context-meter/chat-context-meter.vue?vue&type=script&setup=true&lang.ts
@@ -40,7 +40,7 @@ var chat_context_meter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 		}));
 		const CIRCUMFERENCE = 2 * Math.PI * 6;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(tooltip_default, { content: text.value }, {
+			return openBlock(), createBlock(unref(DouTooltip), { content: text.value }, {
 				default: withCtx(() => [createElementVNode("span", mergeProps(_ctx.$attrs, {
 					class: [unref(ns).b(), unref(ns).m(tone.value)],
 					role: "meter",

package/dist/components/chat-context-meter/chat-context-meter.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-context-meter.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","DouTooltip","_withCtx","_createElementVNode","_mergeProps","_unref","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode"],"sources":["../../../src/components/chat-context-meter/chat-context-meter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport DouTooltip from '../tooltip/tooltip.vue'\nimport { compactNumber } from './chat-context-meter'\nimport type { ChatContextMeterProps } from './chat-context-meter'\n\ndefineOptions({ name: 'DouChatContextMeter', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<ChatContextMeterProps>(), {\n  used: 0,\n  total: 0,\n  warnAt: 0.8,\n  dangerAt: 0.95,\n  showLabel: false,\n})\n\nconst ns = useNamespace('chat-context-meter')\nconst { t } = useLocale()\n\nconst share = computed(() =>\n  props.total > 0 ? Math.min(Math.max(props.used / props.total, 0), 1) : 0,\n)\nconst percent = computed(() => Math.round(share.value * 100))\nconst tone = computed(() =>\n  share.value >= props.dangerAt ? 'danger' : share.value >= props.warnAt ? 'warning' : 'neutral',\n)\nconst fmt = (value: number) => (props.format ?? compactNumber)(value)\nconst text = computed(() =>\n  t('chat.context', { used: fmt(props.used), total: fmt(props.total), percent: percent.value }),\n)\n\n// r = 6 on a 16 box; the circumference drives the dash\nconst CIRCUMFERENCE = 2 * Math.PI * 6\n</script>\n\n<template>\n  <DouTooltip :content=\"text\">\n    <span\n      v-bind=\"$attrs\"\n      :class=\"[ns.b(), ns.m(tone)]\"\n      role=\"meter\"\n      tabindex=\"0\"\n      :aria-label=\"t('chat.contextLabel')\"\n      :aria-valuenow=\"percent\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-valuetext=\"text\"\n    >\n      <svg :class=\"ns.e('ring')\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n        <circle :class=\"ns.e('track')\" cx=\"8\" cy=\"8\" r=\"6\" />\n        <circle\n          :class=\"ns.e('bar')\"\n          cx=\"8\"\n          cy=\"8\"\n          r=\"6\"\n          :stroke-dasharray=\"`${CIRCUMFERENCE * share} ${CIRCUMFERENCE}`\"\n        />\n      </svg>\n      <span v-if=\"showLabel\" :class=\"ns.e('label')\">{{ percent }}%</span>\n    </span>\n  </DouTooltip>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAQd,MAAM,KAAK,aAAa,oBAAoB;EAC5C,MAAM,EAAE,MAAM,UAAU;EAExB,MAAM,QAAQ,eACZ,MAAM,QAAQ,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,OAAO,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CACzE;EACA,MAAM,UAAU,eAAe,KAAK,MAAM,MAAM,QAAQ,GAAG,CAAC;EAC5D,MAAM,OAAO,eACX,MAAM,SAAS,MAAM,WAAW,WAAW,MAAM,SAAS,MAAM,SAAS,YAAY,SACvF;EACA,MAAM,OAAO,WAAmB,MAAM,UAAU,cAAA,CAAe,KAAK;EACpE,MAAM,OAAO,eACX,EAAE,gBAAgB;GAAE,MAAM,IAAI,MAAM,IAAI;GAAG,OAAO,IAAI,MAAM,KAAK;GAAG,SAAS,QAAQ;EAAM,CAAC,CAC9F;EAGA,MAAM,gBAAgB,IAAI,KAAK,KAAK;;GAIlC,OAAAC,UAAA,GAAAC,YAwBaC,iBAAA,EAxBA,SAAS,KAAA,MAAI,GAAA;IACxB,SAAAC,cAsBO,CAtBPC,mBAsBO,QAtBPC,WACUN,KAqBH,QArBS;KACb,OAAK,CAAGO,MAAA,EAAA,CAAE,CAAC,EAAC,GAAIA,MAAA,EAAA,CAAE,CAAC,EAAE,KAAA,KAAI,CAAA;KAC1B,MAAK;KACL,UAAS;KACR,cAAYA,MAAA,CAAA,CAAC,CAAA,mBAAA;KACb,iBAAe,QAAA;KAChB,iBAAc;KACd,iBAAc;KACb,kBAAgB,KAAA;I,MAEjBN,UAAA,GAAAO,mBASM,OAAA;KATA,OAAKC,eAAEF,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;KAAU,SAAQ;KAAY,eAAY;I,IACzDF,mBAAqD,UAAA;KAA5C,OAAKI,eAAEF,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;KAAW,IAAG;KAAI,IAAG;KAAI,GAAE;I,aAC/CF,mBAME,UAAA;KALC,OAAKI,eAAEF,MAAA,EAAA,CAAE,CAAC,EAAC,KAAA,CAAA;KACZ,IAAG;KACH,IAAG;KACH,GAAE;KACD,oBAAgB,GAAK,gBAAgB,MAAA,MAAK,GAAI;I,gCAGvC,QAAA,aAAZN,UAAA,GAAAO,mBAAmE,QAAA;;KAA3C,OAAKC,eAAEF,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;IAAc,GAAAG,gBAAA,QAAA,KAAO,IAAG,KAAC,CAAA,K"}
+{"version":3,"file":"chat-context-meter.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode"],"sources":["../../../src/components/chat-context-meter/chat-context-meter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport { DouTooltip } from '../tooltip'\nimport { compactNumber } from './chat-context-meter'\nimport type { ChatContextMeterProps } from './chat-context-meter'\n\ndefineOptions({ name: 'DouChatContextMeter', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<ChatContextMeterProps>(), {\n  used: 0,\n  total: 0,\n  warnAt: 0.8,\n  dangerAt: 0.95,\n  showLabel: false,\n})\n\nconst ns = useNamespace('chat-context-meter')\nconst { t } = useLocale()\n\nconst share = computed(() =>\n  props.total > 0 ? Math.min(Math.max(props.used / props.total, 0), 1) : 0,\n)\nconst percent = computed(() => Math.round(share.value * 100))\nconst tone = computed(() =>\n  share.value >= props.dangerAt ? 'danger' : share.value >= props.warnAt ? 'warning' : 'neutral',\n)\nconst fmt = (value: number) => (props.format ?? compactNumber)(value)\nconst text = computed(() =>\n  t('chat.context', { used: fmt(props.used), total: fmt(props.total), percent: percent.value }),\n)\n\n// r = 6 on a 16 box; the circumference drives the dash\nconst CIRCUMFERENCE = 2 * Math.PI * 6\n</script>\n\n<template>\n  <DouTooltip :content=\"text\">\n    <span\n      v-bind=\"$attrs\"\n      :class=\"[ns.b(), ns.m(tone)]\"\n      role=\"meter\"\n      tabindex=\"0\"\n      :aria-label=\"t('chat.contextLabel')\"\n      :aria-valuenow=\"percent\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-valuetext=\"text\"\n    >\n      <svg :class=\"ns.e('ring')\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n        <circle :class=\"ns.e('track')\" cx=\"8\" cy=\"8\" r=\"6\" />\n        <circle\n          :class=\"ns.e('bar')\"\n          cx=\"8\"\n          cy=\"8\"\n          r=\"6\"\n          :stroke-dasharray=\"`${CIRCUMFERENCE * share} ${CIRCUMFERENCE}`\"\n        />\n      </svg>\n      <span v-if=\"showLabel\" :class=\"ns.e('label')\">{{ percent }}%</span>\n    </span>\n  </DouTooltip>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAQd,MAAM,KAAK,aAAa,oBAAoB;EAC5C,MAAM,EAAE,MAAM,UAAU;EAExB,MAAM,QAAQ,eACZ,MAAM,QAAQ,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,OAAO,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CACzE;EACA,MAAM,UAAU,eAAe,KAAK,MAAM,MAAM,QAAQ,GAAG,CAAC;EAC5D,MAAM,OAAO,eACX,MAAM,SAAS,MAAM,WAAW,WAAW,MAAM,SAAS,MAAM,SAAS,YAAY,SACvF;EACA,MAAM,OAAO,WAAmB,MAAM,UAAU,cAAA,CAAe,KAAK;EACpE,MAAM,OAAO,eACX,EAAE,gBAAgB;GAAE,MAAM,IAAI,MAAM,IAAI;GAAG,OAAO,IAAI,MAAM,KAAK;GAAG,SAAS,QAAQ;EAAM,CAAC,CAC9F;EAGA,MAAM,gBAAgB,IAAI,KAAK,KAAK;;GAIlC,OAAAC,UAAA,GAAAC,YAwBaC,MAAA,UAAA,GAAA,EAxBA,SAAS,KAAA,MAAI,GAAA;IACxB,SAAAC,cAsBO,CAtBPC,mBAsBO,QAtBPC,WACUN,KAqBH,QArBS;KACb,OAAK,CAAGG,MAAA,EAAA,CAAE,CAAC,EAAC,GAAIA,MAAA,EAAA,CAAE,CAAC,EAAE,KAAA,KAAI,CAAA;KAC1B,MAAK;KACL,UAAS;KACR,cAAYA,MAAA,CAAA,CAAC,CAAA,mBAAA;KACb,iBAAe,QAAA;KAChB,iBAAc;KACd,iBAAc;KACb,kBAAgB,KAAA;I,MAEjBF,UAAA,GAAAM,mBASM,OAAA;KATA,OAAKC,eAAEL,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;KAAU,SAAQ;KAAY,eAAY;I,IACzDE,mBAAqD,UAAA;KAA5C,OAAKG,eAAEL,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;KAAW,IAAG;KAAI,IAAG;KAAI,GAAE;I,aAC/CE,mBAME,UAAA;KALC,OAAKG,eAAEL,MAAA,EAAA,CAAE,CAAC,EAAC,KAAA,CAAA;KACZ,IAAG;KACH,IAAG;KACH,GAAE;KACD,oBAAgB,GAAK,gBAAgB,MAAA,MAAK,GAAI;I,gCAGvC,QAAA,aAAZF,UAAA,GAAAM,mBAAmE,QAAA;;KAA3C,OAAKC,eAAEL,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;IAAc,GAAAM,gBAAA,QAAA,KAAO,IAAG,KAAC,CAAA,K"}

package/dist/components/chat-context-meter/chat-context-meter2.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-context-meter2.js","names":["_sfc_main"],"sources":["../../../src/components/chat-context-meter/chat-context-meter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport DouTooltip from '../tooltip/tooltip.vue'\nimport { compactNumber } from './chat-context-meter'\nimport type { ChatContextMeterProps } from './chat-context-meter'\n\ndefineOptions({ name: 'DouChatContextMeter', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<ChatContextMeterProps>(), {\n  used: 0,\n  total: 0,\n  warnAt: 0.8,\n  dangerAt: 0.95,\n  showLabel: false,\n})\n\nconst ns = useNamespace('chat-context-meter')\nconst { t } = useLocale()\n\nconst share = computed(() =>\n  props.total > 0 ? Math.min(Math.max(props.used / props.total, 0), 1) : 0,\n)\nconst percent = computed(() => Math.round(share.value * 100))\nconst tone = computed(() =>\n  share.value >= props.dangerAt ? 'danger' : share.value >= props.warnAt ? 'warning' : 'neutral',\n)\nconst fmt = (value: number) => (props.format ?? compactNumber)(value)\nconst text = computed(() =>\n  t('chat.context', { used: fmt(props.used), total: fmt(props.total), percent: percent.value }),\n)\n\n// r = 6 on a 16 box; the circumference drives the dash\nconst CIRCUMFERENCE = 2 * Math.PI * 6\n</script>\n\n<template>\n  <DouTooltip :content=\"text\">\n    <span\n      v-bind=\"$attrs\"\n      :class=\"[ns.b(), ns.m(tone)]\"\n      role=\"meter\"\n      tabindex=\"0\"\n      :aria-label=\"t('chat.contextLabel')\"\n      :aria-valuenow=\"percent\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-valuetext=\"text\"\n    >\n      <svg :class=\"ns.e('ring')\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n        <circle :class=\"ns.e('track')\" cx=\"8\" cy=\"8\" r=\"6\" />\n        <circle\n          :class=\"ns.e('bar')\"\n          cx=\"8\"\n          cy=\"8\"\n          r=\"6\"\n          :stroke-dasharray=\"`${CIRCUMFERENCE * share} ${CIRCUMFERENCE}`\"\n        />\n      </svg>\n      <span v-if=\"showLabel\" :class=\"ns.e('label')\">{{ percent }}%</span>\n    </span>\n  </DouTooltip>\n</template>\n"],"mappings":""}
+{"version":3,"file":"chat-context-meter2.js","names":["_sfc_main"],"sources":["../../../src/components/chat-context-meter/chat-context-meter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport { DouTooltip } from '../tooltip'\nimport { compactNumber } from './chat-context-meter'\nimport type { ChatContextMeterProps } from './chat-context-meter'\n\ndefineOptions({ name: 'DouChatContextMeter', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<ChatContextMeterProps>(), {\n  used: 0,\n  total: 0,\n  warnAt: 0.8,\n  dangerAt: 0.95,\n  showLabel: false,\n})\n\nconst ns = useNamespace('chat-context-meter')\nconst { t } = useLocale()\n\nconst share = computed(() =>\n  props.total > 0 ? Math.min(Math.max(props.used / props.total, 0), 1) : 0,\n)\nconst percent = computed(() => Math.round(share.value * 100))\nconst tone = computed(() =>\n  share.value >= props.dangerAt ? 'danger' : share.value >= props.warnAt ? 'warning' : 'neutral',\n)\nconst fmt = (value: number) => (props.format ?? compactNumber)(value)\nconst text = computed(() =>\n  t('chat.context', { used: fmt(props.used), total: fmt(props.total), percent: percent.value }),\n)\n\n// r = 6 on a 16 box; the circumference drives the dash\nconst CIRCUMFERENCE = 2 * Math.PI * 6\n</script>\n\n<template>\n  <DouTooltip :content=\"text\">\n    <span\n      v-bind=\"$attrs\"\n      :class=\"[ns.b(), ns.m(tone)]\"\n      role=\"meter\"\n      tabindex=\"0\"\n      :aria-label=\"t('chat.contextLabel')\"\n      :aria-valuenow=\"percent\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-valuetext=\"text\"\n    >\n      <svg :class=\"ns.e('ring')\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n        <circle :class=\"ns.e('track')\" cx=\"8\" cy=\"8\" r=\"6\" />\n        <circle\n          :class=\"ns.e('bar')\"\n          cx=\"8\"\n          cy=\"8\"\n          r=\"6\"\n          :stroke-dasharray=\"`${CIRCUMFERENCE * share} ${CIRCUMFERENCE}`\"\n        />\n      </svg>\n      <span v-if=\"showLabel\" :class=\"ns.e('label')\">{{ percent }}%</span>\n    </span>\n  </DouTooltip>\n</template>\n"],"mappings":""}

package/dist/components/chat-input/chat-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-input.js","names":[],"sources":["../../../src/components/chat-input/chat-input.ts"],"sourcesContent":["import type { Component } from 'vue'\nimport type { Size } from '../../utils/types'\n\n/** An entry of the `/` command or `@` mention menu. */\nexport interface ChatInputOption {\n  /** What is matched and handed back. For a mention it is also what gets inserted after `@`. */\n  value: string\n  /** Shown in the menu. Defaults to `value`. */\n  label?: string\n  /** A quieter line after the label. */\n  description?: string\n  /** An icon component before the label. */\n  icon?: Component\n  disabled?: boolean\n}\n\n/** `enter` sends on Enter (Shift+Enter breaks the line); `mod-enter` sends on Ctrl / ⌘ + Enter. */\nexport type ChatInputSubmitOn = 'enter' | 'mod-enter'\n\nexport interface ChatInputProps {\n  /** The text, bound with `v-model`. */\n  modelValue?: string\n  /** Defaults to the locale's prompt. */\n  placeholder?: string\n  /** Which key sends. Keys pressed while an input method is composing never send. */\n  submitOn?: ChatInputSubmitOn\n  /**\n   * A reply is being generated: the send button turns into a stop button.\n   * Typing goes on meanwhile; once there is text, the button sends again\n   * so the app can queue the message.\n   */\n  loading?: boolean\n  /** Text size and padding; the corners and buttons follow. */\n  size?: Size\n  disabled?: boolean\n  /** Rows shown when empty. */\n  minRows?: number\n  /** Rows to grow to before the text scrolls. */\n  maxRows?: number\n  /**\n   * Whether sending is allowed. By default only when the text is not\n   * blank; set it when, say, attachments alone may be sent.\n   */\n  canSubmit?: boolean\n  /**\n   * Commands offered when the text starts with `/`. Picking one removes\n   * the typed `/…` and emits `command`.\n   */\n  commands?: ChatInputOption[]\n  /**\n   * Things to reference offered after `@`, e.g. files or people. Picking\n   * one replaces the typed `@…` with `@value` and emits `mention`.\n   */\n  mentions?: ChatInputOption[]\n  /** Where to render the `/` and `@` menu; `false` keeps it in place. */\n  teleport?: string | HTMLElement | false\n}\n\nexport interface ChatInputEmits {\n  'update:modelValue': [value: string]\n  /** The send key or button was pressed, with the text. Clearing it is up to you. */\n  submit: [value: string]\n  /** The stop button was pressed while `loading`. */\n  stop: []\n  /** A command was picked from the `/` menu. */\n  command: [option: ChatInputOption]\n  /** Something was picked from the `@` menu. */\n  mention: [option: ChatInputOption]\n  /** Files were pasted or dropped onto the input. */\n  attach: [files: File[]]\n}\n\nexport interface ChatInputSlots {\n  /** Above the text, e.g. `DouChatAttachments` or a quoted message. */\n  header?: () => unknown\n  /** The left of the bottom bar: buttons to attach files, pick a model and the like. */\n  actions?: () => unknown\n  /** Replaces the inside of each menu entry. */\n  option?: (props: { option: ChatInputOption; trigger: '/' | '@' }) => unknown\n  /** Replaces the send / stop button. */\n  submit?: (props: {\n    submit: () => void\n    stop: () => void\n    loading: boolean\n    disabled: boolean\n  }) => unknown\n}\n\nexport interface ChatInputExpose {\n  /** The native `<textarea>`. */\n  textarea: HTMLTextAreaElement | null\n  focus: () => void\n  blur: () => void\n  /** Send as if the send key were pressed. */\n  submit: () => void\n}\n\n/** The `/` or `@` token the caret is in, if any. */\nexport interface ChatInputToken {\n  trigger: '/' | '@'\n  /** Typed after the trigger. */\n  query: string\n  /** Where the trigger character is. */\n  start: number\n  /** Where the token ends (the caret). */\n  end: number\n}\n\n/**\n * Find the token being typed at `caret`. A `/` counts only at the very\n * start of the text; an `@` at the start or after white space. The query\n * holds no white space.\n */\nexport function findToken(text: string, caret: number): ChatInputToken | null {\n  let start = caret\n  while (start > 0 && !/\\s/.test(text[start - 1]!)) start--\n  const word = text.slice(start, caret)\n  const trigger = word[0]\n  if (trigger === '/' && text.slice(0, start).trim() === '')\n    return { trigger, query: word.slice(1), start, end: caret }\n  if (trigger === '@') return { trigger, query: word.slice(1), start, end: caret }\n  return null\n}\n"],"mappings":";;;;;;AAiHA,SAAgB,UAAU,MAAc,OAAsC;CAC5E,IAAI,QAAQ;CACZ,OAAO,QAAQ,KAAK,CAAC,KAAK,KAAK,KAAK,QAAQ,EAAG,GAAG;CAClD,MAAM,OAAO,KAAK,MAAM,OAAO,KAAK;CACpC,MAAM,UAAU,KAAK;CACrB,IAAI,YAAY,OAAO,KAAK,MAAM,GAAG,KAAK,CAAC,CAAC,KAAK,MAAM,IACrD,OAAO;EAAE;EAAS,OAAO,KAAK,MAAM,CAAC;EAAG;EAAO,KAAK;CAAM;CAC5D,IAAI,YAAY,KAAK,OAAO;EAAE;EAAS,OAAO,KAAK,MAAM,CAAC;EAAG;EAAO,KAAK;CAAM;CAC/E,OAAO;AACT"}
+{"version":3,"file":"chat-input.js","names":[],"sources":["../../../src/components/chat-input/chat-input.ts"],"sourcesContent":["import type { Component } from 'vue'\nimport type { Size } from '../../utils/types'\n\n/** An entry of the `/` command or `@` mention menu. */\nexport interface ChatInputOption {\n  /**\n   * Handed back when picked; for a mention it is also what gets inserted\n   * after `@`, and so matched too. A command's value is never shown and\n   * is matched only when there is no `label`: it may be an id.\n   */\n  value: string\n  /** Shown in the menu and matched against what is typed. Defaults to `value`. */\n  label?: string\n  /** More words that find it, e.g. other names or pinyin. */\n  keywords?: string[]\n  /** A quieter line after the label; matched too. */\n  description?: string\n  /** An icon component before the label. */\n  icon?: Component\n  disabled?: boolean\n}\n\n/** Whether an option matches what is typed after the `/` or `@`. */\nexport type ChatInputFilter = (\n  option: ChatInputOption,\n  query: string,\n  trigger: '/' | '@',\n) => boolean\n/** `true` matches as described under `filter`, `false` lists every option as given. */\nexport type ChatInputFilterMode = boolean | ChatInputFilter\n\n/** `enter` sends on Enter (Shift+Enter breaks the line); `mod-enter` sends on Ctrl / ⌘ + Enter. */\nexport type ChatInputSubmitOn = 'enter' | 'mod-enter'\n\nexport interface ChatInputProps {\n  /** The text, bound with `v-model`. */\n  modelValue?: string\n  /** Defaults to the locale's prompt. */\n  placeholder?: string\n  /** Which key sends. Keys pressed while an input method is composing never send. */\n  submitOn?: ChatInputSubmitOn\n  /**\n   * A reply is being generated: the send button turns into a stop button.\n   * Typing goes on meanwhile; once there is text, the button sends again\n   * so the app can queue the message.\n   */\n  loading?: boolean\n  /** Text size and padding; the corners and buttons follow. */\n  size?: Size\n  disabled?: boolean\n  /** Rows shown when empty. */\n  minRows?: number\n  /** Rows to grow to before the text scrolls. */\n  maxRows?: number\n  /**\n   * Whether sending is allowed. By default only when the text is not\n   * blank; set it when, say, attachments alone may be sent.\n   */\n  canSubmit?: boolean\n  /**\n   * Commands offered when the text starts with `/`. Picking one removes\n   * the typed `/…` and emits `command`.\n   */\n  commands?: ChatInputOption[]\n  /**\n   * Things to reference offered after `@`, e.g. files or people. Picking\n   * one replaces the typed `@…` with `@value` and emits `mention`.\n   */\n  mentions?: ChatInputOption[]\n  /**\n   * How options match what is typed after the trigger. By default what\n   * the person sees holds it, ignoring case: the label (or the value, when\n   * there is no label), a mention's value, the description and `keywords`.\n   * `false` lists them all as given, e.g. results already looked up with\n   * `search`. Give `{ '@': false }` to set the `/` and `@` menus apart;\n   * a trigger left out matches by default.\n   */\n  filter?: ChatInputFilterMode | { '/'?: ChatInputFilterMode; '@'?: ChatInputFilterMode }\n  /** Wait this many ms after the last keystroke before emitting `search`. */\n  searchDelay?: number\n  /** Where to render the `/` and `@` menu; `false` keeps it in place. */\n  teleport?: string | HTMLElement | false\n}\n\nexport interface ChatInputEmits {\n  'update:modelValue': [value: string]\n  /** The send key or button was pressed, with the text. Clearing it is up to you. */\n  submit: [value: string]\n  /** The stop button was pressed while `loading`. */\n  stop: []\n  /** A command was picked from the `/` menu. */\n  command: [option: ChatInputOption]\n  /** Something was picked from the `@` menu. */\n  mention: [option: ChatInputOption]\n  /**\n   * The text after a `/` or `@` changed (after `searchDelay`), and when one\n   * is typed: look options up somewhere else and replace `commands` or\n   * `mentions` with them, usually with `filter` set to `false`.\n   */\n  search: [query: string, trigger: '/' | '@']\n  /** Files were pasted or dropped onto the input. */\n  attach: [files: File[]]\n}\n\nexport interface ChatInputSlots {\n  /** Above the text, e.g. `DouChatAttachments` or a quoted message. */\n  header?: () => unknown\n  /** The left of the bottom bar: buttons to attach files, pick a model and the like. */\n  actions?: () => unknown\n  /** Replaces the inside of each menu entry. */\n  option?: (props: { option: ChatInputOption; trigger: '/' | '@' }) => unknown\n  /** Replaces the send / stop button. */\n  submit?: (props: {\n    submit: () => void\n    stop: () => void\n    loading: boolean\n    disabled: boolean\n  }) => unknown\n}\n\nexport interface ChatInputExpose {\n  /** The native `<textarea>`. */\n  textarea: HTMLTextAreaElement | null\n  focus: () => void\n  blur: () => void\n  /** Send as if the send key were pressed. */\n  submit: () => void\n}\n\n/** The `/` or `@` token the caret is in, if any. */\nexport interface ChatInputToken {\n  trigger: '/' | '@'\n  /** Typed after the trigger. */\n  query: string\n  /** Where the trigger character is. */\n  start: number\n  /** Where the token ends (the caret). */\n  end: number\n}\n\n/**\n * Find the token being typed at `caret`. A `/` counts only at the very\n * start of the text; an `@` at the start or after white space. The query\n * holds no white space.\n */\nexport function findToken(text: string, caret: number): ChatInputToken | null {\n  let start = caret\n  while (start > 0 && !/\\s/.test(text[start - 1]!)) start--\n  const word = text.slice(start, caret)\n  const trigger = word[0]\n  if (trigger === '/' && text.slice(0, start).trim() === '')\n    return { trigger, query: word.slice(1), start, end: caret }\n  if (trigger === '@') return { trigger, query: word.slice(1), start, end: caret }\n  return null\n}\n"],"mappings":";;;;;;AAiJA,SAAgB,UAAU,MAAc,OAAsC;CAC5E,IAAI,QAAQ;CACZ,OAAO,QAAQ,KAAK,CAAC,KAAK,KAAK,KAAK,QAAQ,EAAG,GAAG;CAClD,MAAM,OAAO,KAAK,MAAM,OAAO,KAAK;CACpC,MAAM,UAAU,KAAK;CACrB,IAAI,YAAY,OAAO,KAAK,MAAM,GAAG,KAAK,CAAC,CAAC,KAAK,MAAM,IACrD,OAAO;EAAE;EAAS,OAAO,KAAK,MAAM,CAAC;EAAG;EAAO,KAAK;CAAM;CAC5D,IAAI,YAAY,KAAK,OAAO;EAAE;EAAS,OAAO,KAAK,MAAM,CAAC;EAAG;EAAO,KAAK;CAAM;CAC/E,OAAO;AACT"}

package/dist/components/chat-input/chat-input.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,7 @@ import { useFormDisabled } from "../form/use-form-item.js";
 import { useTeleport } from "../../utils/teleport.js";
 import { DouButton } from "../button/index.js";
 import { findToken } from "./chat-input.js";
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
 import { ArrowUpIcon, StopIcon } from "@dou-ui/icons";
 // src/components/chat-input/chat-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -23,6 +23,7 @@ var _hoisted_1 = [
 ];
 var _hoisted_2 = [
 	"id",
+	"aria-busy",
 	"data-placement",
 	"data-dou-theme"
 ];
@@ -58,6 +59,15 @@ var chat_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		},
 		commands: { default: () => [] },
 		mentions: { default: () => [] },
+		filter: {
+			type: [
+				Boolean,
+				Function,
+				Object
+			],
+			default: true
+		},
+		searchDelay: { default: 300 },
 		teleport: {
 			type: [String, Boolean],
 			default: void 0
@@ -72,6 +82,7 @@ var chat_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		"stop",
 		"command",
 		"mention",
+		"search",
 		"attach"
 	], ["update:modelValue"]),
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -121,22 +132,71 @@ var chat_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const token = ref(null);
 		const dismissed = ref(null);
 		const active = ref(0);
+		let composing = false;
+		function onCaret(event) {
+			if (composing || event instanceof KeyboardEvent && isComposing(event)) return;
+			if (event?.isComposing) return;
+			readToken();
+		}
+		function onCompositionStart() {
+			composing = true;
+		}
+		function onCompositionEnd() {
+			composing = false;
+			readToken();
+		}
 		function readToken() {
 			const el = textareaRef.value;
 			if (!el) return;
-			const next = findToken(model.value, el.selectionStart ?? model.value.length);
+			const next = findToken(el.value, el.selectionStart ?? el.value.length);
 			const current = token.value;
 			if (next && current && next.trigger === current.trigger && next.start === current.start && next.end === current.end && next.query === current.query) return;
 			if (next?.start !== current?.start) dismissed.value = null;
 			token.value = next;
 		}
+		const filterOf = (trigger) => typeof props.filter === "object" ? props.filter[trigger] ?? true : props.filter;
 		const options = computed(() => {
 			const current = token.value;
 			if (!current || dismissed.value === current.start) return [];
 			const source = current.trigger === "/" ? props.commands : props.mentions;
+			const filter = filterOf(current.trigger);
+			if (filter === false || filter === true && !current.query) return source;
+			if (typeof filter === "function") return source.filter((option) => filter(option, current.query, current.trigger));
 			const query = current.query.toLowerCase();
-			return source.filter((option) => option.value.toLowerCase().includes(query) || (option.label ?? "").toLowerCase().includes(query));
+			const texts = (option) => [
+				option.label ?? option.value,
+				...current.trigger === "@" && option.label ? [option.value] : [],
+				option.description ?? "",
+				...option.keywords ?? []
+			];
+			return source.filter((option) => texts(option).some((text) => text.toLowerCase().includes(query)));
+		});
+		const instance = getCurrentInstance();
+		const listening = () => !!instance?.vnode.props?.onSearch;
+		const asked = {};
+		const answered = reactive({});
+		watch(() => props.commands, () => answered["/"] = asked["/"]);
+		watch(() => props.mentions, () => answered["@"] = asked["@"]);
+		const stale = computed(() => {
+			const current = token.value;
+			if (!current || filterOf(current.trigger) !== false || !listening()) return false;
+			const last = answered[current.trigger];
+			return !!last && (last.start !== current.start || last.query !== current.query);
+		});
+		let searchTimer;
+		watch(() => token.value ? `${token.value.start}${token.value.trigger}${token.value.query}` : null, (key) => {
+			clearTimeout(searchTimer);
+			const current = token.value;
+			if (key === null || !current || dismissed.value === current.start) return;
+			searchTimer = setTimeout(() => {
+				if (listening()) asked[current.trigger] = {
+					start: current.start,
+					query: current.query
+				};
+				emit("search", current.query, current.trigger);
+			}, props.searchDelay);
 		});
+		onBeforeUnmount(() => clearTimeout(searchTimer));
 		const menuOpen = computed(() => !disabled.value && options.value.length > 0);
 		const rootRef = useTemplateRef("root");
 		const menuRef = useTemplateRef("menu");
@@ -217,6 +277,7 @@ var chat_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			}
 			if ((event.key === "Enter" || event.key === "Tab") && !isComposing(event)) {
 				event.preventDefault();
+				if (stale.value) return true;
 				pick(options.value[active.value]);
 				return true;
 			}
@@ -317,9 +378,11 @@ var chat_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					"aria-controls": menuOpen.value ? `${unref(id)}-menu` : void 0,
 					"aria-activedescendant": menuOpen.value ? optionId(active.value) : void 0,
 					onKeydown,
-					onKeyup: readToken,
-					onClick: readToken,
-					onInput: readToken,
+					onKeyup: onCaret,
+					onClick: onCaret,
+					onInput: onCaret,
+					onCompositionstart: onCompositionStart,
+					onCompositionend: onCompositionEnd,
 					onBlur: _cache[1] || (_cache[1] = ($event) => token.value = null),
 					onPaste
 				}), null, 16, _hoisted_1), [[vModelText, model.value]]),
@@ -332,7 +395,12 @@ var chat_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 						key: 0,
 						id: `${unref(id)}-menu`,
 						ref: "menu",
-						class: normalizeClass([unref(ns).e("menu"), "dou-floating"]),
+						class: normalizeClass([
+							unref(ns).e("menu"),
+							"dou-floating",
+							unref(ns).is("stale", stale.value)
+						]),
+						"aria-busy": stale.value || void 0,
 						style: normalizeStyle(menuStyle.value),
 						"data-placement": unref(menuPlacement),
 						"data-dou-theme": unref(theme),