@chelone/vue 0.6.0 → 0.9.0

package/dist/components/admin/inputs/webhook-endpoint-input.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,160 @@
+import { useInput } from "../../../form/use-input.js";
+import button_default from "../../ui/button.js";
+import checkbox_default from "../../ui/checkbox.js";
+import { Field, FieldError, FieldLabel } from "../../ui/field.js";
+import input_default from "../../ui/input.js";
+import validation_error_default from "../common/validation-error.js";
+import { humanizeSource } from "./label-text.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { toWebhookValue } from "@chelone/core";
+// src/components/admin/inputs/webhook-endpoint-input.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { key: 0 };
+var _hoisted_2 = { class: "flex flex-col gap-3" };
+var _hoisted_3 = { class: "flex flex-wrap gap-3" };
+var _hoisted_4 = ["for"];
+var webhook_endpoint_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "webhook-endpoint-input",
+	props: {
+		eventTypes: {},
+		onTestPing: {},
+		isRequired: { type: Boolean },
+		id: {},
+		disabled: { type: Boolean },
+		class: {},
+		source: {},
+		label: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		defaultValue: {},
+		validate: {}
+	},
+	setup(__props) {
+		/**
+		* `<WebhookEndpointInput>` — composite input for a webhook endpoint, the Vue
+		* analog of `@chelone/react`'s `inputs/webhook-endpoint-input.tsx`. Edits the
+		* URL, signing secret, and event-type subscriptions of a single `useInput`-bound
+		* `{ url, secret, eventTypes, lastDelivery? }` value, with an optional test-ping
+		* button. Normalizes against a partial/nullish stored value so the composite
+		* render never dereferences a missing sub-field.
+		*/
+		const props = __props;
+		const DEFAULT_VALUE = {
+			url: "",
+			secret: "",
+			eventTypes: []
+		};
+		const URL_PLACEHOLDER = "https://example.com/webhook";
+		const { id, value: current, setValue, blur, error, touched, isRequired } = useInput({
+			source: props.source,
+			defaultValue: props.defaultValue ?? DEFAULT_VALUE,
+			validate: props.validate,
+			isRequired: props.isRequired,
+			id: props.id,
+			format: toWebhookValue
+		});
+		const pinging = ref(false);
+		const invalid = computed(() => touched.value && error.value != null);
+		const labelText = computed(() => props.label === false ? null : props.label ?? humanizeSource(props.source));
+		function update(patch) {
+			setValue({
+				...current.value,
+				...patch
+			});
+		}
+		function toggleEvent(event, checked) {
+			const set = new Set(current.value.eventTypes);
+			if (checked) set.add(event);
+			else set.delete(event);
+			update({ eventTypes: Array.from(set) });
+		}
+		async function handlePing() {
+			if (!props.onTestPing) return;
+			pinging.value = true;
+			try {
+				await props.onTestPing(current.value.url, current.value.secret);
+			} finally {
+				pinging.value = false;
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Field), {
+				class: normalizeClass(props.class),
+				"data-invalid": invalid.value
+			}, {
+				default: withCtx(() => [
+					labelText.value != null ? (openBlock(), createBlock(unref(FieldLabel), {
+						key: 0,
+						"html-for": unref(id)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(labelText.value), 1), unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1, " *")) : createCommentVNode("", true)]),
+						_: 1
+					}, 8, ["html-for"])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_2, [
+						createVNode(input_default, {
+							id: unref(id),
+							type: "url",
+							"data-webhook-url": "",
+							"model-value": unref(current).url,
+							disabled: __props.disabled,
+							"aria-invalid": invalid.value,
+							placeholder: URL_PLACEHOLDER,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => update({ url: $event })),
+							onBlur: unref(blur)
+						}, null, 8, [
+							"id",
+							"model-value",
+							"disabled",
+							"aria-invalid",
+							"onBlur"
+						]),
+						createVNode(input_default, {
+							type: "password",
+							"data-webhook-secret": "",
+							"aria-label": "Signing secret",
+							"model-value": unref(current).secret,
+							disabled: __props.disabled,
+							placeholder: "Signing secret",
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => update({ secret: $event }))
+						}, null, 8, ["model-value", "disabled"]),
+						createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.eventTypes, (event) => {
+							return openBlock(), createElementBlock("label", {
+								key: event,
+								for: `webhook-event-${event}`,
+								class: "flex items-center gap-2 font-mono text-sm"
+							}, [createVNode(checkbox_default, {
+								id: `webhook-event-${event}`,
+								"data-event-checkbox": "",
+								"model-value": unref(current).eventTypes.includes(event),
+								disabled: __props.disabled,
+								"onUpdate:modelValue": ($event) => toggleEvent(event, $event)
+							}, null, 8, [
+								"id",
+								"model-value",
+								"disabled",
+								"onUpdate:modelValue"
+							]), createTextVNode(" " + toDisplayString(event), 1)], 8, _hoisted_4);
+						}), 128))]),
+						__props.onTestPing ? (openBlock(), createBlock(button_default, {
+							key: 0,
+							type: "button",
+							variant: "outline",
+							"data-test-ping-button": "",
+							disabled: __props.disabled || pinging.value || !unref(current).url,
+							onClick: handlePing
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(pinging.value ? "Pinging…" : "Send test ping"), 1)]),
+							_: 1
+						}, 8, ["disabled"])) : createCommentVNode("", true)
+					]),
+					invalid.value ? (openBlock(), createBlock(unref(FieldError), { key: 1 }, {
+						default: withCtx(() => [createVNode(validation_error_default, { error: unref(error) }, null, 8, ["error"])]),
+						_: 1
+					})) : createCommentVNode("", true)
+				]),
+				_: 1
+			}, 8, ["class", "data-invalid"]);
+		};
+	}
+});
+export { webhook_endpoint_input_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/layout/app-bar.js

@@ -0,0 +1,4 @@
+import app_bar_vue_vue_type_script_setup_true_lang_default from "./app-bar.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/layout/app-bar.vue
+var app_bar_default = app_bar_vue_vue_type_script_setup_true_lang_default;
+export { app_bar_default as default };

package/dist/components/admin/layout/app-bar.vue.d.ts

@@ -3,7 +3,9 @@ export interface AppBarProps {
     /** Extra class appended to the header element. */
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AppBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AppBarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AppBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AppBarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     start?: (props: {}) => any;
 } & {
     title?: (props: {}) => any;
@@ -12,7 +14,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AppBarProp
 } & {
     'user-menu'?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/layout/app-bar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { cn } from "../../../lib/utils.js";
+import sidebar_trigger_default from "../../ui/sidebar/sidebar-trigger.js";
+import locales_menu_button_default from "../buttons/locales-menu-button.js";
+import theme_mode_toggle_default from "./theme-mode-toggle.js";
+import title_portal_default from "./title-portal.js";
+import user_menu_default from "./user-menu.js";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/admin/layout/app-bar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "flex min-w-0 flex-1 items-center",
+	"data-slot": "app-bar-title"
+};
+var app_bar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "app-bar",
+	props: { class: {} },
+	setup(__props) {
+		/**
+		* `<AppBar>` — the header at the top of the admin layout: the sidebar trigger, a
+		* page-title slot, a spacer, and the right-side action cluster (locales menu +
+		* theme toggle + user menu). The Vue twin of `@chelone/react`'s `layout/app-bar.tsx`.
+		*
+		* Slots (the Vue idiom for the React twin's override props):
+		* - `#start` — replaces the default `<SidebarTrigger>`.
+		* - `#title` — the page-title region (defaults to `<TitlePortal>`, the target a
+		*   page `<Title>` teleports into).
+		* - `#toolbar` — replaces the default `<LocalesMenuButton>` + `<ThemeModeToggle>`.
+		* - `#user-menu` — replaces the default `<UserMenu>` (which itself renders
+		*   nothing when no `authProvider` is configured).
+		*/
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", {
+				class: normalizeClass(unref(cn)("flex h-14 shrink-0 items-center gap-2 border-b px-4 md:h-12", props.class)),
+				"data-slot": "app-bar"
+			}, [
+				renderSlot(_ctx.$slots, "start", {}, () => [createVNode(unref(sidebar_trigger_default))]),
+				createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, () => [createVNode(title_portal_default)])]),
+				renderSlot(_ctx.$slots, "toolbar", {}, () => [createVNode(locales_menu_button_default), createVNode(theme_mode_toggle_default)]),
+				renderSlot(_ctx.$slots, "user-menu", {}, () => [createVNode(user_menu_default)])
+			], 2);
+		};
+	}
+});
+export { app_bar_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/layout/app-sidebar.js

@@ -0,0 +1,4 @@
+import app_sidebar_vue_vue_type_script_setup_true_lang_default from "./app-sidebar.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/layout/app-sidebar.vue
+var app_sidebar_default = app_sidebar_vue_vue_type_script_setup_true_lang_default;
+export { app_sidebar_default as default };

package/dist/components/admin/layout/app-sidebar.vue.d.ts

@@ -1,21 +1,33 @@
 /** Props for {@link AppSidebar}. */
 export interface AppSidebarProps {
-    /** Brand label in the sidebar header. Defaults to `"Chelone"`. */
+    /**
+     * Brand label in the sidebar header. Defaults to `"Chelone"`. The `#brand`
+     * slot replaces it.
+     */
     brand?: string;
     /**
      * Where the brand links to, used as given (not prefixed with the basename).
      * Defaults to the dashboard under the basename.
      */
     brandTo?: string;
+    /**
+     * Where the brand links to as a plain anchor, with no router and no basename
+     * prefix: for a link out of the app, such as the site home. Wins over
+     * `brandTo`. A `javascript:` or other unsafe scheme renders no `href`.
+     */
+    brandHref?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AppSidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AppSidebarProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AppSidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AppSidebarProps> & Readonly<{}>, {
     brand: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     'brand-icon'?: (props: {}) => any;
+} & {
+    brand?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/layout/app-sidebar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,74 @@
+import { useBasename } from "../../../router/adapter.js";
+import sidebar_default from "../../ui/sidebar/sidebar.js";
+import { SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuItem } from "../../ui/sidebar/sidebar-parts.js";
+import sidebar_menu_button_default from "../../ui/sidebar/sidebar-menu-button.js";
+import menu_default from "./menu.js";
+import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { isSafeLinkUrl } from "@chelone/core";
+import { RouterLink } from "vue-router";
+// src/components/admin/layout/app-sidebar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-base font-semibold" };
+var app_sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "app-sidebar",
+	props: {
+		brand: { default: "Chelone" },
+		brandTo: {},
+		brandHref: {}
+	},
+	setup(__props) {
+		/**
+		* `<AppSidebar>` — the navigation sidebar: a brand header, the resource `<Menu>`,
+		* and a footer. The Vue twin of `@chelone/react`'s `layout/app-sidebar.tsx`.
+		* The brand icon defaults to an inline `Shell` glyph (overridable via the
+		* `#brand-icon` slot, and the label by the `#brand` slot); the content defaults to `<Menu>` (overridable via the
+		* default slot for a fully custom nav tree).
+		*/
+		const props = __props;
+		const basename = useBasename();
+		const link = computed(() => props.brandHref === void 0 ? {
+			as: RouterLink,
+			to: props.brandTo ?? `${basename}/`
+		} : {
+			as: "a",
+			href: isSafeLinkUrl(props.brandHref) ? props.brandHref : void 0
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sidebar_default), {
+				variant: "floating",
+				collapsible: "icon"
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(SidebarHeader), null, {
+						default: withCtx(() => [createVNode(unref(SidebarMenu), null, {
+							default: withCtx(() => [createVNode(unref(SidebarMenuItem), null, {
+								default: withCtx(() => [createVNode(unref(sidebar_menu_button_default), mergeProps(link.value, { size: "lg" }), {
+									default: withCtx(() => [renderSlot(_ctx.$slots, "brand-icon", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+										viewBox: "0 0 24 24",
+										fill: "none",
+										stroke: "currentColor",
+										"stroke-width": "2",
+										"stroke-linecap": "round",
+										"stroke-linejoin": "round",
+										class: "size-5",
+										"aria-hidden": "true"
+									}, [createElementVNode("path", { d: "M14 11a2 2 0 1 1-4 0 4 4 0 0 1 8 0 6 6 0 0 1-12 0 8 8 0 0 1 16 0 10 10 0 1 1-20 0 11.93 11.93 0 0 1 2.42-7.22 2 2 0 1 1 3.16 2.44" })], -1))]), createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "brand", {}, () => [createTextVNode(toDisplayString(__props.brand), 1)])])]),
+									_: 3
+								}, 16)]),
+								_: 3
+							})]),
+							_: 3
+						})]),
+						_: 3
+					}),
+					createVNode(unref(SidebarContent), null, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(menu_default)])]),
+						_: 3
+					}),
+					createVNode(unref(SidebarFooter))
+				]),
+				_: 3
+			});
+		};
+	}
+});
+export { app_sidebar_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/layout/assistant.js

@@ -0,0 +1,4 @@
+import assistant_vue_vue_type_script_setup_true_lang_default from "./assistant.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/layout/assistant.vue
+var assistant_default = assistant_vue_vue_type_script_setup_true_lang_default;
+export { assistant_default as default };

package/dist/components/admin/layout/assistant.vue.d.ts

@@ -0,0 +1,24 @@
+import type { AssistantTool, AssistantTransport } from "@chelone/core";
+/** Props for {@link Assistant}. */
+export interface AssistantProps {
+    /** Where the conversation goes. A new transport starts a new conversation. */
+    transport: AssistantTransport;
+    /**
+     * What the model may call, by name. A new object starts a new conversation,
+     * so define it outside the component.
+     */
+    tools?: Record<string, AssistantTool>;
+    placement?: "bottom-right" | "bottom-left" | "sidebar";
+    /** Text of the button and the panel's name. Defaults to the translated "Ask". */
+    triggerLabel?: string;
+    /** Shown before the first message. Defaults to the translated welcome. */
+    welcomeMessage?: string;
+    /** Follow-up turns after tool calls before the session gives up. Default 5. */
+    maxToolRounds?: number;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<AssistantProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AssistantProps> & Readonly<{}>, {
+    tools: Record<string, AssistantTool>;
+    placement: "sidebar" | "bottom-right" | "bottom-left";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/admin/layout/assistant.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,244 @@
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { useMicroStore } from "../../../store/use-micro-store.js";
+import button_default from "../../ui/button.js";
+import confirm_default from "../feedback/confirm.js";
+import { MessageCircleIcon, SendIcon, SquareIcon, XIcon } from "./icons.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, effectScope, nextTick, normalizeClass, onBeforeUnmount, openBlock, renderList, shallowRef, toDisplayString, unref, useId, vModelText, watch, withCtx, withDirectives } from "vue";
+import { createAssistantSession } from "@chelone/core";
+// src/components/admin/layout/assistant.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "aria-labelledby"];
+var _hoisted_2 = { class: "flex items-center justify-between border-b p-3" };
+var _hoisted_3 = ["id"];
+var _hoisted_4 = ["aria-label"];
+var _hoisted_5 = {
+	key: 0,
+	class: "text-sm text-muted-foreground"
+};
+var _hoisted_6 = {
+	key: 0,
+	"data-role": "tool",
+	class: "rounded-md bg-muted/40 px-2 py-1 font-mono text-xs"
+};
+var _hoisted_7 = ["data-role"];
+var _hoisted_8 = {
+	key: 2,
+	class: "text-xs italic text-muted-foreground"
+};
+var _hoisted_9 = {
+	key: 0,
+	role: "alert",
+	class: "flex items-center justify-between gap-2 border-t px-3 py-2 text-sm text-destructive"
+};
+var _hoisted_10 = { class: "flex gap-2 border-t p-2" };
+var _hoisted_11 = ["placeholder", "aria-label"];
+var _hoisted_12 = { class: "overflow-auto whitespace-pre-wrap font-mono text-xs" };
+var assistant_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "assistant",
+	props: {
+		transport: {},
+		tools: { default: () => ({}) },
+		placement: { default: "bottom-right" },
+		triggerLabel: {},
+		welcomeMessage: {},
+		maxToolRounds: {}
+	},
+	setup(__props) {
+		/**
+		* `<Assistant>` — a floating chat that streams a model's replies and runs the
+		* app's tools. The Vue twin of `@chelone/react`'s `layout/assistant.tsx`. The
+		* session (messages, streaming, tool rounds, stop) lives in `@chelone/core`;
+		* this file is the Vue shell around it, with the same markup, `data-slot`
+		* names, roles and translate keys.
+		*
+		* A tool with `confirm` opens `<Confirm>`. Closing the panel keeps the stream
+		* running; unmounting, or a new `transport`, `tools` or `maxToolRounds`, ends
+		* the turn: no tool runs after it and no dialog stays open.
+		*
+		* @example
+		* <Assistant :transport="httpAssistantTransport({ url: '/api/assistant' })" :tools="tools" />
+		*/
+		const props = __props;
+		const triggerPosition = {
+			"bottom-right": "bottom-4 right-4",
+			"bottom-left": "bottom-4 left-4",
+			sidebar: "top-4 right-4"
+		};
+		const panelPosition = {
+			"bottom-right": "bottom-20 right-4",
+			"bottom-left": "bottom-20 left-4",
+			sidebar: "top-20 right-4"
+		};
+		const translate = useTranslate();
+		const open = shallowRef(false);
+		const input = shallowRef("");
+		const pending = shallowRef(null);
+		const logEl = shallowRef(null);
+		const panelId = useId();
+		const titleId = useId();
+		function settle(answer) {
+			pending.value?.resolve(answer);
+			pending.value = null;
+		}
+		function start() {
+			const session = createAssistantSession({
+				transport: props.transport,
+				tools: props.tools,
+				maxToolRounds: props.maxToolRounds,
+				confirmTool: (call) => new Promise((resolve) => {
+					pending.value = {
+						call,
+						resolve
+					};
+				})
+			});
+			const scope = effectScope();
+			const state = scope.run(() => useMicroStore(session));
+			if (!state) throw new Error("Assistant: the session scope is not active");
+			return {
+				session,
+				state,
+				scope
+			};
+		}
+		function end({ session, scope }) {
+			scope.stop();
+			session.stop();
+			settle(false);
+		}
+		const live = shallowRef(start());
+		watch(() => [
+			props.transport,
+			props.tools,
+			props.maxToolRounds
+		], () => {
+			end(live.value);
+			live.value = start();
+		});
+		onBeforeUnmount(() => end(live.value));
+		watch([() => live.value.state.value, open], async () => {
+			await nextTick();
+			const el = logEl.value;
+			if (el) el.scrollTop = el.scrollHeight;
+		}, { flush: "post" });
+		function send() {
+			const { session, state } = live.value;
+			if (state.value.status === "streaming" || !input.value.trim()) return;
+			session.send(input.value);
+			input.value = "";
+		}
+		function retry() {
+			live.value.session.retry();
+		}
+		function onKeydown(event) {
+			if (event.key !== "Enter" || event.shiftKey || event.isComposing) return;
+			event.preventDefault();
+			send();
+		}
+		const label = () => props.triggerLabel ?? translate("chelone.assistant.trigger", { _: "Ask" });
+		const welcome = () => props.welcomeMessage ?? translate("chelone.assistant.welcome", { _: "Hi! Ask me anything." });
+		const placeholder = () => translate("chelone.assistant.placeholder", { _: "Ask…" });
+		const confirmTitle = () => translate("chelone.assistant.confirm", {
+			_: "Run {name}?",
+			name: pending.value?.call.toolName ?? ""
+		});
+		const confirmContent = () => JSON.stringify(pending.value?.call.args ?? {}, null, 2);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createVNode(button_default, {
+					class: normalizeClass(unref(cn)("fixed z-50 gap-2 rounded-full shadow-lg", triggerPosition[__props.placement])),
+					"aria-expanded": open.value,
+					"aria-controls": open.value ? unref(panelId) : void 0,
+					"data-slot": "assistant-trigger",
+					onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
+				}, {
+					default: withCtx(() => [createVNode(unref(MessageCircleIcon), { class: "size-4" }), createTextVNode(" " + toDisplayString(label()), 1)]),
+					_: 1
+				}, 8, [
+					"class",
+					"aria-expanded",
+					"aria-controls"
+				]),
+				open.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id: unref(panelId),
+					role: "dialog",
+					"aria-labelledby": unref(titleId),
+					"data-slot": "assistant-panel",
+					class: normalizeClass(unref(cn)("fixed z-50 flex max-h-[80vh] w-96 flex-col rounded-md border bg-background shadow-xl", panelPosition[__props.placement]))
+				}, [
+					createElementVNode("div", _hoisted_2, [createElementVNode("div", {
+						id: unref(titleId),
+						class: "text-sm font-medium"
+					}, toDisplayString(label()), 9, _hoisted_3), createElementVNode("button", {
+						type: "button",
+						"aria-label": unref(translate)("chelone.assistant.close", { _: "Close" }),
+						class: "rounded-md p-1 text-muted-foreground hover:bg-accent",
+						onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
+					}, [createVNode(unref(XIcon), { class: "size-4" })], 8, _hoisted_4)]),
+					createElementVNode("div", {
+						ref_key: "logEl",
+						ref: logEl,
+						role: "log",
+						"aria-live": "polite",
+						class: "flex flex-1 flex-col gap-2 overflow-y-auto p-3"
+					}, [live.value.state.value.messages.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(welcome()), 1)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(live.value.state.value.messages, (message, index) => {
+						return openBlock(), createElementBlock(Fragment, { key: index }, [message.role === "tool" ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(message.toolName) + " → " + toDisplayString(message.error ?? JSON.stringify(message.result)), 1)) : message.role === "user" || message.content ? (openBlock(), createElementBlock("div", {
+							key: 1,
+							"data-role": message.role,
+							class: normalizeClass(unref(cn)("max-w-[85%] whitespace-pre-wrap rounded-md px-2 py-1 text-sm", message.role === "user" ? "self-end bg-primary text-primary-foreground" : "self-start bg-muted"))
+						}, toDisplayString(message.content), 11, _hoisted_7)) : createCommentVNode("", true)], 64);
+					}), 128)), live.value.state.value.status === "streaming" ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(unref(translate)("chelone.assistant.thinking", { _: "Thinking…" })), 1)) : createCommentVNode("", true)], 512),
+					live.value.state.value.status === "error" ? (openBlock(), createElementBlock("div", _hoisted_9, [createElementVNode("span", null, toDisplayString(unref(translate)("chelone.assistant.error", { _: "Something went wrong." })) + " " + toDisplayString(live.value.state.value.error?.message), 1), createVNode(button_default, {
+						variant: "outline",
+						size: "sm",
+						onClick: retry
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("chelone.assistant.retry", { _: "Retry" })), 1)]),
+						_: 1
+					})])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_10, [withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => input.value = $event),
+						type: "text",
+						placeholder: placeholder(),
+						"aria-label": placeholder(),
+						"data-slot": "assistant-input",
+						class: "flex-1 rounded-md border bg-background px-2 py-1 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
+						onKeydown
+					}, null, 40, _hoisted_11), [[vModelText, input.value]]), live.value.state.value.status === "streaming" ? (openBlock(), createBlock(button_default, {
+						key: 0,
+						variant: "outline",
+						size: "icon",
+						class: "size-8",
+						"aria-label": unref(translate)("chelone.assistant.stop", { _: "Stop" }),
+						"data-slot": "assistant-stop",
+						onClick: _cache[3] || (_cache[3] = ($event) => live.value.session.stop())
+					}, {
+						default: withCtx(() => [createVNode(unref(SquareIcon), { class: "size-3" })]),
+						_: 1
+					}, 8, ["aria-label"])) : (openBlock(), createBlock(button_default, {
+						key: 1,
+						size: "icon",
+						class: "size-8",
+						disabled: !input.value.trim(),
+						"aria-label": unref(translate)("chelone.assistant.send", { _: "Send" }),
+						onClick: send
+					}, {
+						default: withCtx(() => [createVNode(unref(SendIcon), { class: "size-3" })]),
+						_: 1
+					}, 8, ["disabled", "aria-label"]))])
+				], 10, _hoisted_1)) : createCommentVNode("", true),
+				createVNode(confirm_default, {
+					"is-open": pending.value !== null,
+					title: confirmTitle(),
+					onConfirm: _cache[4] || (_cache[4] = ($event) => settle(true)),
+					onClose: _cache[5] || (_cache[5] = ($event) => settle(false))
+				}, {
+					default: withCtx(() => [createElementVNode("pre", _hoisted_12, toDisplayString(confirmContent()), 1)]),
+					_: 1
+				}, 8, ["is-open", "title"])
+			], 64);
+		};
+	}
+});
+export { assistant_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/layout/command-menu-content.js

@@ -0,0 +1,4 @@
+import command_menu_content_vue_vue_type_script_setup_true_lang_default from "./command-menu-content.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/layout/command-menu-content.vue
+var command_menu_content_default = command_menu_content_vue_vue_type_script_setup_true_lang_default;
+export { command_menu_content_default as default };

package/dist/components/admin/layout/command-menu-content.vue.d.ts

@@ -10,7 +10,9 @@ export interface CommandMenuContentProps {
     /** Registered commands plus the `actions` prop, in order. */
     commands: CommandMenuAction[];
 }
-declare const _default: import("vue").DefineComponent<CommandMenuContentProps & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<CommandMenuContentProps & {
     query: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
@@ -23,4 +25,3 @@ declare const _default: import("vue").DefineComponent<CommandMenuContentProps &
     "onUpdate:query"?: ((value: string) => any) | undefined;
     onRun?: ((action: CommandMenuAction) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;