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

package/dist/components/chat-sources/chat-citation.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,17 @@
 import { useNamespace } from "../../utils/namespace.js";
 import { useLocale } from "../config-provider/use-config.js";
+import { checkedUrl, opensNewTab } from "../../utils/safe-url.js";
+import { DouPopover } from "../popover/index.js";
 import { sourceSite } from "./chat-sources.js";
-import popover_default from "../popover/popover.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { GlobeIcon } from "@dou-ui/icons";
 // src/components/chat-sources/chat-citation.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["src"];
+var _hoisted_2 = [
+	"href",
+	"target",
+	"rel"
+];
 var chat_citation_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "DouChatCitation",
 	__name: "chat-citation",
@@ -17,19 +23,39 @@ var chat_citation_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const props = __props;
 		const ns = useNamespace("chat-citation");
 		const { t } = useLocale();
+		const href = computed(() => checkedUrl("DouChatCitation", props.source?.url));
+		const newTab = computed(() => !!href.value && opensNewTab(href.value));
 		const site = computed(() => props.source ? sourceSite(props.source) : "");
 		const label = computed(() => props.source ? t("chat.citation", {
 			index: props.index,
 			title: props.source.title
 		}) : String(props.index));
+		const open = ref(false);
+		let byFocus = false;
+		function onFocus(event) {
+			if (open.value || !event.target.matches(":focus-visible")) return;
+			byFocus = true;
+			open.value = true;
+		}
+		function onOpen(value) {
+			if (!value) byFocus = false;
+		}
+		function onBlur(event) {
+			const to = event.relatedTarget;
+			if (!byFocus || to?.closest(`.${ns.e("popover")}`)) return;
+			byFocus = false;
+			open.value = false;
+		}
 		return (_ctx, _cache) => {
-			return __props.source ? (openBlock(), createBlock(popover_default, {
+			return __props.source ? (openBlock(), createBlock(unref(DouPopover), {
 				key: 0,
 				trigger: "hover",
 				placement: "top",
 				width: 300,
 				"show-delay": 150,
-				class: normalizeClass(unref(ns).e("popover"))
+				class: normalizeClass(unref(ns).e("popover")),
+				open: open.value,
+				"onUpdate:open": [_cache[0] || (_cache[0] = ($event) => open.value = $event), onOpen]
 			}, {
 				content: withCtx(() => [
 					createElementVNode("span", { class: normalizeClass(unref(ns).e("site")) }, [__props.source.icon ? (openBlock(), createElementBlock("img", {
@@ -41,23 +67,35 @@ var chat_citation_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						key: 1,
 						class: normalizeClass(unref(ns).e("favicon"))
 					}, null, 8, ["class"])), createTextVNode(" " + toDisplayString(site.value), 1)], 2),
-					createElementVNode("span", { class: normalizeClass(unref(ns).e("title")) }, toDisplayString(__props.source.title), 3),
-					__props.source.description ? (openBlock(), createElementBlock("span", {
+					href.value ? (openBlock(), createElementBlock("a", {
 						key: 0,
+						class: normalizeClass([unref(ns).e("title"), unref(ns).e("link")]),
+						href: href.value,
+						target: newTab.value ? "_blank" : void 0,
+						rel: newTab.value ? "noopener noreferrer" : void 0,
+						onBlur
+					}, toDisplayString(__props.source.title), 43, _hoisted_2)) : (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(unref(ns).e("title"))
+					}, toDisplayString(__props.source.title), 3)),
+					__props.source.description ? (openBlock(), createElementBlock("span", {
+						key: 2,
 						class: normalizeClass(unref(ns).e("description"))
 					}, toDisplayString(__props.source.description), 3)) : createCommentVNode("", true)
 				]),
-				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.source.url ? "a" : "span"), {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(href.value ? "a" : "span"), {
 					class: normalizeClass(unref(ns).b()),
-					href: __props.source.url,
-					target: __props.source.url ? "_blank" : void 0,
-					rel: __props.source.url ? "noopener noreferrer" : void 0,
-					tabindex: __props.source.url ? void 0 : 0,
-					"aria-label": label.value
+					href: href.value,
+					target: newTab.value ? "_blank" : void 0,
+					rel: newTab.value ? "noopener noreferrer" : void 0,
+					tabindex: href.value ? void 0 : 0,
+					"aria-label": label.value,
+					onFocus,
+					onBlur
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(__props.index), 1)]),
 					_: 1
-				}, 8, [
+				}, 40, [
 					"class",
 					"href",
 					"target",
@@ -66,7 +104,7 @@ var chat_citation_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					"aria-label"
 				]))]),
 				_: 1
-			}, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+			}, 8, ["class", "open"])) : (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass(unref(ns).b())
 			}, toDisplayString(__props.index), 3));

