@chelone/vue 0.7.0 → 0.9.0

package/dist/components/admin/inputs/rating-input.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,7 @@ import { toNumberValue } from "@chelone/core";
 var _hoisted_1 = ["data-invalid"];
 var _hoisted_2 = {
 	key: 0,
-	class: "text-sm font-medium leading-none",
+	class: "mb-3 text-sm font-medium leading-none",
 	"data-slot": "field-legend"
 };
 var _hoisted_3 = { key: 0 };
@@ -23,8 +23,11 @@ var _hoisted_5 = [
 	"disabled",
 	"onClick"
 ];
-var _hoisted_6 = ["fill"];
-var _hoisted_7 = ["points"];
+var _hoisted_6 = [
+	"width",
+	"viewBox",
+	"fill"
+];
 var rating_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "rating-input",
 	props: {
@@ -60,10 +63,11 @@ var rating_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const currentValue = computed(() => toNumberValue(value.value) ?? 0);
 		const stars = computed(() => Array.from({ length: steps.value }, (_, i) => {
 			const v = (i + 1) * stepValue.value;
+			const half = props.allowHalf ? v % 1 !== 0 ? "left" : "right" : void 0;
 			return {
 				v,
 				selected: currentValue.value >= v,
-				half: v % 1 !== 0
+				half
 			};
 		}));
 		const invalid = computed(() => touched.value && error.value != null);
@@ -72,8 +76,11 @@ var rating_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			if (props.disabled) return;
 			setValue(v);
 		}
-		const filledPoints = "12 2 15 9 22 9 16 14 18 22 12 17 6 22 8 14 2 9 9 9";
-		const halfPoints = "12 2 12 17 6 22 8 14 2 9 9 9";
+		const starPoints = "12 2 15 9 22 9 16 14 18 22 12 17 6 22 8 14 2 9 9 9";
+		const viewBoxes = {
+			left: "0 0 12 24",
+			right: "12 0 12 24"
+		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("fieldset", {
 				class: normalizeClass([props.class, "flex flex-col gap-3 border-0 p-0"]),
@@ -86,7 +93,7 @@ var rating_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					role: "radiogroup",
 					"aria-disabled": __props.disabled || void 0,
 					"aria-invalid": invalid.value || void 0,
-					class: "flex items-center gap-1"
+					class: normalizeClass(["flex items-center", __props.allowHalf ? "" : "gap-1"])
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(stars.value, (star) => {
 					return openBlock(), createElementBlock("button", {
 						key: star.v,
@@ -95,20 +102,25 @@ var rating_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 						"aria-checked": star.selected,
 						"aria-disabled": __props.disabled || void 0,
 						disabled: __props.disabled,
-						class: normalizeClass(["p-0.5 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring", __props.disabled ? "cursor-not-allowed opacity-50" : ""]),
+						class: normalizeClass(["py-0.5 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring", [
+							star.half === "left" ? "pl-0.5" : "",
+							star.half === "right" ? "pr-0.5 mr-1" : "",
+							star.half === void 0 ? "px-0.5" : "",
+							__props.disabled ? "cursor-not-allowed opacity-50" : ""
+						]]),
 						onClick: ($event) => pick(star.v),
 						onBlur: _cache[0] || (_cache[0] = (...args) => unref(blur) && unref(blur)(...args))
 					}, [(openBlock(), createElementBlock("svg", {
-						width: "20",
+						width: star.half ? 10 : 20,
 						height: "20",
-						viewBox: "0 0 24 24",
+						viewBox: star.half ? viewBoxes[star.half] : "0 0 24 24",
 						stroke: "currentColor",
 						"stroke-width": "1.5",
 						fill: star.selected ? "currentColor" : "none",
 						class: "text-yellow-500",
 						"aria-hidden": "true"
-					}, [createElementVNode("polygon", { points: __props.allowHalf && star.half ? halfPoints : filledPoints }, null, 8, _hoisted_7)], 8, _hoisted_6))], 42, _hoisted_5);
-				}), 128))], 8, _hoisted_4),
+					}, [createElementVNode("polygon", { points: starPoints })], 8, _hoisted_6))], 42, _hoisted_5);
+				}), 128))], 10, _hoisted_4),
 				invalid.value ? (openBlock(), createBlock(unref(FieldError), { key: 1 }, {
 					default: withCtx(() => [createVNode(validation_error_default, { error: unref(error) }, null, 8, ["error"])]),
 					_: 1

package/dist/components/admin/inputs/reference-input.vue.d.ts

@@ -7,7 +7,7 @@
  * native `<select>` (the reka-ui combobox autocomplete is a later wave — spec
  * Risk 1). Choice labels use the reference's record representation.
  */
-import type { SourceProp, Validator } from "@chelone/core";
+import { type SourceProp, type Validator } from "@chelone/core";
 /** Props for {@link ReferenceInput}. */
 export interface ReferenceInputProps {
     source: SourceProp;

package/dist/components/admin/inputs/reference-input.vue_vue_type_script_setup_true_lang.js

@@ -6,6 +6,7 @@ import native_select_default from "../../ui/native-select.js";
 import validation_error_default from "../common/validation-error.js";
 import { humanizeSource } from "./label-text.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { DEFAULT_REFERENCE_PER_PAGE } from "@chelone/core";
 // src/components/admin/inputs/reference-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 0 };
 var reference_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -38,7 +39,7 @@ var reference_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		});
 		const query = useGetList(props.reference, () => ({ pagination: {
 			page: 1,
-			perPage: props.perPage ?? 25
+			perPage: props.perPage ?? DEFAULT_REFERENCE_PER_PAGE
 		} }));
 		const getRepresentation = useGetRecordRepresentation(props.reference);
 		const choices = computed(() => {

package/dist/components/admin/inputs/resettable-text-input.vue.d.ts

@@ -1,10 +1,12 @@
 /**
  * `<ResettableTextInput>` — a text input with a clear (×) button that resets the
  * field value, the Vue analog of `@chelone/react`'s
- * `inputs/resettable-text-input.tsx`. Wraps `<TextInput>` and hangs a ghost
- * button off the right edge; it appears only when the field has a value (unless
- * `clearAlwaysVisible`). Clicking it writes `""` (an empty string, not `null` —
- * consistent with the coercion fix) so the control stays a controlled string.
+ * `inputs/resettable-text-input.tsx`. Wraps `<TextInput>` and overlays a ghost
+ * button on the control through its `controlSuffix` slot, so the button is centred
+ * on the control with or without a label, helper text or an error. It appears only
+ * when the field has a value (unless `clearAlwaysVisible`). Clicking it writes `""`
+ * (an empty string, not `null` — consistent with the coercion fix) so the control
+ * stays a controlled string.
  *
  * Rebridge note: the React twin read the live value via the `useWatch` RHF shim
  * and cleared via `form.ambient.setFieldValue`. Here we OBSERVE the ambient form store

package/dist/components/admin/inputs/resettable-text-input.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
 import button_default from "../../ui/button.js";
 import text_input_default from "./text-input.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
+import { computed, createBlock, createElementVNode, createSlots, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
 // src/components/admin/inputs/resettable-text-input.vue?vue&type=script&setup=true&lang.ts
 var resettable_text_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "resettable-text-input",
@@ -35,10 +35,12 @@ var resettable_text_input_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 		/**
 		* `<ResettableTextInput>` — a text input with a clear (×) button that resets the
 		* field value, the Vue analog of `@chelone/react`'s
-		* `inputs/resettable-text-input.tsx`. Wraps `<TextInput>` and hangs a ghost
-		* button off the right edge; it appears only when the field has a value (unless
-		* `clearAlwaysVisible`). Clicking it writes `""` (an empty string, not `null` —
-		* consistent with the coercion fix) so the control stays a controlled string.
+		* `inputs/resettable-text-input.tsx`. Wraps `<TextInput>` and overlays a ghost
+		* button on the control through its `controlSuffix` slot, so the button is centred
+		* on the control with or without a label, helper text or an error. It appears only
+		* when the field has a value (unless `clearAlwaysVisible`). Clicking it writes `""`
+		* (an empty string, not `null` — consistent with the coercion fix) so the control
+		* stays a controlled string.
 		*
 		* Rebridge note: the React twin read the live value via the `useWatch` RHF shim
 		* and cleared via `form.ambient.setFieldValue`. Here we OBSERVE the ambient form store
@@ -58,14 +60,13 @@ var resettable_text_input_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 			const v = form.ambient.getFieldValue(wrappedSource);
 			return v != null && v !== "";
 		});
-		const hasLabel = computed(() => props.label !== false);
 		const showClearButton = computed(() => props.resettable && (props.clearAlwaysVisible || hasValue.value));
 		const clearLabel = computed(() => translate("ra.action.clear_input_value", { _: "Clear value" }));
 		function handleClear() {
 			form.ambient.setFieldValue(wrappedSource, "");
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("relative", props.class)) }, [createVNode(text_input_default, {
+			return openBlock(), createBlock(text_input_default, {
 				source: __props.source,
 				label: __props.label,
 				"default-value": __props.defaultValue,
@@ -74,8 +75,41 @@ var resettable_text_input_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 				placeholder: __props.placeholder,
 				disabled: __props.disabled,
 				readonly: __props.readonly,
+				class: normalizeClass(props.class),
 				"input-class": unref(cn)(__props.resettable ? "pr-9" : void 0, __props.inputClass)
-			}, null, 8, [
+			}, createSlots({ _: 2 }, [showClearButton.value ? {
+				name: "controlSuffix",
+				fn: withCtx(() => [createVNode(button_default, {
+					"data-slot": "reset",
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					class: "absolute right-1 top-1/2 size-7 -translate-y-1/2 text-muted-foreground",
+					disabled: __props.disabled || __props.readonly || !hasValue.value,
+					"aria-label": clearLabel.value,
+					title: clearLabel.value,
+					tabindex: -1,
+					onClick: handleClear
+				}, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "size-4",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"aria-hidden": "true"
+					}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])]),
+					_: 1
+				}, 8, [
+					"disabled",
+					"aria-label",
+					"title"
+				])]),
+				key: "0"
+			} : void 0]), 1032, [
 				"source",
 				"label",
 				"default-value",
@@ -84,38 +118,9 @@ var resettable_text_input_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 				"placeholder",
 				"disabled",
 				"readonly",
-				"input-class"
-			]), showClearButton.value ? (openBlock(), createBlock(button_default, {
-				key: 0,
-				"data-slot": "reset",
-				type: "button",
-				variant: "ghost",
-				size: "icon",
-				class: normalizeClass(unref(cn)("absolute right-1 size-7 text-muted-foreground", hasLabel.value ? "top-6" : "top-1")),
-				disabled: __props.disabled || __props.readonly || !hasValue.value,
-				"aria-label": clearLabel.value,
-				title: clearLabel.value,
-				tabindex: -1,
-				onClick: handleClear
-			}, {
-				default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					class: "size-4",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"aria-hidden": "true"
-				}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])]),
-				_: 1
-			}, 8, [
 				"class",
-				"disabled",
-				"aria-label",
-				"title"
-			])) : createCommentVNode("", true)], 2);
+				"input-class"
+			]);
 		};
 	}
 });

package/dist/components/admin/inputs/subscription-plan-picker.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,7 @@ import { toTextValue } from "@chelone/core";
 var _hoisted_1 = ["data-invalid"];
 var _hoisted_2 = {
 	key: 0,
-	class: "text-sm font-medium leading-none"
+	class: "mb-3 text-sm font-medium leading-none"
 };
 var _hoisted_3 = { key: 0 };
 var _hoisted_4 = [
@@ -85,7 +85,7 @@ var subscription_plan_picker_vue_vue_type_script_setup_true_lang_default = /*@__
 				createElementVNode("div", {
 					id: unref(id),
 					role: "radiogroup",
-					class: "grid gap-3 sm:grid-cols-3",
+					class: "grid grid-cols-[repeat(auto-fit,minmax(11rem,1fr))] gap-3",
 					"aria-disabled": __props.disabled || void 0,
 					"aria-invalid": invalid.value || void 0
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.plans, (plan) => {

package/dist/components/admin/inputs/text-input.vue.d.ts

@@ -4,6 +4,10 @@
  * the shadcn `Field` + `Input` primitives. The error is the already-displayable
  * `string | TranslatableMessage` off `useInput` (rendered through
  * `<ValidationError>`), never an RHF `error.root.message`.
+ *
+ * The control sits in a row of its own with the `controlSuffix` slot, so a wrapper
+ * can overlay a button on it and have that button centred on the control whatever
+ * the field renders above or below the row.
  */
 import { type Validator } from "@chelone/core";
 import type { SourceProp } from "@chelone/core";
@@ -26,6 +30,13 @@ export interface TextInputProps {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<TextInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextInputProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TextInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextInputProps> & Readonly<{}>, {
     label: string | false;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    controlSuffix?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/inputs/text-input.vue_vue_type_script_setup_true_lang.js

@@ -3,10 +3,11 @@ 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 { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 import { toTextValue } from "@chelone/core";
 // src/components/admin/inputs/text-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 0 };
+var _hoisted_2 = { class: "relative flex items-center" };
 var text_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "text-input",
 	props: {
@@ -34,6 +35,10 @@ var text_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		* the shadcn `Field` + `Input` primitives. The error is the already-displayable
 		* `string | TranslatableMessage` off `useInput` (rendered through
 		* `<ValidationError>`), never an RHF `error.root.message`.
+		*
+		* The control sits in a row of its own with the `controlSuffix` slot, so a wrapper
+		* can overlay a button on it and have that button centred on the control whatever
+		* the field renders above or below the row.
 		*/
 		const props = __props;
 		const { id, value, setValue, blur, error, touched, isRequired } = useInput({
@@ -58,7 +63,7 @@ var text_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 						default: withCtx(() => [createTextVNode(toDisplayString(labelText.value), 1), unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1, " *")) : createCommentVNode("", true)]),
 						_: 1
 					}, 8, ["html-for"])) : createCommentVNode("", true),
-					createVNode(input_default, {
+					createElementVNode("div", _hoisted_2, [createVNode(input_default, {
 						id: unref(id),
 						type: __props.type ?? "text",
 						"model-value": unref(value),
@@ -84,13 +89,13 @@ var text_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 						"class",
 						"onUpdate:modelValue",
 						"onBlur"
-					]),
+					]), renderSlot(_ctx.$slots, "controlSuffix")]),
 					invalid.value ? (openBlock(), createBlock(unref(FieldError), { key: 1 }, {
 						default: withCtx(() => [createVNode(validation_error_default, { error: unref(error) }, null, 8, ["error"])]),
 						_: 1
 					})) : createCommentVNode("", true)
 				]),
-				_: 1
+				_: 3
 			}, 8, ["class", "data-invalid"]);
 		};
 	}