package/dist/components/chat-sources/chat-citation.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-citation.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DouPopover","_normalizeClass","_unref","_withCtx","_createElementVNode","_createElementBlock","_createTextVNode","_toDisplayString","_createCommentVNode","_resolveDynamicComponent"],"sources":["../../../src/components/chat-sources/chat-citation.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport DouPopover from '../popover/popover.vue'\nimport { sourceSite } from './chat-sources'\nimport type { ChatCitationProps } from './chat-sources'\n\ndefineOptions({ name: 'DouChatCitation' })\n\nconst props = defineProps<ChatCitationProps>()\n\nconst ns = useNamespace('chat-citation')\nconst { t } = useLocale()\nconst site = computed(() => (props.source ? sourceSite(props.source) : ''))\nconst label = computed(() =>\n  props.source\n    ? t('chat.citation', { index: props.index, title: props.source.title })\n    : String(props.index),\n)\n</script>\n\n<template>\n  <DouPopover\n    v-if=\"source\"\n    trigger=\"hover\"\n    placement=\"top\"\n    :width=\"300\"\n    :show-delay=\"150\"\n    :class=\"ns.e('popover')\"\n  >\n    <component\n      :is=\"source.url ? 'a' : 'span'\"\n      :class=\"ns.b()\"\n      :href=\"source.url\"\n      :target=\"source.url ? '_blank' : undefined\"\n      :rel=\"source.url ? 'noopener noreferrer' : undefined\"\n      :tabindex=\"source.url ? undefined : 0\"\n      :aria-label=\"label\"\n      >{{ index }}</component\n    >\n    <template #content>\n      <span :class=\"ns.e('site')\">\n        <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n        <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n        {{ site }}\n      </span>\n      <span :class=\"ns.e('title')\">{{ source.title }}</span>\n      <span v-if=\"source.description\" :class=\"ns.e('description')\">{{ source.description }}</span>\n    </template>\n  </DouPopover>\n  <span v-else :class=\"ns.b()\">{{ index }}</span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAEd,MAAM,KAAK,aAAa,eAAe;EACvC,MAAM,EAAE,MAAM,UAAU;EACxB,MAAM,OAAO,eAAgB,MAAM,SAAS,WAAW,MAAM,MAAM,IAAI,EAAG;EAC1E,MAAM,QAAQ,eACZ,MAAM,SACF,EAAE,iBAAiB;GAAE,OAAO,MAAM;GAAO,OAAO,MAAM,OAAO;EAAM,CAAC,IACpE,OAAO,MAAM,KAAK,CACxB;;GAKU,OAAA,QAAA,UADRA,UAAA,GAAAC,YA2BaC,iBAAA;;IAzBX,SAAQ;IACR,WAAU;IACT,OAAO;IACP,cAAY;IACZ,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;;IAYD,SAAOC,cAKT;KAJPC,mBAIO,QAAA,EAJA,OAAKH,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E,IACL,QAAA,OAAO,QAAlBJ,UAAA,GAAAO,mBAA6E,OAAA;;MAApD,OAAKJ,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;MAAc,KAAK,QAAA,OAAO;MAAM,KAAI;K,6BACxEJ,UAAA,GAAAC,YAA6CG,MAAA,SAAA,GAAA;;MAA1B,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;K,yBAAeI,gBAAA,MAC7CC,gBAAG,KAAA,KAAI,GAAA,CAAA,C;KAETH,mBAAsD,QAAA,EAA/C,OAAKH,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,EAAc,GAAAK,gBAAA,QAAA,OAAO,KAAK,GAAA,CAAA;KAChC,QAAA,OAAO,eAAnBT,UAAA,GAAAO,mBAA4F,QAAA;;MAA3D,OAAKJ,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,aAAA,CAAA;KAAoB,GAAAK,gBAAA,QAAA,OAAO,WAAW,GAAA,CAAA,K;;IAjBpF,SAAAJ,cASC,EATDL,UAAA,GAAAC,YASCU,wBARM,QAAA,OAAO,MAAG,MAAA,MAAA,GAAA;KACd,OAAKR,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,CAAA;KACX,MAAM,QAAA,OAAO;KACb,QAAQ,QAAA,OAAO,MAAG,WAAc,KAAA;KAChC,KAAK,QAAA,OAAO,MAAG,wBAA2B,KAAA;KAC1C,UAAU,QAAA,OAAO,MAAM,KAAA,IAAS;KAChC,cAAY,MAAA;;KACZ,SAAAC,cAAW,CAARG,gBAAAC,gBAAA,QAAA,KAAK,GAAA,CAAA,C;;;;;;;;;;;G,qBAYbT,UAAA,GAAAO,mBAA+C,QAAA;;IAAjC,OAAKJ,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,CAAA;GAAO,GAAAK,gBAAA,QAAA,KAAK,GAAA,CAAA"}
+{"version":3,"file":"chat-citation.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createElementVNode","_createElementBlock","_createTextVNode","_toDisplayString","_createCommentVNode","_resolveDynamicComponent"],"sources":["../../../src/components/chat-sources/chat-citation.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { checkedUrl, opensNewTab } from '../../utils/safe-url'\nimport { useLocale } from '../config-provider/use-config'\nimport { DouPopover } from '../popover'\nimport { sourceSite } from './chat-sources'\nimport type { ChatCitationProps } from './chat-sources'\n\ndefineOptions({ name: 'DouChatCitation' })\n\nconst props = defineProps<ChatCitationProps>()\n\nconst ns = useNamespace('chat-citation')\nconst { t } = useLocale()\n// unsafe addresses such as `javascript:` are shown without a link\nconst href = computed(() => checkedUrl('DouChatCitation', props.source?.url))\nconst newTab = computed(() => !!href.value && opensNewTab(href.value))\nconst site = computed(() => (props.source ? sourceSite(props.source) : ''))\nconst label = computed(() =>\n  props.source\n    ? t('chat.citation', { index: props.index, title: props.source.title })\n    : String(props.index),\n)\n\n/*\n * Hover shows the card; a tap opens it first, and the title in it is the\n * link (a second tap on the number follows it too). Focus from the\n * keyboard shows the card, and it goes when focus leaves for somewhere\n * other than the card.\n */\nconst open = ref(false)\nlet byFocus = false\nfunction onFocus(event: FocusEvent) {\n  if (open.value || !(event.target as Element).matches(':focus-visible')) return\n  byFocus = true\n  open.value = true\n}\nfunction onOpen(value: boolean) {\n  if (!value) byFocus = false\n}\nfunction onBlur(event: FocusEvent) {\n  const to = event.relatedTarget as Element | null\n  if (!byFocus || to?.closest(`.${ns.e('popover')}`)) return\n  byFocus = false\n  open.value = false\n}\n</script>\n\n<template>\n  <DouPopover\n    v-if=\"source\"\n    trigger=\"hover\"\n    placement=\"top\"\n    :width=\"300\"\n    :show-delay=\"150\"\n    :class=\"ns.e('popover')\"\n    v-model:open=\"open\"\n    @update:open=\"onOpen\"\n  >\n    <component\n      :is=\"href ? 'a' : 'span'\"\n      :class=\"ns.b()\"\n      :href=\"href\"\n      :target=\"newTab ? '_blank' : undefined\"\n      :rel=\"newTab ? 'noopener noreferrer' : undefined\"\n      :tabindex=\"href ? undefined : 0\"\n      :aria-label=\"label\"\n      @focus=\"onFocus\"\n      @blur=\"onBlur\"\n      >{{ index }}</component\n    >\n    <template #content>\n      <span :class=\"ns.e('site')\">\n        <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n        <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n        {{ site }}\n      </span>\n      <a\n        v-if=\"href\"\n        :class=\"[ns.e('title'), ns.e('link')]\"\n        :href=\"href\"\n        :target=\"newTab ? '_blank' : undefined\"\n        :rel=\"newTab ? 'noopener noreferrer' : undefined\"\n        @blur=\"onBlur\"\n        >{{ source.title }}</a\n      >\n      <span v-else :class=\"ns.e('title')\">{{ source.title }}</span>\n      <span v-if=\"source.description\" :class=\"ns.e('description')\">{{ source.description }}</span>\n    </template>\n  </DouPopover>\n  <span v-else :class=\"ns.b()\">{{ index }}</span>\n</template>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"chat-sources.js","names":[],"sources":["../../../src/components/chat-sources/chat-sources.ts"],"sourcesContent":["export interface ChatSource {\n  /** Unique within the list. Defaults to the position. */\n  key?: string | number\n  title: string\n  /** Where the source lives. Without it the source is shown but not linked. */\n  url?: string\n  /** A short name for the site, e.g. `weather.sh.cn`. Defaults to the host of `url`. */\n  site?: string\n  /** A line of the text it was quoted from, shown in the citation preview. */\n  description?: string\n  /** A small image for the site, such as its favicon. */\n  icon?: string\n}\n\nexport interface ChatSourcesProps {\n  /** The sources, in citation order: the first is `[1]`. */\n  items?: ChatSource[]\n  /** Show at most this many, followed by a \"+N\" button that shows the rest. */\n  max?: number\n}\n\nexport interface ChatSourcesSlots {\n  /** Replaces the inside of each source. */\n  item?: (props: { source: ChatSource; index: number }) => unknown\n}\n\nexport interface ChatCitationProps {\n  /** The number shown, counted from 1. */\n  index: number\n  /** The source it points to. Shown in a preview on hover or focus. */\n  source?: ChatSource\n}\n\n/** The host of a URL without `www.`, or an empty string when it does not parse. */\nexport function sourceSite(source: Pick<ChatSource, 'site' | 'url'>): string {\n  if (source.site) return source.site\n  if (!source.url) return ''\n  try {\n    return new URL(source.url).host.replace(/^www\\./, '')\n  } catch {\n    return ''\n  }\n}\n"],"mappings":";;AAkCA,SAAgB,WAAW,QAAkD;CAC3E,IAAI,OAAO,MAAM,OAAO,OAAO;CAC/B,IAAI,CAAC,OAAO,KAAK,OAAO;CACxB,IAAI;EACF,OAAO,IAAI,IAAI,OAAO,GAAG,CAAC,CAAC,KAAK,QAAQ,UAAU,EAAE;CACtD,QAAQ;EACN,OAAO;CACT;AACF"}
+{"version":3,"file":"chat-sources.js","names":[],"sources":["../../../src/components/chat-sources/chat-sources.ts"],"sourcesContent":["export interface ChatSource {\n  /** Unique within the list. Defaults to the position. */\n  key?: string | number\n  title: string\n  /**\n   * Where the source lives. Without it the source is shown but not linked.\n   * Only http(s), mailto, tel and relative addresses become links; others,\n   * such as `javascript:`, are shown without a link. http(s) and relative\n   * links open in a new tab.\n   */\n  url?: string\n  /** A short name for the site, e.g. `weather.sh.cn`. Defaults to the host of `url`. */\n  site?: string\n  /** A line of the text it was quoted from, shown in the citation preview. */\n  description?: string\n  /** A small image for the site, such as its favicon. */\n  icon?: string\n}\n\nexport interface ChatSourcesProps {\n  /** The sources, in citation order: the first is `[1]`. */\n  items?: ChatSource[]\n  /** Show at most this many, followed by a \"+N\" button that shows the rest. */\n  max?: number\n}\n\nexport interface ChatSourcesSlots {\n  /** Replaces the inside of each source. */\n  item?: (props: { source: ChatSource; index: number }) => unknown\n}\n\nexport interface ChatCitationProps {\n  /** The number shown, counted from 1. */\n  index: number\n  /** The source it points to. Shown in a preview on hover or focus. */\n  source?: ChatSource\n}\n\n/** The host of a URL without `www.`, or an empty string when it does not parse. */\nexport function sourceSite(source: Pick<ChatSource, 'site' | 'url'>): string {\n  if (source.site) return source.site\n  if (!source.url) return ''\n  try {\n    return new URL(source.url).host.replace(/^www\\./, '')\n  } catch {\n    return ''\n  }\n}\n"],"mappings":";;AAuCA,SAAgB,WAAW,QAAkD;CAC3E,IAAI,OAAO,MAAM,OAAO,OAAO;CAC/B,IAAI,CAAC,OAAO,KAAK,OAAO;CACxB,IAAI;EACF,OAAO,IAAI,IAAI,OAAO,GAAG,CAAC,CAAC,KAAK,QAAQ,UAAU,EAAE;CACtD,QAAQ;EACN,OAAO;CACT;AACF"}

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

@@ -1,5 +1,6 @@
 import { useNamespace } from "../../utils/namespace.js";
 import { useLocale } from "../config-provider/use-config.js";
+import { checkedUrl, opensNewTab } from "../../utils/safe-url.js";
 import { sourceSite } from "./chat-sources.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { GlobeIcon } from "@dou-ui/icons";
@@ -21,6 +22,7 @@ var chat_sources_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const expanded = ref(false);
 		const visible = computed(() => props.max === void 0 || expanded.value ? props.items : props.items.slice(0, props.max));
 		const hidden = computed(() => props.items.length - visible.value.length);
+		const hrefs = computed(() => visible.value.map((source) => checkedUrl("DouChatSources", source.url)));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(ns).b()) }, [createElementVNode("ol", {
 				class: normalizeClass(unref(ns).e("list")),
@@ -29,11 +31,11 @@ var chat_sources_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				return openBlock(), createElementBlock("li", {
 					key: source.key ?? index,
 					class: normalizeClass(unref(ns).e("item"))
-				}, [(openBlock(), createBlock(resolveDynamicComponent(source.url ? "a" : "span"), {
+				}, [(openBlock(), createBlock(resolveDynamicComponent(hrefs.value[index] ? "a" : "span"), {
 					class: normalizeClass(unref(ns).e("link")),
-					href: source.url,
-					target: source.url ? "_blank" : void 0,
-					rel: source.url ? "noopener noreferrer" : void 0,
+					href: hrefs.value[index],
+					target: hrefs.value[index] && unref(opensNewTab)(hrefs.value[index]) ? "_blank" : void 0,
+					rel: hrefs.value[index] && unref(opensNewTab)(hrefs.value[index]) ? "noopener noreferrer" : void 0,
 					title: source.title
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "item", {

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

@@ -1 +1 @@
-{"version":3,"file":"chat-sources.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_withCtx","_renderSlot","_toDisplayString","_createCommentVNode"],"sources":["../../../src/components/chat-sources/chat-sources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport { sourceSite } from './chat-sources'\nimport type { ChatSourcesProps, ChatSourcesSlots } from './chat-sources'\n\ndefineOptions({ name: 'DouChatSources' })\n\nconst props = withDefaults(defineProps<ChatSourcesProps>(), {\n  items: () => [],\n})\ndefineSlots<ChatSourcesSlots>()\n\nconst ns = useNamespace('chat-sources')\nconst { t } = useLocale()\n\nconst expanded = ref(false)\nconst visible = computed(() =>\n  props.max === undefined || expanded.value ? props.items : props.items.slice(0, props.max),\n)\nconst hidden = computed(() => props.items.length - visible.value.length)\n</script>\n\n<template>\n  <div :class=\"ns.b()\">\n    <ol :class=\"ns.e('list')\" :aria-label=\"t('chat.sources')\">\n      <li v-for=\"(source, index) in visible\" :key=\"source.key ?? index\" :class=\"ns.e('item')\">\n        <component\n          :is=\"source.url ? 'a' : 'span'\"\n          :class=\"ns.e('link')\"\n          :href=\"source.url\"\n          :target=\"source.url ? '_blank' : undefined\"\n          :rel=\"source.url ? 'noopener noreferrer' : undefined\"\n          :title=\"source.title\"\n        >\n          <slot name=\"item\" :source=\"source\" :index=\"index\">\n            <span :class=\"ns.e('index')\">{{ index + 1 }}</span>\n            <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n            <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n            <span :class=\"ns.e('site')\">{{ sourceSite(source) || source.title }}</span>\n            <span v-if=\"sourceSite(source)\" :class=\"ns.e('title')\">{{ source.title }}</span>\n          </slot>\n        </component>\n      </li>\n      <li v-if=\"hidden > 0\">\n        <button type=\"button\" :class=\"[ns.e('link'), ns.e('more')]\" @click=\"expanded = true\">\n          +{{ hidden }}\n        </button>\n      </li>\n    </ol>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAKd,MAAM,KAAK,aAAa,cAAc;EACtC,MAAM,EAAE,MAAM,UAAU;EAExB,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,UAAU,eACd,MAAM,QAAQ,KAAA,KAAa,SAAS,QAAQ,MAAM,QAAQ,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,CAC1F;EACA,MAAM,SAAS,eAAe,MAAM,MAAM,SAAS,QAAQ,MAAM,MAAM;;GAIrE,OAAAA,UAAA,GAAAC,mBA0BM,OAAA,EA1BA,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,CAAA,E,IACfC,mBAwBK,MAAA;IAxBA,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;IAAW,cAAYA,MAAA,CAAA,CAAC,CAAA,cAAA;G,KACtCH,UAAA,IAAA,GAAAC,mBAiBKI,UAAA,MAAAC,WAjByB,QAAA,QAAlB,QAAQ,UAAK;IAAzB,OAAAN,UAAA,GAAAC,mBAiBK,MAAA;KAjBmC,KAAK,OAAO,OAAO;KAAQ,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;I,KAC5EH,UAAA,GAAAO,YAeYC,wBAdL,OAAO,MAAG,MAAA,MAAA,GAAA;KACd,OAAKN,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;KACX,MAAM,OAAO;KACb,QAAQ,OAAO,MAAG,WAAc,KAAA;KAChC,KAAK,OAAO,MAAG,wBAA2B,KAAA;KAC1C,OAAO,OAAO;;KAEf,SAAAM,cAMO,CANPC,WAMO,KAAA,QAAA,QAAA;MANoB;MAAgB;KAA3C,SAMO;MALLN,mBAAmD,QAAA,EAA5C,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,EAAc,GAAAQ,gBAAA,QAAK,CAAA,GAAA,CAAA;MAC1B,OAAO,QAAlBX,UAAA,GAAAC,mBAA6E,OAAA;;OAApD,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;OAAc,KAAK,OAAO;OAAM,KAAI;M,6BACxEH,UAAA,GAAAO,YAA6CJ,MAAA,SAAA,GAAA;;OAA1B,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;;MAC9BC,mBAA2E,QAAA,EAApE,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,EAAa,GAAAQ,gBAAAR,MAAA,UAAA,CAAU,CAAC,MAAM,KAAK,OAAO,KAAK,GAAA,CAAA;MACrDA,MAAA,UAAA,CAAU,CAAC,MAAM,KAA7BH,UAAA,GAAAC,mBAAgF,QAAA;;OAA/C,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;MAAc,GAAAQ,gBAAA,OAAO,KAAK,GAAA,CAAA,K;;;;;;;;;;G,WAIlE,OAAA,QAAM,KAAhBX,UAAA,GAAAC,mBAIK,MAAA,YAAA,CAHHG,mBAES,UAAA;IAFD,MAAK;IAAU,OAAKF,eAAA,CAAGC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,GAAUA,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,CAAA;IAAY,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,QAAQ;GAAS,GAAA,OAClFQ,gBAAG,OAAA,KAAM,GAAA,CAAA,C"}
+{"version":3,"file":"chat-sources.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_withCtx","_renderSlot","_toDisplayString","_createCommentVNode"],"sources":["../../../src/components/chat-sources/chat-sources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { checkedUrl, opensNewTab } from '../../utils/safe-url'\nimport { useLocale } from '../config-provider/use-config'\nimport { sourceSite } from './chat-sources'\nimport type { ChatSourcesProps, ChatSourcesSlots } from './chat-sources'\n\ndefineOptions({ name: 'DouChatSources' })\n\nconst props = withDefaults(defineProps<ChatSourcesProps>(), {\n  items: () => [],\n})\ndefineSlots<ChatSourcesSlots>()\n\nconst ns = useNamespace('chat-sources')\nconst { t } = useLocale()\n\nconst expanded = ref(false)\nconst visible = computed(() =>\n  props.max === undefined || expanded.value ? props.items : props.items.slice(0, props.max),\n)\nconst hidden = computed(() => props.items.length - visible.value.length)\n// unsafe addresses such as `javascript:` are shown without a link\nconst hrefs = computed(() =>\n  visible.value.map((source) => checkedUrl('DouChatSources', source.url)),\n)\n</script>\n\n<template>\n  <div :class=\"ns.b()\">\n    <ol :class=\"ns.e('list')\" :aria-label=\"t('chat.sources')\">\n      <li v-for=\"(source, index) in visible\" :key=\"source.key ?? index\" :class=\"ns.e('item')\">\n        <component\n          :is=\"hrefs[index] ? 'a' : 'span'\"\n          :class=\"ns.e('link')\"\n          :href=\"hrefs[index]\"\n          :target=\"hrefs[index] && opensNewTab(hrefs[index]) ? '_blank' : undefined\"\n          :rel=\"hrefs[index] && opensNewTab(hrefs[index]) ? 'noopener noreferrer' : undefined\"\n          :title=\"source.title\"\n        >\n          <slot name=\"item\" :source=\"source\" :index=\"index\">\n            <span :class=\"ns.e('index')\">{{ index + 1 }}</span>\n            <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n            <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n            <span :class=\"ns.e('site')\">{{ sourceSite(source) || source.title }}</span>\n            <span v-if=\"sourceSite(source)\" :class=\"ns.e('title')\">{{ source.title }}</span>\n          </slot>\n        </component>\n      </li>\n      <li v-if=\"hidden > 0\">\n        <button type=\"button\" :class=\"[ns.e('link'), ns.e('more')]\" @click=\"expanded = true\">\n          +{{ hidden }}\n        </button>\n      </li>\n    </ol>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAKd,MAAM,KAAK,aAAa,cAAc;EACtC,MAAM,EAAE,MAAM,UAAU;EAExB,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,UAAU,eACd,MAAM,QAAQ,KAAA,KAAa,SAAS,QAAQ,MAAM,QAAQ,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,CAC1F;EACA,MAAM,SAAS,eAAe,MAAM,MAAM,SAAS,QAAQ,MAAM,MAAM;EAEvE,MAAM,QAAQ,eACZ,QAAQ,MAAM,KAAK,WAAW,WAAW,kBAAkB,OAAO,GAAG,CAAC,CACxE;;GAIE,OAAAA,UAAA,GAAAC,mBA0BM,OAAA,EA1BA,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,CAAA,E,IACfC,mBAwBK,MAAA;IAxBA,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;IAAW,cAAYA,MAAA,CAAA,CAAC,CAAA,cAAA;G,KACtCH,UAAA,IAAA,GAAAC,mBAiBKI,UAAA,MAAAC,WAjByB,QAAA,QAAlB,QAAQ,UAAK;IAAzB,OAAAN,UAAA,GAAAC,mBAiBK,MAAA;KAjBmC,KAAK,OAAO,OAAO;KAAQ,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;I,KAC5EH,UAAA,GAAAO,YAeYC,wBAdL,MAAA,MAAM,SAAK,MAAA,MAAA,GAAA;KACf,OAAKN,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;KACX,MAAM,MAAA,MAAM;KACZ,QAAQ,MAAA,MAAM,UAAUA,MAAA,WAAA,CAAW,CAAC,MAAA,MAAM,MAAK,IAAA,WAAgB,KAAA;KAC/D,KAAK,MAAA,MAAM,UAAUA,MAAA,WAAA,CAAW,CAAC,MAAA,MAAM,MAAK,IAAA,wBAA6B,KAAA;KACzE,OAAO,OAAO;;KAEf,SAAAM,cAMO,CANPC,WAMO,KAAA,QAAA,QAAA;MANoB;MAAgB;KAA3C,SAMO;MALLN,mBAAmD,QAAA,EAA5C,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,EAAc,GAAAQ,gBAAA,QAAK,CAAA,GAAA,CAAA;MAC1B,OAAO,QAAlBX,UAAA,GAAAC,mBAA6E,OAAA;;OAApD,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;OAAc,KAAK,OAAO;OAAM,KAAI;M,6BACxEH,UAAA,GAAAO,YAA6CJ,MAAA,SAAA,GAAA;;OAA1B,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;;MAC9BC,mBAA2E,QAAA,EAApE,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,EAAa,GAAAQ,gBAAAR,MAAA,UAAA,CAAU,CAAC,MAAM,KAAK,OAAO,KAAK,GAAA,CAAA;MACrDA,MAAA,UAAA,CAAU,CAAC,MAAM,KAA7BH,UAAA,GAAAC,mBAAgF,QAAA;;OAA/C,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;MAAc,GAAAQ,gBAAA,OAAO,KAAK,GAAA,CAAA,K;;;;;;;;;;G,WAIlE,OAAA,QAAM,KAAhBX,UAAA,GAAAC,mBAIK,MAAA,YAAA,CAHHG,mBAES,UAAA;IAFD,MAAK;IAAU,OAAKF,eAAA,CAAGC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,GAAUA,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,CAAA;IAAY,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,QAAQ;GAAS,GAAA,OAClFQ,gBAAG,OAAA,KAAM,GAAA,CAAA,C"}

package/dist/components/chat-sources/chat-sources2.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-sources2.js","names":["_sfc_main"],"sources":["../../../src/components/chat-sources/chat-sources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport { sourceSite } from './chat-sources'\nimport type { ChatSourcesProps, ChatSourcesSlots } from './chat-sources'\n\ndefineOptions({ name: 'DouChatSources' })\n\nconst props = withDefaults(defineProps<ChatSourcesProps>(), {\n  items: () => [],\n})\ndefineSlots<ChatSourcesSlots>()\n\nconst ns = useNamespace('chat-sources')\nconst { t } = useLocale()\n\nconst expanded = ref(false)\nconst visible = computed(() =>\n  props.max === undefined || expanded.value ? props.items : props.items.slice(0, props.max),\n)\nconst hidden = computed(() => props.items.length - visible.value.length)\n</script>\n\n<template>\n  <div :class=\"ns.b()\">\n    <ol :class=\"ns.e('list')\" :aria-label=\"t('chat.sources')\">\n      <li v-for=\"(source, index) in visible\" :key=\"source.key ?? index\" :class=\"ns.e('item')\">\n        <component\n          :is=\"source.url ? 'a' : 'span'\"\n          :class=\"ns.e('link')\"\n          :href=\"source.url\"\n          :target=\"source.url ? '_blank' : undefined\"\n          :rel=\"source.url ? 'noopener noreferrer' : undefined\"\n          :title=\"source.title\"\n        >\n          <slot name=\"item\" :source=\"source\" :index=\"index\">\n            <span :class=\"ns.e('index')\">{{ index + 1 }}</span>\n            <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n            <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n            <span :class=\"ns.e('site')\">{{ sourceSite(source) || source.title }}</span>\n            <span v-if=\"sourceSite(source)\" :class=\"ns.e('title')\">{{ source.title }}</span>\n          </slot>\n        </component>\n      </li>\n      <li v-if=\"hidden > 0\">\n        <button type=\"button\" :class=\"[ns.e('link'), ns.e('more')]\" @click=\"expanded = true\">\n          +{{ hidden }}\n        </button>\n      </li>\n    </ol>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"chat-sources2.js","names":["_sfc_main"],"sources":["../../../src/components/chat-sources/chat-sources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { checkedUrl, opensNewTab } from '../../utils/safe-url'\nimport { useLocale } from '../config-provider/use-config'\nimport { sourceSite } from './chat-sources'\nimport type { ChatSourcesProps, ChatSourcesSlots } from './chat-sources'\n\ndefineOptions({ name: 'DouChatSources' })\n\nconst props = withDefaults(defineProps<ChatSourcesProps>(), {\n  items: () => [],\n})\ndefineSlots<ChatSourcesSlots>()\n\nconst ns = useNamespace('chat-sources')\nconst { t } = useLocale()\n\nconst expanded = ref(false)\nconst visible = computed(() =>\n  props.max === undefined || expanded.value ? props.items : props.items.slice(0, props.max),\n)\nconst hidden = computed(() => props.items.length - visible.value.length)\n// unsafe addresses such as `javascript:` are shown without a link\nconst hrefs = computed(() =>\n  visible.value.map((source) => checkedUrl('DouChatSources', source.url)),\n)\n</script>\n\n<template>\n  <div :class=\"ns.b()\">\n    <ol :class=\"ns.e('list')\" :aria-label=\"t('chat.sources')\">\n      <li v-for=\"(source, index) in visible\" :key=\"source.key ?? index\" :class=\"ns.e('item')\">\n        <component\n          :is=\"hrefs[index] ? 'a' : 'span'\"\n          :class=\"ns.e('link')\"\n          :href=\"hrefs[index]\"\n          :target=\"hrefs[index] && opensNewTab(hrefs[index]) ? '_blank' : undefined\"\n          :rel=\"hrefs[index] && opensNewTab(hrefs[index]) ? 'noopener noreferrer' : undefined\"\n          :title=\"source.title\"\n        >\n          <slot name=\"item\" :source=\"source\" :index=\"index\">\n            <span :class=\"ns.e('index')\">{{ index + 1 }}</span>\n            <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n            <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n            <span :class=\"ns.e('site')\">{{ sourceSite(source) || source.title }}</span>\n            <span v-if=\"sourceSite(source)\" :class=\"ns.e('title')\">{{ source.title }}</span>\n          </slot>\n        </component>\n      </li>\n      <li v-if=\"hidden > 0\">\n        <button type=\"button\" :class=\"[ns.e('link'), ns.e('more')]\" @click=\"expanded = true\">\n          +{{ hidden }}\n        </button>\n      </li>\n    </ol>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/chat-sources/index.js

@@ -1,6 +1,6 @@
 import { withInstall } from "../../utils/install.js";
-import chat_sources_default from "./chat-sources2.js";
 import chat_citation_default from "./chat-citation.js";
+import chat_sources_default from "./chat-sources2.js";
 // src/components/chat-sources/index.ts
 var DouChatSources = withInstall(chat_sources_default);
 var DouChatCitation = withInstall(chat_citation_default);

package/dist/components/chat-steps/chat-steps.js

@@ -1,6 +1,11 @@
-import chat_steps_vue_vue_type_script_setup_true_lang_default from "./chat-steps.vue_vue_type_script_setup_true_lang.js";
-// src/components/chat-steps/chat-steps.vue
-var chat_steps_default = chat_steps_vue_vue_type_script_setup_true_lang_default;
-export { chat_steps_default as default };
+// src/components/chat-steps/chat-steps.ts
+/**
+* Whether the steps are running, as they show it: `live` when set, else
+* whether a step is `running`. ChatMessage reads the same for `aria-busy`.
+*/
+function stepsLive(items, live) {
+	return live ?? !!items?.some((step) => step.status === "running");
+}
+export { stepsLive };
 
 //# sourceMappingURL=chat-steps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-steps.js","names":["_sfc_main"],"sources":["../../../src/components/chat-steps/chat-steps.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertCircleIcon, ChevronDownIcon } from '@dou-ui/icons'\nimport { computed, ref, useId } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { CollapseTransition } from '../collapse/collapse-transition'\nimport { useLocale } from '../config-provider/use-config'\nimport DouShimmer from '../shimmer/shimmer.vue'\nimport DouSpinner from '../spinner/spinner.vue'\nimport type { ChatStepsEmits, ChatStepsProps, ChatStepsSlots } from './chat-steps'\n\ndefineOptions({ name: 'DouChatSteps' })\n\nconst props = withDefaults(defineProps<ChatStepsProps>(), {\n  items: () => [],\n  running: undefined,\n  open: undefined,\n})\nconst emit = defineEmits<ChatStepsEmits>()\nconst slots = defineSlots<ChatStepsSlots>()\n\nconst ns = useNamespace('chat-steps')\nconst { t } = useLocale()\nconst id = useId()\n\nconst inner = ref(false)\nconst open = computed(() => props.open ?? inner.value)\nfunction toggle() {\n  inner.value = !open.value\n  emit('update:open', inner.value)\n}\n\n// the last running step; a loop, since `findLast` needs a newer lib than the build targets\nconst current = computed(() => {\n  for (let i = props.items.length - 1; i >= 0; i--) {\n    if (props.items[i]!.status === 'running') return props.items[i]\n  }\n  return undefined\n})\nconst running = computed(() => props.running ?? !!current.value)\nconst summary = computed(() => {\n  if (props.title) return props.title\n  if (running.value) return current.value?.label ?? t('chat.working')\n  return t('chat.stepsDone', { count: props.items.length })\n})\n</script>\n\n<template>\n  <div :class=\"[ns.b(), ns.is('open', open), ns.is('running', running)]\">\n    <button\n      :id=\"`${id}-trigger`\"\n      type=\"button\"\n      :class=\"ns.e('header')\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"`${id}-panel`\"\n      @click=\"toggle\"\n    >\n      <span :class=\"ns.e('title')\">\n        <slot name=\"title\" :running=\"running\" :count=\"items.length\">\n          <DouShimmer :active=\"running\">{{ summary }}</DouShimmer>\n        </slot>\n      </span>\n      <ChevronDownIcon :class=\"ns.e('arrow')\" />\n    </button>\n    <CollapseTransition>\n      <div\n        v-show=\"open\"\n        :id=\"`${id}-panel`\"\n        role=\"region\"\n        :class=\"ns.e('panel')\"\n        :aria-labelledby=\"`${id}-trigger`\"\n      >\n        <ol :class=\"ns.e('list')\">\n          <li\n            v-for=\"(step, index) in items\"\n            :key=\"step.key ?? index\"\n            :class=\"[ns.e('step'), ns.is(step.status ?? 'done')]\"\n          >\n            <span :class=\"ns.e('mark')\">\n              <DouSpinner\n                v-if=\"step.status === 'running'\"\n                size=\"sm\"\n                :label=\"t('chat.stepRunning')\"\n              />\n              <AlertCircleIcon v-else-if=\"step.status === 'error'\" :label=\"t('chat.stepError')\" />\n              <component :is=\"step.icon\" v-else-if=\"step.icon\" />\n              <span v-else :class=\"ns.e('dot')\" />\n            </span>\n            <div :class=\"ns.e('body')\">\n              <div :class=\"ns.e('line')\">\n                <slot name=\"step\" :step=\"step\" :index=\"index\">\n                  <span :class=\"ns.e('label')\">{{ step.label }}</span>\n                  <span v-if=\"step.detail\" :class=\"ns.e('detail')\">{{ step.detail }}</span>\n                </slot>\n              </div>\n              <div v-if=\"slots.detail\" :class=\"ns.e('extra')\">\n                <slot name=\"detail\" :step=\"step\" :index=\"index\" />\n              </div>\n            </div>\n          </li>\n        </ol>\n      </div>\n    </CollapseTransition>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"chat-steps.js","names":[],"sources":["../../../src/components/chat-steps/chat-steps.ts"],"sourcesContent":["import type { Component } from 'vue'\n\nexport type ChatStepStatus = 'running' | 'done' | 'error'\n\nexport interface ChatStep {\n  /** Unique within the list. Defaults to the position. */\n  key?: string | number\n  /** What the step does, e.g. \"Searched the web\". */\n  label: string\n  /** What it was about, e.g. the query or the file name, shown quieter after the label. */\n  detail?: string\n  /** Defaults to `done`. */\n  status?: ChatStepStatus\n  /** An icon component for the step. A neutral dot when omitted. */\n  icon?: Component\n}\n\nexport interface ChatStepsProps {\n  /** The steps so far, in order. */\n  items?: ChatStep[]\n  /**\n   * The work is going on now. While it is, the summary line names the\n   * running step; afterwards it counts the steps. Defaults to whether any\n   * step is `running`. Off once the turn has ended or been stopped: a\n   * `running` step holds still, a solid dot in place of the spinner.\n   */\n  live?: boolean\n  /** Replaces the summary line. */\n  title?: string\n  /** Expanded or not. Bound with `v-model:open`; folded by default. */\n  open?: boolean\n}\n\nexport interface ChatStepsEmits {\n  'update:open': [open: boolean]\n}\n\nexport interface ChatStepsSlots {\n  /** Replaces each step's text. */\n  step?: (props: { step: ChatStep; index: number }) => unknown\n  /** Content under each step, e.g. a tool call's result. */\n  detail?: (props: { step: ChatStep; index: number }) => unknown\n  /** Replaces the summary line. */\n  title?: (props: { live: boolean; count: number }) => unknown\n}\n\n/**\n * Whether the steps are running, as they show it: `live` when set, else\n * whether a step is `running`. ChatMessage reads the same for `aria-busy`.\n */\nexport function stepsLive(items: readonly ChatStep[] | undefined, live?: boolean): boolean {\n  return live ?? !!items?.some((step) => step.status === 'running')\n}\n"],"mappings":";;;;;AAkDA,SAAgB,UAAU,OAAwC,MAAyB;CACzF,OAAO,QAAQ,CAAC,CAAC,OAAO,MAAM,SAAS,KAAK,WAAW,SAAS;AAClE"}

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

@@ -1,8 +1,10 @@
 import { useNamespace } from "../../utils/namespace.js";
 import { useLocale } from "../config-provider/use-config.js";
-import spinner_default from "../spinner/spinner.js";
-import shimmer_default from "../shimmer/shimmer.js";
-import { CollapseTransition } from "../collapse/collapse-transition.js";
+import { DouSpinner } from "../spinner/index.js";
+import { DouShimmer } from "../shimmer/index.js";
+import { DouCollapseTransition } from "../collapse/collapse-transition.js";
+import { DouStatusDot } from "../status-dot/index.js";
+import { stepsLive } from "./chat-steps.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, vShow, withCtx, withDirectives } from "vue";
 import { AlertCircleIcon, ChevronDownIcon } from "@dou-ui/icons";
 // src/components/chat-steps/chat-steps.vue?vue&type=script&setup=true&lang.ts
@@ -17,7 +19,7 @@ var chat_steps_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 	__name: "chat-steps",
 	props: {
 		items: { default: () => [] },
-		running: {
+		live: {
 			type: Boolean,
 			default: void 0
 		},
@@ -44,17 +46,19 @@ var chat_steps_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const current = computed(() => {
 			for (let i = props.items.length - 1; i >= 0; i--) if (props.items[i].status === "running") return props.items[i];
 		});
-		const running = computed(() => props.running ?? !!current.value);
+		const live = computed(() => stepsLive(props.items, props.live));
 		const summary = computed(() => {
 			if (props.title) return props.title;
-			if (running.value) return current.value?.label ?? t("chat.working");
-			return t("chat.stepsDone", { count: props.items.length });
+			if (live.value) return current.value?.label ?? t("chat.working");
+			const count = props.items.length;
+			const finished = props.items.every((step) => (step.status ?? "done") === "done");
+			return t(finished ? "chat.stepsDone" : "chat.stepsTotal", { count });
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass([
 				unref(ns).b(),
 				unref(ns).is("open", open.value),
-				unref(ns).is("running", running.value)
+				unref(ns).is("running", live.value)
 			]) }, [createElementVNode("button", {
 				id: `${unref(id)}-trigger`,
 				type: "button",
@@ -63,12 +67,12 @@ var chat_steps_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				"aria-controls": `${unref(id)}-panel`,
 				onClick: toggle
 			}, [createElementVNode("span", { class: normalizeClass(unref(ns).e("title")) }, [renderSlot(_ctx.$slots, "title", {
-				running: running.value,
+				live: live.value,
 				count: __props.items.length
-			}, () => [createVNode(shimmer_default, { active: running.value }, {
+			}, () => [createVNode(unref(DouShimmer), { active: live.value }, {
 				default: withCtx(() => [createTextVNode(toDisplayString(summary.value), 1)]),
 				_: 1
-			}, 8, ["active"])])], 2), createVNode(unref(ChevronDownIcon), { class: normalizeClass(unref(ns).e("arrow")) }, null, 8, ["class"])], 10, _hoisted_1), createVNode(unref(CollapseTransition), null, {
+			}, 8, ["active"])])], 2), createVNode(unref(ChevronDownIcon), { class: normalizeClass(unref(ns).e("arrow")) }, null, 8, ["class"])], 10, _hoisted_1), createVNode(unref(DouCollapseTransition), null, {
 				default: withCtx(() => [withDirectives(createElementVNode("div", {
 					id: `${unref(id)}-panel`,
 					role: "region",
@@ -78,11 +82,14 @@ var chat_steps_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					return openBlock(), createElementBlock("li", {
 						key: step.key ?? index,
 						class: normalizeClass([unref(ns).e("step"), unref(ns).is(step.status ?? "done")])
-					}, [createElementVNode("span", { class: normalizeClass(unref(ns).e("mark")) }, [step.status === "running" ? (openBlock(), createBlock(spinner_default, {
+					}, [createElementVNode("span", { class: normalizeClass(unref(ns).e("mark")) }, [step.status === "running" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [live.value ? (openBlock(), createBlock(unref(DouSpinner), {
 						key: 0,
 						size: "sm",
 						label: unref(t)("chat.stepRunning")
-					}, null, 8, ["label"])) : step.status === "error" ? (openBlock(), createBlock(unref(AlertCircleIcon), {
+					}, null, 8, ["label"])) : (openBlock(), createBlock(unref(DouStatusDot), {
+						key: 1,
+						label: unref(t)("chat.stepRunning")
+					}, null, 8, ["label"]))], 64)) : step.status === "error" ? (openBlock(), createBlock(unref(AlertCircleIcon), {
 						key: 1,
 						label: unref(t)("chat.stepError")
 					}, null, 8, ["label"])) : step.icon ? (openBlock(), createBlock(resolveDynamicComponent(step.icon), { key: 2 })) : (openBlock(), createElementBlock("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"chat-steps.vue_vue_type_script_setup_true_lang.js","names":["_useSlots","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createVNode","DouShimmer","_withCtx","_createTextVNode","_toDisplayString","_withDirectives","_Fragment","_renderList","_createBlock","DouSpinner","_resolveDynamicComponent","_createCommentVNode","_vShow"],"sources":["../../../src/components/chat-steps/chat-steps.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertCircleIcon, ChevronDownIcon } from '@dou-ui/icons'\nimport { computed, ref, useId } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { CollapseTransition } from '../collapse/collapse-transition'\nimport { useLocale } from '../config-provider/use-config'\nimport DouShimmer from '../shimmer/shimmer.vue'\nimport DouSpinner from '../spinner/spinner.vue'\nimport type { ChatStepsEmits, ChatStepsProps, ChatStepsSlots } from './chat-steps'\n\ndefineOptions({ name: 'DouChatSteps' })\n\nconst props = withDefaults(defineProps<ChatStepsProps>(), {\n  items: () => [],\n  running: undefined,\n  open: undefined,\n})\nconst emit = defineEmits<ChatStepsEmits>()\nconst slots = defineSlots<ChatStepsSlots>()\n\nconst ns = useNamespace('chat-steps')\nconst { t } = useLocale()\nconst id = useId()\n\nconst inner = ref(false)\nconst open = computed(() => props.open ?? inner.value)\nfunction toggle() {\n  inner.value = !open.value\n  emit('update:open', inner.value)\n}\n\n// the last running step; a loop, since `findLast` needs a newer lib than the build targets\nconst current = computed(() => {\n  for (let i = props.items.length - 1; i >= 0; i--) {\n    if (props.items[i]!.status === 'running') return props.items[i]\n  }\n  return undefined\n})\nconst running = computed(() => props.running ?? !!current.value)\nconst summary = computed(() => {\n  if (props.title) return props.title\n  if (running.value) return current.value?.label ?? t('chat.working')\n  return t('chat.stepsDone', { count: props.items.length })\n})\n</script>\n\n<template>\n  <div :class=\"[ns.b(), ns.is('open', open), ns.is('running', running)]\">\n    <button\n      :id=\"`${id}-trigger`\"\n      type=\"button\"\n      :class=\"ns.e('header')\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"`${id}-panel`\"\n      @click=\"toggle\"\n    >\n      <span :class=\"ns.e('title')\">\n        <slot name=\"title\" :running=\"running\" :count=\"items.length\">\n          <DouShimmer :active=\"running\">{{ summary }}</DouShimmer>\n        </slot>\n      </span>\n      <ChevronDownIcon :class=\"ns.e('arrow')\" />\n    </button>\n    <CollapseTransition>\n      <div\n        v-show=\"open\"\n        :id=\"`${id}-panel`\"\n        role=\"region\"\n        :class=\"ns.e('panel')\"\n        :aria-labelledby=\"`${id}-trigger`\"\n      >\n        <ol :class=\"ns.e('list')\">\n          <li\n            v-for=\"(step, index) in items\"\n            :key=\"step.key ?? index\"\n            :class=\"[ns.e('step'), ns.is(step.status ?? 'done')]\"\n          >\n            <span :class=\"ns.e('mark')\">\n              <DouSpinner\n                v-if=\"step.status === 'running'\"\n                size=\"sm\"\n                :label=\"t('chat.stepRunning')\"\n              />\n              <AlertCircleIcon v-else-if=\"step.status === 'error'\" :label=\"t('chat.stepError')\" />\n              <component :is=\"step.icon\" v-else-if=\"step.icon\" />\n              <span v-else :class=\"ns.e('dot')\" />\n            </span>\n            <div :class=\"ns.e('body')\">\n              <div :class=\"ns.e('line')\">\n                <slot name=\"step\" :step=\"step\" :index=\"index\">\n                  <span :class=\"ns.e('label')\">{{ step.label }}</span>\n                  <span v-if=\"step.detail\" :class=\"ns.e('detail')\">{{ step.detail }}</span>\n                </slot>\n              </div>\n              <div v-if=\"slots.detail\" :class=\"ns.e('extra')\">\n                <slot name=\"detail\" :step=\"step\" :index=\"index\" />\n              </div>\n            </div>\n          </li>\n        </ol>\n      </div>\n    </CollapseTransition>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAKd,MAAM,OAAO;EACb,MAAM,QAAQA,SAAA;EAEd,MAAM,KAAK,aAAa,YAAY;EACpC,MAAM,EAAE,MAAM,UAAU;EACxB,MAAM,KAAK,MAAM;EAEjB,MAAM,QAAQ,IAAI,KAAK;EACvB,MAAM,OAAO,eAAe,MAAM,QAAQ,MAAM,KAAK;EACrD,SAAS,SAAS;GAChB,MAAM,QAAQ,CAAC,KAAK;GACpB,KAAK,eAAe,MAAM,KAAK;EACjC;EAGA,MAAM,UAAU,eAAe;GAC7B,KAAK,IAAI,IAAI,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAC3C,IAAI,MAAM,MAAM,EAAE,CAAE,WAAW,WAAW,OAAO,MAAM,MAAM;EAGjE,CAAC;EACD,MAAM,UAAU,eAAe,MAAM,WAAW,CAAC,CAAC,QAAQ,KAAK;EAC/D,MAAM,UAAU,eAAe;GAC7B,IAAI,MAAM,OAAO,OAAO,MAAM;GAC9B,IAAI,QAAQ,OAAO,OAAO,QAAQ,OAAO,SAAS,EAAE,cAAc;GAClE,OAAO,EAAE,kBAAkB,EAAE,OAAO,MAAM,MAAM,OAAO,CAAC;EAC1D,CAAC;;GAIC,OAAAC,UAAA,GAAAC,mBAuDM,OAAA,EAvDA,OAAKC,eAAA;IAAGC,MAAA,EAAA,CAAE,CAAC,EAAC;IAAIA,MAAA,EAAA,CAAE,CAAC,GAAE,QAAS,KAAA,KAAI;IAAGA,MAAA,EAAA,CAAE,CAAC,GAAE,WAAY,QAAA,KAAO;GAAA,CAAA,E,IACjEC,mBAcS,UAAA;IAbN,IAAE,GAAKD,MAAA,EAAA,EAAE;IACV,MAAK;IACJ,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,QAAA,CAAA;IACX,iBAAe,KAAA;IACf,iBAAa,GAAKA,MAAA,EAAA,EAAE;IACpB,SAAO;G,IAERC,mBAIO,QAAA,EAJA,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,E,IAChBE,WAEO,KAAA,QAAA,SAAA;IAFa,SAAS,QAAA;IAAU,OAAO,QAAA,MAAM;GAApD,SAEO,CADLC,YAAwDC,iBAAA,EAA3C,QAAQ,QAAA,MAAO,GAAA;IAAE,SAAAC,cAAa,CAAVC,gBAAAC,gBAAA,QAAA,KAAO,GAAA,CAAA,C;;G,0BAG5CJ,YAA0CH,MAAA,eAAA,GAAA,EAAxB,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,E,0CAE/BG,YAsCqBH,MAAA,kBAAA,GAAA,MAAA;IArCnB,SAAAK,cAoCM,CApCNG,eAAAP,mBAoCM,OAAA;KAlCH,IAAE,GAAKD,MAAA,EAAA,EAAE;KACV,MAAK;KACJ,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;KACX,mBAAe,GAAKA,MAAA,EAAA,EAAE;I,IAEvBC,mBA4BK,MAAA,EA5BA,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E,KACdH,UAAA,IAAA,GAAAC,mBA0BKW,UAAA,MAAAC,WAzBqB,QAAA,QAAhB,MAAM,UAAK;KADrB,OAAAb,UAAA,GAAAC,mBA0BK,MAAA;MAxBF,KAAK,KAAK,OAAO;MACjB,OAAKC,eAAA,CAAGC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,GAAUA,MAAA,EAAA,CAAE,CAAC,GAAG,KAAK,UAAM,MAAA,CAAA,CAAA;K,IAExCC,mBASO,QAAA,EATA,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E,IAER,KAAK,WAAM,aADnBH,UAAA,GAAAc,YAIEC,iBAAA;;MAFA,MAAK;MACJ,OAAOZ,MAAA,CAAA,CAAC,CAAA,kBAAA;K,0BAEiB,KAAK,WAAM,WAAvCH,UAAA,GAAAc,YAAoFX,MAAA,eAAA,GAAA;;MAA9B,OAAOA,MAAA,CAAA,CAAC,CAAA,gBAAA;K,0BACxB,KAAK,QAA3CH,UAAA,GAAAc,YAAmDE,wBAAnC,KAAK,IAAI,GAAA,EAAA,KAAA,EAAA,CAAA,MACzBhB,UAAA,GAAAC,mBAAoC,QAAA;;MAAtB,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,KAAA,CAAA;K,mBAE3BC,mBAUM,OAAA,EAVA,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E,IACfC,mBAKM,OAAA,EALA,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E,IACfE,WAGO,KAAA,QAAA,QAAA;MAHkB;MAAc;KAAvC,SAGO,CAFLD,mBAAoD,QAAA,EAA7C,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,EAAc,GAAAO,gBAAA,KAAK,KAAK,GAAA,CAAA,GAC9B,KAAK,UAAjBV,UAAA,GAAAC,mBAAyE,QAAA;;MAA/C,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,QAAA,CAAA;KAAe,GAAAO,gBAAA,KAAK,MAAM,GAAA,CAAA,K,qCAGxD,MAAM,UAAjBV,UAAA,GAAAC,mBAEM,OAAA;;MAFoB,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;K,IACnCE,WAAkD,KAAA,QAAA,UAAA;MAAvB;MAAc;;I,mCA9BzC,CAAAa,OAAA,KAAA,KAAI,C"}
+{"version":3,"file":"chat-steps.vue_vue_type_script_setup_true_lang.js","names":["_useSlots","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createVNode","_withCtx","_createTextVNode","_toDisplayString","CollapseTransition","_withDirectives","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_createCommentVNode","_vShow"],"sources":["../../../src/components/chat-steps/chat-steps.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertCircleIcon, ChevronDownIcon } from '@dou-ui/icons'\nimport { computed, ref, useId } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { DouCollapseTransition as CollapseTransition } from '../collapse/collapse-transition'\nimport { useLocale } from '../config-provider/use-config'\nimport { DouShimmer } from '../shimmer'\nimport { DouSpinner } from '../spinner'\nimport { DouStatusDot } from '../status-dot'\nimport { stepsLive } from './chat-steps'\nimport type { ChatStepsEmits, ChatStepsProps, ChatStepsSlots } from './chat-steps'\n\ndefineOptions({ name: 'DouChatSteps' })\n\nconst props = withDefaults(defineProps<ChatStepsProps>(), {\n  items: () => [],\n  live: undefined,\n  open: undefined,\n})\nconst emit = defineEmits<ChatStepsEmits>()\nconst slots = defineSlots<ChatStepsSlots>()\n\nconst ns = useNamespace('chat-steps')\nconst { t } = useLocale()\nconst id = useId()\n\nconst inner = ref(false)\nconst open = computed(() => props.open ?? inner.value)\nfunction toggle() {\n  inner.value = !open.value\n  emit('update:open', inner.value)\n}\n\n// the last running step; a loop, since `findLast` needs a newer lib than the build targets\nconst current = computed(() => {\n  for (let i = props.items.length - 1; i >= 0; i--) {\n    if (props.items[i]!.status === 'running') return props.items[i]\n  }\n  return undefined\n})\nconst live = computed(() => stepsLive(props.items, props.live))\nconst summary = computed(() => {\n  if (props.title) return props.title\n  if (live.value) return current.value?.label ?? t('chat.working')\n  // a stopped run with steps left unfinished doesn't read as done\n  const count = props.items.length\n  const finished = props.items.every((step) => (step.status ?? 'done') === 'done')\n  return t(finished ? 'chat.stepsDone' : 'chat.stepsTotal', { count })\n})\n</script>\n\n<template>\n  <div :class=\"[ns.b(), ns.is('open', open), ns.is('running', live)]\">\n    <button\n      :id=\"`${id}-trigger`\"\n      type=\"button\"\n      :class=\"ns.e('header')\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"`${id}-panel`\"\n      @click=\"toggle\"\n    >\n      <span :class=\"ns.e('title')\">\n        <slot name=\"title\" :live=\"live\" :count=\"items.length\">\n          <DouShimmer :active=\"live\">{{ summary }}</DouShimmer>\n        </slot>\n      </span>\n      <ChevronDownIcon :class=\"ns.e('arrow')\" />\n    </button>\n    <CollapseTransition>\n      <div\n        v-show=\"open\"\n        :id=\"`${id}-panel`\"\n        role=\"region\"\n        :class=\"ns.e('panel')\"\n        :aria-labelledby=\"`${id}-trigger`\"\n      >\n        <ol :class=\"ns.e('list')\">\n          <li\n            v-for=\"(step, index) in items\"\n            :key=\"step.key ?? index\"\n            :class=\"[ns.e('step'), ns.is(step.status ?? 'done')]\"\n          >\n            <span :class=\"ns.e('mark')\">\n              <template v-if=\"step.status === 'running'\">\n                <DouSpinner v-if=\"live\" size=\"sm\" :label=\"t('chat.stepRunning')\" />\n                <DouStatusDot v-else :label=\"t('chat.stepRunning')\" />\n              </template>\n              <AlertCircleIcon v-else-if=\"step.status === 'error'\" :label=\"t('chat.stepError')\" />\n              <component :is=\"step.icon\" v-else-if=\"step.icon\" />\n              <span v-else :class=\"ns.e('dot')\" />\n            </span>\n            <div :class=\"ns.e('body')\">\n              <div :class=\"ns.e('line')\">\n                <slot name=\"step\" :step=\"step\" :index=\"index\">\n                  <span :class=\"ns.e('label')\">{{ step.label }}</span>\n                  <span v-if=\"step.detail\" :class=\"ns.e('detail')\">{{ step.detail }}</span>\n                </slot>\n              </div>\n              <div v-if=\"slots.detail\" :class=\"ns.e('extra')\">\n                <slot name=\"detail\" :step=\"step\" :index=\"index\" />\n              </div>\n            </div>\n          </li>\n        </ol>\n      </div>\n    </CollapseTransition>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/chat-steps/chat-steps2.js

@@ -0,0 +1,6 @@
+import chat_steps_vue_vue_type_script_setup_true_lang_default from "./chat-steps.vue_vue_type_script_setup_true_lang.js";
+// src/components/chat-steps/chat-steps.vue
+var chat_steps_default = chat_steps_vue_vue_type_script_setup_true_lang_default;
+export { chat_steps_default as default };
+
+//# sourceMappingURL=chat-steps2.js.map

package/dist/components/chat-steps/chat-steps2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-steps2.js","names":["_sfc_main"],"sources":["../../../src/components/chat-steps/chat-steps.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertCircleIcon, ChevronDownIcon } from '@dou-ui/icons'\nimport { computed, ref, useId } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { DouCollapseTransition as CollapseTransition } from '../collapse/collapse-transition'\nimport { useLocale } from '../config-provider/use-config'\nimport { DouShimmer } from '../shimmer'\nimport { DouSpinner } from '../spinner'\nimport { DouStatusDot } from '../status-dot'\nimport { stepsLive } from './chat-steps'\nimport type { ChatStepsEmits, ChatStepsProps, ChatStepsSlots } from './chat-steps'\n\ndefineOptions({ name: 'DouChatSteps' })\n\nconst props = withDefaults(defineProps<ChatStepsProps>(), {\n  items: () => [],\n  live: undefined,\n  open: undefined,\n})\nconst emit = defineEmits<ChatStepsEmits>()\nconst slots = defineSlots<ChatStepsSlots>()\n\nconst ns = useNamespace('chat-steps')\nconst { t } = useLocale()\nconst id = useId()\n\nconst inner = ref(false)\nconst open = computed(() => props.open ?? inner.value)\nfunction toggle() {\n  inner.value = !open.value\n  emit('update:open', inner.value)\n}\n\n// the last running step; a loop, since `findLast` needs a newer lib than the build targets\nconst current = computed(() => {\n  for (let i = props.items.length - 1; i >= 0; i--) {\n    if (props.items[i]!.status === 'running') return props.items[i]\n  }\n  return undefined\n})\nconst live = computed(() => stepsLive(props.items, props.live))\nconst summary = computed(() => {\n  if (props.title) return props.title\n  if (live.value) return current.value?.label ?? t('chat.working')\n  // a stopped run with steps left unfinished doesn't read as done\n  const count = props.items.length\n  const finished = props.items.every((step) => (step.status ?? 'done') === 'done')\n  return t(finished ? 'chat.stepsDone' : 'chat.stepsTotal', { count })\n})\n</script>\n\n<template>\n  <div :class=\"[ns.b(), ns.is('open', open), ns.is('running', live)]\">\n    <button\n      :id=\"`${id}-trigger`\"\n      type=\"button\"\n      :class=\"ns.e('header')\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"`${id}-panel`\"\n      @click=\"toggle\"\n    >\n      <span :class=\"ns.e('title')\">\n        <slot name=\"title\" :live=\"live\" :count=\"items.length\">\n          <DouShimmer :active=\"live\">{{ summary }}</DouShimmer>\n        </slot>\n      </span>\n      <ChevronDownIcon :class=\"ns.e('arrow')\" />\n    </button>\n    <CollapseTransition>\n      <div\n        v-show=\"open\"\n        :id=\"`${id}-panel`\"\n        role=\"region\"\n        :class=\"ns.e('panel')\"\n        :aria-labelledby=\"`${id}-trigger`\"\n      >\n        <ol :class=\"ns.e('list')\">\n          <li\n            v-for=\"(step, index) in items\"\n            :key=\"step.key ?? index\"\n            :class=\"[ns.e('step'), ns.is(step.status ?? 'done')]\"\n          >\n            <span :class=\"ns.e('mark')\">\n              <template v-if=\"step.status === 'running'\">\n                <DouSpinner v-if=\"live\" size=\"sm\" :label=\"t('chat.stepRunning')\" />\n                <DouStatusDot v-else :label=\"t('chat.stepRunning')\" />\n              </template>\n              <AlertCircleIcon v-else-if=\"step.status === 'error'\" :label=\"t('chat.stepError')\" />\n              <component :is=\"step.icon\" v-else-if=\"step.icon\" />\n              <span v-else :class=\"ns.e('dot')\" />\n            </span>\n            <div :class=\"ns.e('body')\">\n              <div :class=\"ns.e('line')\">\n                <slot name=\"step\" :step=\"step\" :index=\"index\">\n                  <span :class=\"ns.e('label')\">{{ step.label }}</span>\n                  <span v-if=\"step.detail\" :class=\"ns.e('detail')\">{{ step.detail }}</span>\n                </slot>\n              </div>\n              <div v-if=\"slots.detail\" :class=\"ns.e('extra')\">\n                <slot name=\"detail\" :step=\"step\" :index=\"index\" />\n              </div>\n            </div>\n          </li>\n        </ol>\n      </div>\n    </CollapseTransition>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/chat-steps/index.js

@@ -1,5 +1,5 @@
 import { withInstall } from "../../utils/install.js";
-import chat_steps_default from "./chat-steps.js";
+import chat_steps_default from "./chat-steps2.js";
 // src/components/chat-steps/index.ts
 var DouChatSteps = withInstall(chat_steps_default);
 export { DouChatSteps, DouChatSteps as default };

package/dist/components/chat-steps/style.js

@@ -1,4 +1,5 @@
 import '@dou-ui/theme/core.css'
+import '@dou-ui/theme/components/status-dot.css'
 import '@dou-ui/theme/components/collapse.css'
 import '@dou-ui/theme/components/spinner.css'
 import '@dou-ui/theme/components/shimmer.css'

package/dist/components/chat-tool-call/chat-tool-call.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-tool-call.js","names":[],"sources":["../../../src/components/chat-tool-call/chat-tool-call.ts"],"sourcesContent":["/** `pending` waits for the person to allow the call; the rest follow the run. */\nexport type ChatToolCallStatus = 'pending' | 'running' | 'success' | 'error'\n\nexport interface ChatToolCallProps {\n  /** The tool's name, e.g. `search_web`. */\n  name?: string\n  /** A readable line shown instead of the name, e.g. \"Searching the web\". */\n  title?: string\n  status?: ChatToolCallStatus\n  /** What the tool was called with. Objects are shown as formatted JSON. */\n  input?: unknown\n  /** What it returned, or the error. Objects are shown as formatted JSON. */\n  output?: unknown\n  /** Expanded or not. Bound with `v-model:open`. */\n  open?: boolean\n}\n\nexport interface ChatToolCallEmits {\n  'update:open': [open: boolean]\n}\n\nexport interface ChatToolCallSlots {\n  /** Replaces the tool icon. */\n  icon?: () => unknown\n  /** Replaces the title. */\n  title?: () => unknown\n  /** Replaces the input section. */\n  input?: () => unknown\n  /** Replaces the output section. */\n  output?: () => unknown\n  /** Extra content in the panel, after the output. */\n  default?: () => unknown\n  /** Under the header, always visible: e.g. allow / deny buttons for a `pending` call. */\n  actions?: () => unknown\n}\n\n/** Show a value the way a person reads it: strings as they are, the rest as JSON. */\nexport function formatToolValue(value: unknown): string {\n  if (typeof value === 'string') return value\n  try {\n    return JSON.stringify(value, null, 2) ?? String(value)\n  } catch {\n    return String(value)\n  }\n}\n"],"mappings":";;AAqCA,SAAgB,gBAAgB,OAAwB;CACtD,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI;EACF,OAAO,KAAK,UAAU,OAAO,MAAM,CAAC,KAAK,OAAO,KAAK;CACvD,QAAQ;EACN,OAAO,OAAO,KAAK;CACrB;AACF"}
+{"version":3,"file":"chat-tool-call.js","names":[],"sources":["../../../src/components/chat-tool-call/chat-tool-call.ts"],"sourcesContent":["/**\n * The same words as ChatPlan: `pending` hasn't started, `waiting` is paused on\n * someone else, such as the person allowing the call; `withdrawn` means the\n * call was taken back before it ran, as with ChatConfirm; the rest follow the run.\n */\nexport type ChatToolCallStatus = 'pending' | 'running' | 'waiting' | 'done' | 'error' | 'withdrawn'\n\nexport interface ChatToolCallProps {\n  /** The tool's name, e.g. `search_web`. */\n  name?: string\n  /** A readable line shown instead of the name, e.g. \"Searching the web\". */\n  title?: string\n  status?: ChatToolCallStatus\n  /** What the tool was called with. Objects are shown as formatted JSON. */\n  input?: unknown\n  /** What it returned, or the error. Objects are shown as formatted JSON. */\n  output?: unknown\n  /** Expanded or not. Bound with `v-model:open`. */\n  open?: boolean\n  /**\n   * The run is going on now. Off once the turn has ended or been stopped: a\n   * `running` call holds still, a solid dot in place of the spinner.\n   */\n  live?: boolean\n}\n\nexport interface ChatToolCallEmits {\n  'update:open': [open: boolean]\n}\n\nexport interface ChatToolCallSlots {\n  /** Replaces the tool icon. */\n  icon?: () => unknown\n  /** Replaces the title. */\n  title?: () => unknown\n  /** Replaces the input section. */\n  input?: () => unknown\n  /** Replaces the output section. */\n  output?: () => unknown\n  /** Extra content in the panel, after the output. */\n  default?: () => unknown\n  /** Under the header, always visible: e.g. allow / deny buttons for a `waiting` call. */\n  actions?: () => unknown\n}\n\n/** Show a value the way a person reads it: strings as they are, the rest as JSON. */\nexport function formatToolValue(value: unknown): string {\n  if (typeof value === 'string') return value\n  try {\n    return JSON.stringify(value, null, 2) ?? String(value)\n  } catch {\n    return String(value)\n  }\n}\n"],"mappings":";;AA8CA,SAAgB,gBAAgB,OAAwB;CACtD,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI;EACF,OAAO,KAAK,UAAU,OAAO,MAAM,CAAC,KAAK,OAAO,KAAK;CACvD,QAAQ;EACN,OAAO,OAAO,KAAK;CACrB;AACF"}

package/dist/components/chat-tool-call/chat-tool-call.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,12 @@
 import { useNamespace } from "../../utils/namespace.js";
 import { useLocale } from "../config-provider/use-config.js";
-import spinner_default from "../spinner/spinner.js";
-import { CollapseTransition } from "../collapse/collapse-transition.js";
+import { devWarn, useStatusCheck } from "../../utils/status-check.js";
+import { DouSpinner } from "../spinner/index.js";
+import { DouCollapseTransition } from "../collapse/collapse-transition.js";
+import { DouStatusDot } from "../status-dot/index.js";
 import { formatToolValue } from "./chat-tool-call.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, vShow, withCtx, withDirectives } from "vue";
-import { AlertCircleIcon, CheckCircleIcon, ChevronDownIcon, ClockIcon, WrenchIcon } from "@dou-ui/icons";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, vShow, watchEffect, withCtx, withDirectives } from "vue";
+import { AlertCircleIcon, CheckCircleIcon, ChevronDownIcon, ClockIcon, ClockPauseIcon, UndoIcon, WrenchIcon } from "@dou-ui/icons";
 // src/components/chat-tool-call/chat-tool-call.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["id", "aria-labelledby"];
 var chat_tool_call_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -13,12 +15,16 @@ var chat_tool_call_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 	props: {
 		name: {},
 		title: {},
-		status: { default: "success" },
+		status: { default: "done" },
 		input: {},
 		output: {},
 		open: {
 			type: Boolean,
 			default: void 0
+		},
+		live: {
+			type: Boolean,
+			default: true
 		}
 	},
 	emits: ["update:open"],
@@ -38,11 +44,25 @@ var chat_tool_call_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const hasInput = computed(() => !!slots.input || props.input !== void 0);
 		const hasOutput = computed(() => !!slots.output || props.output !== void 0);
 		const expandable = computed(() => hasInput.value || hasOutput.value || !!slots.default);
+		useStatusCheck("DouChatToolCall", () => [props.status], [
+			"pending",
+			"running",
+			"waiting",
+			"done",
+			"error",
+			"withdrawn"
+		], { success: "done" });
+		if (process.env.NODE_ENV !== "production") watchEffect(() => {
+			if (props.status !== "pending" || !slots.actions) return;
+			devWarn("[dou-ui] DouChatToolCall: `pending` now means not started; use `waiting` for a call that waits for approval.");
+		});
 		const statusText = computed(() => ({
 			pending: t("chat.toolPending"),
 			running: t("chat.toolRunning"),
-			success: t("chat.toolSuccess"),
-			error: t("chat.toolError")
+			waiting: t("chat.toolWaiting"),
+			done: t("chat.toolDone"),
+			error: t("chat.toolError"),
+			withdrawn: t("chat.toolWithdrawn")
 		})[props.status]);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass([
@@ -67,19 +87,25 @@ var chat_tool_call_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 							key: 1,
 							class: normalizeClass(unref(ns).e("name"))
 						}, toDisplayString(__props.name), 3))])], 2),
-						createElementVNode("span", { class: normalizeClass(unref(ns).e("status")) }, [__props.status === "running" ? (openBlock(), createBlock(spinner_default, {
+						createElementVNode("span", { class: normalizeClass(unref(ns).e("status")) }, [__props.status === "running" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.live ? (openBlock(), createBlock(unref(DouSpinner), {
 							key: 0,
 							size: "sm",
 							"aria-hidden": "true"
-						})) : __props.status === "pending" ? (openBlock(), createBlock(unref(ClockIcon), {
+						})) : (openBlock(), createBlock(unref(DouStatusDot), { key: 1 }))], 64)) : __props.status === "pending" ? (openBlock(), createBlock(unref(ClockIcon), {
 							key: 1,
 							"aria-hidden": "true"
-						})) : __props.status === "success" ? (openBlock(), createBlock(unref(CheckCircleIcon), {
+						})) : __props.status === "waiting" ? (openBlock(), createBlock(unref(ClockPauseIcon), {
 							key: 2,
 							"aria-hidden": "true"
-						})) : (openBlock(), createBlock(unref(AlertCircleIcon), {
+						})) : __props.status === "done" ? (openBlock(), createBlock(unref(CheckCircleIcon), {
 							key: 3,
 							"aria-hidden": "true"
+						})) : __props.status === "withdrawn" ? (openBlock(), createBlock(unref(UndoIcon), {
+							key: 4,
+							"aria-hidden": "true"
+						})) : (openBlock(), createBlock(unref(AlertCircleIcon), {
+							key: 5,
+							"aria-hidden": "true"
 						})), createElementVNode("span", { class: normalizeClass(unref(ns).e("status-text")) }, toDisplayString(statusText.value), 3)], 2),
 						expandable.value ? (openBlock(), createBlock(unref(ChevronDownIcon), {
 							key: 0,
@@ -94,7 +120,7 @@ var chat_tool_call_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					"aria-expanded",
 					"aria-controls"
 				])),
-				createVNode(unref(CollapseTransition), null, {
+				createVNode(unref(DouCollapseTransition), null, {
 					default: withCtx(() => [expandable.value ? withDirectives((openBlock(), createElementBlock("div", {
 						key: 0,
 						id: `${unref(id)}-panel`,