package/dist/components/admin/inputs/time-input.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,9 @@
 import { useInput } from "../../../form/use-input.js";
 import { Field, FieldError, FieldLabel } from "../../ui/field.js";
+import { cn } from "../../../lib/utils.js";
 import input_default from "../../ui/input.js";
 import validation_error_default from "../common/validation-error.js";
-import { formatTime, isValidTime, parseTimeToDate } from "./date-input-format.js";
+import { PICKER_INPUT_CLASS, formatTime, isValidTime, parseTimeToDate } from "./date-input-format.js";
 import { humanizeSource } from "./label-text.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
 import { textOf, toDateInputValue, toTextValue } from "@chelone/core";
@@ -82,7 +83,7 @@ var time_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 						disabled: __props.disabled,
 						readonly: __props.readonly,
 						"aria-invalid": invalid.value,
-						class: normalizeClass(__props.inputClass),
+						class: normalizeClass(unref(cn)(unref(PICKER_INPUT_CLASS), __props.inputClass)),
 						onFocus: _cache[0] || (_cache[0] = ($event) => focused.value = true),
 						"onUpdate:modelValue": onInput,
 						onBlur

package/dist/components/admin/inputs/use-choice-input.d.ts

@@ -21,9 +21,9 @@
  * / `resource` / `isFromReference` are stable per context, so they are read once
  * (parity with the twin's `useState` capture of the reference options).
  */
-import { type ChoiceValueOf, type SourcePath, type SourceProp } from "@chelone/core";
+import { type ChoiceRecord, type ChoiceValueOf, type SourcePath, type SourceProp } from "@chelone/core";
 import { type ComputedRef } from "vue";
-import { type ChoiceRecord, type OptionText } from "../../../choices/use-choices.js";
+import { type OptionText } from "../../../choices/use-choices.js";
 /** Options for {@link useChoiceInput}. */
 export interface UseChoiceInputOptions<TChoice extends ChoiceRecord = ChoiceRecord> {
     /** Component name used in the "must provide the source prop" error. */

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

@@ -1,12 +1,21 @@
 /** 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: typeof __VLS_export;
 export default _default;
@@ -14,6 +23,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AppSid
     brand: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     'brand-icon'?: (props: {}) => any;
+} & {
+    brand?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;

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

@@ -3,7 +3,8 @@ 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, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+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" };
@@ -11,19 +12,26 @@ var app_sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 	__name: "app-sidebar",
 	props: {
 		brand: { default: "Chelone" },
-		brandTo: {}
+		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); the content defaults to `<Menu>` (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 to = computed(() => props.brandTo ?? `${basename}/`);
+		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",
@@ -33,11 +41,7 @@ var app_sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					createVNode(unref(SidebarHeader), null, {
 						default: withCtx(() => [createVNode(unref(SidebarMenu), null, {
 							default: withCtx(() => [createVNode(unref(SidebarMenuItem), null, {
-								default: withCtx(() => [createVNode(unref(sidebar_menu_button_default), {
-									as: unref(RouterLink),
-									to: to.value,
-									size: "lg"
-								}, {
+								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",
@@ -47,9 +51,9 @@ var app_sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 										"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, toDisplayString(__props.brand), 1)]),
+									}, [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
-								}, 8, ["as", "to"])]),
+								}, 16)]),
 								_: 3
 							})]),
 							_: 3

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

@@ -155,7 +155,7 @@ var command_menu_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
-				createVNode(unref(command_input_default), { placeholder: __props.placeholder ?? unref(translate)("chelone.command_menu.placeholder", { _: "Type a command or search..." }) }, null, 8, ["placeholder"]),
+				createVNode(unref(command_input_default), { placeholder: __props.placeholder ?? unref(translate)("chelone.command_menu.placeholder", { _: "Search or run a command..." }) }, null, 8, ["placeholder"]),
 				createVNode(unref(CommandList), null, {
 					default: withCtx(() => [
 						createVNode(unref(CommandEmpty), null, {

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

@@ -13,7 +13,7 @@ export interface CommandMenuProps {
     searchFields?: Record<string, string>;
     /** Most record hits per resource. Default `5`. */
     perResourceLimit?: number;
-    /** Most pages kept under Recent. Default `5`. */
+    /** Most pages kept under Recent. Default `10`. */
     recentsLimit?: number;
     /** Commands to list beside the built-in ones. */
     actions?: CommandMenuAction[];

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

@@ -1,13 +1,10 @@
 import { useCheloneNotifications } from "../../../context.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
-import command_default from "../../ui/command/command.js";
 import command_dialog_default from "../../ui/command/command-dialog.js";
-import sheet_default from "../../ui/sheet.js";
-import { useIsMobile } from "../../ui/sidebar/use-is-mobile.js";
 import command_menu_content_default from "./command-menu-content.js";
 import { CommandMenuKey } from "./command-menu-context.js";
-import { Fragment, computed, createBlock, createElementBlock, createVNode, defineComponent, nextTick, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, ref, renderSlot, shallowRef, unref, watch, withCtx } from "vue";
-import { createCommandRegistry, shouldHandleHotkey } from "@chelone/core";
+import { Fragment, computed, createElementBlock, createVNode, defineComponent, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, ref, renderSlot, shallowRef, unref, withCtx } from "vue";
+import { DEFAULT_RECENTS_LIMIT, DEFAULT_SEARCH_DEBOUNCE_MS, createCommandRegistry, shouldHandleHotkey } from "@chelone/core";
 // src/components/admin/layout/command-menu.vue?vue&type=script&setup=true&lang.ts
 var command_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "command-menu",
@@ -19,10 +16,10 @@ var command_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		resources: { default: void 0 },
 		searchFields: { default: () => ({}) },
 		perResourceLimit: { default: 5 },
-		recentsLimit: { default: 5 },
+		recentsLimit: { default: DEFAULT_RECENTS_LIMIT },
 		actions: { default: () => [] },
 		placeholder: { default: void 0 },
-		searchDebounceMs: { default: 250 }
+		searchDebounceMs: { default: DEFAULT_SEARCH_DEBOUNCE_MS }
 	},
 	setup(__props) {
 		/**
@@ -32,13 +29,11 @@ var command_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		* slot of `<Admin>`): the default slot renders inside the provider and outside
 		* the dialog, so descendants can call `useCommandMenu` and `useRegisterCommand`.
 		*
-		* It is a `CommandDialog` on a wide screen and a bottom `Sheet` holding a
-		* `Command` on a narrow one.
+		* It is a `CommandDialog` on every screen size.
 		*/
 		const props = __props;
 		const translate = useTranslate();
 		const notifications = useCheloneNotifications();
-		const isMobile = useIsMobile();
 		const isOpen = ref(false);
 		const query = ref("");
 		function open() {
@@ -78,12 +73,6 @@ var command_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		}
 		onMounted(() => window.addEventListener("keydown", onKeydown));
 		onBeforeUnmount(() => window.removeEventListener("keydown", onKeydown));
-		const sheetCommand = ref(null);
-		watch(isOpen, async (opened) => {
-			if (!opened || !isMobile.value) return;
-			await nextTick();
-			sheetCommand.value?.$el.querySelector("input")?.focus();
-		});
 		function onOpenChange(next) {
 			if (next) open();
 			else close();
@@ -101,52 +90,9 @@ var command_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			}
 		}
 		const title = computed(() => translate("chelone.command_menu.title", { _: "Command menu" }));
-		const description = computed(() => translate("chelone.command_menu.description", { _: "Search resources and records, or run an action." }));
+		const description = computed(() => translate("chelone.command_menu.description", { _: "Jump to a page or record, or run an action." }));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "default"), unref(isMobile) ? (openBlock(), createBlock(sheet_default, {
-				key: 0,
-				side: "bottom",
-				open: isOpen.value,
-				title: title.value,
-				description: description.value,
-				"onUpdate:open": onOpenChange
-			}, {
-				default: withCtx(() => [createVNode(unref(command_default), {
-					ref_key: "sheetCommand",
-					ref: sheetCommand,
-					class: "-mx-4 h-auto"
-				}, {
-					default: withCtx(() => [createVNode(command_menu_content_default, {
-						query: query.value,
-						"onUpdate:query": _cache[0] || (_cache[0] = ($event) => query.value = $event),
-						resources: __props.resources,
-						"search-fields": __props.searchFields,
-						"per-resource-limit": __props.perResourceLimit,
-						"recents-limit": __props.recentsLimit,
-						"search-debounce-ms": __props.searchDebounceMs,
-						placeholder: __props.placeholder,
-						commands: commands.value,
-						onClose: close,
-						onRun: run
-					}, null, 8, [
-						"query",
-						"resources",
-						"search-fields",
-						"per-resource-limit",
-						"recents-limit",
-						"search-debounce-ms",
-						"placeholder",
-						"commands"
-					])]),
-					_: 1
-				}, 512)]),
-				_: 1
-			}, 8, [
-				"open",
-				"title",
-				"description"
-			])) : (openBlock(), createBlock(unref(command_dialog_default), {
-				key: 1,
+			return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "default"), createVNode(unref(command_dialog_default), {
 				open: isOpen.value,
 				title: title.value,
 				description: description.value,
@@ -154,7 +100,7 @@ var command_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			}, {
 				default: withCtx(() => [createVNode(command_menu_content_default, {
 					query: query.value,
-					"onUpdate:query": _cache[1] || (_cache[1] = ($event) => query.value = $event),
+					"onUpdate:query": _cache[0] || (_cache[0] = ($event) => query.value = $event),
 					resources: __props.resources,
 					"search-fields": __props.searchFields,
 					"per-resource-limit": __props.perResourceLimit,
@@ -179,7 +125,7 @@ var command_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				"open",
 				"title",
 				"description"
-			]))], 64);
+			])], 64);
 		};
 	}
 });

package/dist/components/admin/layout/data-provider-devtools-entry.vue.d.ts

@@ -3,7 +3,7 @@
  * of a failed call, and its params and result as indented JSON under a
  * disclosure.
  */
-import type { DataProviderLogEntry } from "@chelone/core";
+import { type DataProviderLogEntry } from "@chelone/core";
 type __VLS_Props = {
     entry: DataProviderLogEntry;
 };