@chelone/vue 0.7.0 → 0.10.0

package/dist/components/admin/layout/data-provider-devtools-entry.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { DEVTOOLS_MAX_VALUE_LENGTH } from "@chelone/core";
 // src/components/admin/layout/data-provider-devtools-entry.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-status"];
 var _hoisted_2 = { class: "flex items-baseline gap-2" };
@@ -17,8 +18,6 @@ var _hoisted_10 = { class: "max-h-48 overflow-auto rounded bg-muted p-2 whitespa
 var _hoisted_11 = { key: 1 };
 var _hoisted_12 = { class: "text-muted-foreground" };
 var _hoisted_13 = { class: "max-h-48 overflow-auto rounded bg-muted p-2 whitespace-pre-wrap break-all" };
-var maxValueLength = 2e3;
-/** The value as indented JSON cut to `maxValueLength`, or `undefined` when there is none to show. */
 var data_provider_devtools_entry_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "data-provider-devtools-entry",
 	props: { entry: {} },
@@ -30,9 +29,10 @@ var data_provider_devtools_entry_vue_vue_type_script_setup_true_lang_default = /
 		*/
 		const props = __props;
 		const translate = useTranslate();
+		/** The value as indented JSON cut to `DEVTOOLS_MAX_VALUE_LENGTH`, or `undefined` when there is none to show. */
 		function show(value) {
 			try {
-				return JSON.stringify(value, null, 2)?.slice(0, maxValueLength);
+				return JSON.stringify(value, null, 2)?.slice(0, DEVTOOLS_MAX_VALUE_LENGTH);
 			} catch {
 				return "[unserializable]";
 			}

package/dist/components/admin/layout/data-provider-devtools.vue_vue_type_script_setup_true_lang.js

@@ -1,21 +1,28 @@
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { cn } from "../../../lib/utils.js";
 import button_default from "../../ui/button.js";
+import { buttonVariants } from "../../ui/button-variants.js";
 import data_provider_devtools_entry_default from "./data-provider-devtools-entry.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, shallowRef, toDisplayString, unref, watch, withCtx } from "vue";
+import { ActivityIcon } from "./icons.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, shallowRef, toDisplayString, unref, watch, withCtx } from "vue";
 import { shouldHandleHotkey } from "@chelone/core";
 // src/components/admin/layout/data-provider-devtools.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label", "data-open"];
-var _hoisted_2 = ["data-open"];
-var _hoisted_3 = { class: "font-semibold" };
-var _hoisted_4 = { class: "text-muted-foreground tabular-nums" };
-var _hoisted_5 = {
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	"data-slot": "data-provider-devtools-badge",
+	class: "absolute top-0 right-0 min-w-4 -translate-y-1/2 translate-x-1/2 rounded-full bg-primary px-1 text-center text-[10px] leading-4 text-primary-foreground tabular-nums"
+};
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = { class: "flex items-center gap-2 border-b px-3 py-1.5" };
+var _hoisted_5 = { class: "font-semibold" };
+var _hoisted_6 = { class: "text-muted-foreground tabular-nums" };
+var _hoisted_7 = {
 	key: 0,
 	class: "px-3 py-2 text-muted-foreground"
 };
-var _hoisted_6 = {
+var _hoisted_8 = {
 	key: 1,
-	class: "overflow-y-auto"
+	class: "min-h-0 flex-1 overflow-y-auto"
 };
 var data_provider_devtools_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "data-provider-devtools",
@@ -30,11 +37,13 @@ var data_provider_devtools_vue_vue_type_script_setup_true_lang_default = /*@__PU
 	},
 	setup(__props) {
 		/**
-		* `<DataProviderDevtools>` — a floating panel at the bottom right that lists
-		* the calls a `createDataProviderLog` log has recorded: method, resource,
-		* duration and, for a failed call, the error. The Vue twin of
+		* `<DataProviderDevtools>` — a round button at the bottom right carrying a
+		* badge with the number of calls a `createDataProviderLog` log has recorded.
+		* Activating it opens a panel listing those calls: method, resource, duration
+		* and, for a failed call, the error. The panel's Hide button, or the
+		* `shortcut`, closes it back to the button. The Vue twin of
 		* `@chelone/react`'s `layout/data-provider-devtools.tsx`. Wrap the data
-		* provider with `log.wrap`, then mount the panel once, in the layout.
+		* provider with `log.wrap`, then mount the component once, in the layout.
 		*/
 		const props = __props;
 		const translate = useTranslate();
@@ -48,6 +57,7 @@ var data_provider_devtools_vue_vue_type_script_setup_true_lang_default = /*@__PU
 			}));
 		}, { immediate: true });
 		const entries = computed(() => [...snapshot.value.entries].reverse());
+		const title = () => translate("chelone.devtools.title", { _: "Data provider" });
 		function onKeydown(event) {
 			const target = event.target instanceof HTMLElement ? event.target : null;
 			if (!shouldHandleHotkey(event, props.shortcut, target)) return;
@@ -56,24 +66,48 @@ var data_provider_devtools_vue_vue_type_script_setup_true_lang_default = /*@__PU
 		}
 		onMounted(() => window.addEventListener("keydown", onKeydown));
 		onBeforeUnmount(() => window.removeEventListener("keydown", onKeydown));
+		const triggerRef = ref(null);
+		const panelRef = ref(null);
+		watch(open, (opened) => {
+			nextTick(() => {
+				const focused = document.activeElement;
+				if (focused !== null && focused !== document.body && focused.isConnected) return;
+				(opened ? panelRef : triggerRef).value?.focus();
+			});
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("section", {
-				"aria-label": unref(translate)("chelone.devtools.title", { _: "Data provider" }),
+			return !open.value ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				ref_key: "triggerRef",
+				ref: triggerRef,
+				type: "button",
+				"aria-expanded": false,
+				"aria-label": `${title()} (${snapshot.value.entries.length})`,
+				"data-slot": "data-provider-devtools",
+				"data-open": false,
+				class: normalizeClass(unref(cn)(unref(buttonVariants)({
+					variant: "outline",
+					size: "icon"
+				}), "fixed right-4 bottom-4 z-50 rounded-full shadow-lg", props.class)),
+				onClick: _cache[0] || (_cache[0] = ($event) => open.value = true)
+			}, [createVNode(unref(ActivityIcon)), createElementVNode("span", _hoisted_2, toDisplayString(snapshot.value.entries.length), 1)], 10, _hoisted_1)) : (openBlock(), createElementBlock("section", {
+				key: 1,
+				ref_key: "panelRef",
+				ref: panelRef,
+				tabindex: "-1",
+				"aria-label": title(),
 				"data-slot": "data-provider-devtools",
-				"data-open": open.value,
+				"data-open": true,
 				class: normalizeClass(unref(cn)("fixed right-4 bottom-4 z-50 flex max-h-[70vh] w-96 max-w-[calc(100vw-2rem)] flex-col rounded-lg border bg-popover text-xs text-popover-foreground shadow-lg", props.class))
-			}, [createElementVNode("header", {
-				class: "flex items-center gap-2 border-b px-3 py-1.5 data-[open=false]:border-b-0",
-				"data-open": open.value
-			}, [
-				createElementVNode("span", _hoisted_3, toDisplayString(unref(translate)("chelone.devtools.title", { _: "Data provider" })), 1),
-				createElementVNode("span", _hoisted_4, toDisplayString(snapshot.value.entries.length), 1),
+			}, [createElementVNode("header", _hoisted_4, [
+				createElementVNode("span", _hoisted_5, toDisplayString(title()), 1),
+				createElementVNode("span", _hoisted_6, toDisplayString(snapshot.value.entries.length), 1),
 				createVNode(button_default, {
 					type: "button",
 					variant: "ghost",
 					size: "sm",
 					class: "ml-auto h-6 px-2",
-					onClick: _cache[0] || (_cache[0] = ($event) => props.log.clear())
+					onClick: _cache[1] || (_cache[1] = ($event) => props.log.clear())
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("chelone.devtools.clear", { _: "Clear" })), 1)]),
 					_: 1
@@ -83,18 +117,18 @@ var data_provider_devtools_vue_vue_type_script_setup_true_lang_default = /*@__PU
 					variant: "ghost",
 					size: "sm",
 					class: "h-6 px-2",
-					"aria-expanded": open.value,
-					onClick: _cache[1] || (_cache[1] = ($event) => open.value = !open.value)
+					"aria-expanded": true,
+					onClick: _cache[2] || (_cache[2] = ($event) => open.value = false)
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(open.value ? unref(translate)("chelone.devtools.hide", { _: "Hide" }) : unref(translate)("chelone.devtools.show", { _: "Show" })), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("chelone.devtools.hide", { _: "Hide" })), 1)]),
 					_: 1
-				}, 8, ["aria-expanded"])
-			], 8, _hoisted_2), open.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [entries.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(unref(translate)("chelone.devtools.empty", { _: "No calls yet" })), 1)) : (openBlock(), createElementBlock("ul", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (entry) => {
+				})
+			]), entries.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(unref(translate)("chelone.devtools.empty", { _: "No calls yet" })), 1)) : (openBlock(), createElementBlock("ul", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (entry) => {
 				return openBlock(), createBlock(data_provider_devtools_entry_default, {
 					key: entry.id,
 					entry
 				}, null, 8, ["entry"]);
-			}), 128))]))], 64)) : createCommentVNode("", true)], 10, _hoisted_1);
+			}), 128))]))], 10, _hoisted_3));
 		};
 	}
 });

package/dist/components/admin/layout/icons.d.ts

@@ -20,3 +20,5 @@ export declare const SendIcon: FunctionalComponent;
 export declare const SquareIcon: FunctionalComponent;
 /** The assistant close glyph (a cross). */
 export declare const XIcon: FunctionalComponent;
+/** The data provider devtools trigger glyph (a pulse line). */
+export declare const ActivityIcon: FunctionalComponent;

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

@@ -38,4 +38,6 @@ var SendIcon = glyph(["M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0
 var SquareIcon = glyph(["M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"]);
 /** The assistant close glyph (a cross). */
 var XIcon = glyph(["M18 6 6 18", "m6 6 12 12"]);
-export { HouseIcon, ListIcon, LogOutIcon, MessageCircleIcon, SendIcon, SquareIcon, XIcon };
+/** The data provider devtools trigger glyph (a pulse line). */
+var ActivityIcon = glyph(["M22 12h-4l-3 9L9 3l-3 9H2"]);
+export { ActivityIcon, HouseIcon, ListIcon, LogOutIcon, MessageCircleIcon, SendIcon, SquareIcon, XIcon };

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

@@ -7,7 +7,7 @@ import { createBlock, createElementVNode, createVNode, defineComponent, openBloc
 // src/components/admin/layout/layout.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	"data-slot": "layout-main",
-	class: "ml-auto flex h-svh w-full max-w-full flex-1 flex-col"
+	class: "ml-auto flex h-svh w-full max-w-full min-w-0 flex-1 flex-col"
 };
 var _hoisted_2 = {
 	id: "main-content",

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

@@ -21,6 +21,11 @@ export interface MenuItemLinkProps {
     class?: string;
     /** Click handler invoked alongside the default navigation (e.g. close the mobile drawer). */
     onClick?: () => void;
+    /**
+     * Keys that navigate to `to` from anywhere on the page, such as `"mod+1"` or
+     * `"alt+/"`, shown after the label. `mod` is Cmd or Ctrl.
+     */
+    keyboardShortcut?: string;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/admin/layout/menu-item-link.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,12 @@
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { useBasename } from "../../../router/adapter.js";
-import { useMatch } from "../../../router/nav-composables.js";
+import { useMatch, useNavigate } from "../../../router/nav-composables.js";
 import { SidebarContextKey } from "../../ui/sidebar/sidebar-context.js";
 import sidebar_menu_button_default from "../../ui/sidebar/sidebar-menu-button.js";
 import { SidebarMenuItem } from "../../ui/sidebar/sidebar-parts.js";
-import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import keyboard_shortcut_default from "../common/keyboard-shortcut.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, onMounted, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { shouldHandleHotkey } from "@chelone/core";
 import { RouterLink } from "vue-router";
 // src/components/admin/layout/menu-item-link.vue?vue&type=script&setup=true&lang.ts
 var menu_item_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -14,7 +16,8 @@ var menu_item_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		label: {},
 		icon: {},
 		class: {},
-		onClick: { type: Function }
+		onClick: { type: Function },
+		keyboardShortcut: {}
 	},
 	setup(__props) {
 		/**
@@ -27,10 +30,11 @@ var menu_item_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		* building block for `<DashboardMenuItem>` / `<ResourceMenuItem>` and for custom
 		* `<Menu>` children.
 		*
-		* Vue divergences from the React twin: the keyboard-shortcut binding and the
-		* collapsed-rail `<Tooltip>` wrapper are NOT ported yet (those React
-		* sub-components have no Vue twin in this wave) — a later surface-parity wave.
-		* Navigation uses vue-router's `<RouterLink>` (the framework link), and `onClick`
+		* Vue divergences from the React twin: the collapsed-rail `<Tooltip>` wrapper
+		* is NOT ported yet (that React sub-component has no Vue twin in this wave) — a
+		* later surface-parity wave. `keyboardShortcut` reads core's hotkey grammar
+		* (`mod`, `shift`, `alt`), so `ctrl` and `cmd` are not aliases here, and
+		* `keyboardShortcutRepresentation` has no slot yet. Navigation uses vue-router's `<RouterLink>` (the framework link), and `onClick`
 		* is a prop invoked on click rather than a synthetic-event handler.
 		*/
 		const props = __props;
@@ -43,6 +47,16 @@ var menu_item_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		});
 		const isActive = computed(() => match.value != null);
 		const text = computed(() => translate(props.label, { _: props.label }));
+		const navigate = useNavigate();
+		function onShortcut(event) {
+			if (!props.keyboardShortcut) return;
+			const target = event.target instanceof HTMLElement ? event.target : null;
+			if (!shouldHandleHotkey(event, props.keyboardShortcut, target)) return;
+			event.preventDefault();
+			navigate(props.to);
+		}
+		onMounted(() => window.addEventListener("keydown", onShortcut));
+		onBeforeUnmount(() => window.removeEventListener("keydown", onShortcut));
 		function onClick() {
 			props.onClick?.();
 			if (sidebar?.openMobile.value) sidebar.setOpenMobile(false);
@@ -59,7 +73,12 @@ var menu_item_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					default: withCtx(() => [
 						__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true),
 						renderSlot(_ctx.$slots, "icon"),
-						createElementVNode("span", null, toDisplayString(text.value), 1)
+						createElementVNode("span", null, toDisplayString(text.value), 1),
+						__props.keyboardShortcut ? (openBlock(), createBlock(keyboard_shortcut_default, {
+							key: 1,
+							"keyboard-shortcut": __props.keyboardShortcut,
+							class: "ml-auto"
+						}, null, 8, ["keyboard-shortcut"])) : createCommentVNode("", true)
 					]),
 					_: 3
 				}, 8, [

package/dist/components/admin/layout/onboarding-tour-overlay.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useTranslate } from "../../../i18n/use-translate.js";
 import button_default from "../../ui/button.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
-import { placeTourCard, tourSpotlightPath } from "@chelone/core";
+import { REMEASURE_MS, placeTourCard, tourSpotlightPath } from "@chelone/core";
 // src/components/admin/layout/onboarding-tour-overlay.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { "data-slot": "onboarding-tour" };
 var _hoisted_2 = ["data-side", "aria-labelledby"];
@@ -9,7 +9,6 @@ var _hoisted_3 = { class: "text-sm text-muted-foreground" };
 var _hoisted_4 = { class: "mt-4 flex items-center gap-2" };
 var _hoisted_5 = { class: "mr-auto text-xs text-muted-foreground" };
 var nextTitleId = 0;
-var REMEASURE_MS = 250;
 function findTarget(selector) {
 	try {
 		return document.querySelector(selector);

package/dist/components/admin/layout/resource-menu-item-group.vue.d.ts

@@ -14,4 +14,11 @@ export interface ResourceMenuItemGroupProps {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<ResourceMenuItemGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ResourceMenuItemGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ResourceMenuItemGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ResourceMenuItemGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/layout/resource-menu-item-group.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useResourceRegistry } from "../../../admin/resource-registry.js";
 import { SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu } from "../../ui/sidebar/sidebar-parts.js";
 import resource_menu_item_default from "./resource-menu-item.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
 // src/components/admin/layout/resource-menu-item-group.vue?vue&type=script&setup=true&lang.ts
 var resource_menu_item_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "resource-menu-item-group",
@@ -23,13 +23,14 @@ var resource_menu_item_group_vue_vue_type_script_setup_true_lang_default = /*@__
 		* `options.group` bag yet, so there is no auto-grouping and a labeled group
 		* renders a plain `<SidebarGroupLabel>` rather than a collapsible section (the
 		* React twin's `<Collapsible>` has no Vue twin in this wave). The `label`/
-		* `resources` props still let an author build explicit sections by hand.
+		* `resources` props still let an author build explicit sections by hand. The
+		* default slot adds entries after the resources, inside the group.
 		*/
 		const props = __props;
 		const registry = useResourceRegistry();
 		const names = computed(() => props.resources ?? Object.keys(registry.definitions).filter((name) => registry.definitions[name]?.list != null));
 		return (_ctx, _cache) => {
-			return names.value.length > 0 ? (openBlock(), createBlock(unref(SidebarGroup), {
+			return names.value.length > 0 || _ctx.$slots.default ? (openBlock(), createBlock(unref(SidebarGroup), {
 				key: 0,
 				class: normalizeClass(props.class)
 			}, {
@@ -43,12 +44,12 @@ var resource_menu_item_group_vue_vue_type_script_setup_true_lang_default = /*@__
 								key: name,
 								name
 							}, null, 8, ["name"]);
-						}), 128))]),
-						_: 1
+						}), 128)), renderSlot(_ctx.$slots, "default")]),
+						_: 3
 					}, 8, ["class"])]),
-					_: 1
+					_: 3
 				})]),
-				_: 1
+				_: 3
 			}, 8, ["class"])) : createCommentVNode("", true);
 		};
 	}

package/dist/components/admin/layout/theme-provider.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,12 @@
 import { ThemeContextKey, resolveTheme } from "./theme-context.js";
 import { defineComponent, provide, ref, renderSlot, watchEffect } from "vue";
+import { DEFAULT_THEME_STORAGE_KEY } from "@chelone/core";
 // src/components/admin/layout/theme-provider.vue?vue&type=script&setup=true&lang.ts
 var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "theme-provider",
 	props: {
 		defaultTheme: { default: "system" },
-		storageKey: { default: "chelone-theme" }
+		storageKey: { default: DEFAULT_THEME_STORAGE_KEY }
 	},
 	setup(__props) {
 		/**

package/dist/components/admin/layout/title-portal-id.d.ts

@@ -4,4 +4,4 @@
  * sibling so `title-portal.vue` stays component-only. Matches the React twin's
  * `TITLE_PORTAL_ID` so the two adapters share the same portal contract.
  */
-export declare const TITLE_PORTAL_ID = "chelone-title-portal";
+export { TITLE_PORTAL_ID } from "@chelone/core";

package/dist/components/admin/layout/title-portal-id.js

@@ -1,9 +1 @@
-// src/components/admin/layout/title-portal-id.ts
-/**
-* The DOM id of the app-bar title portal target. `<TitlePortal>` reserves the
-* element with this id; a page `<Title>` teleports into it. Kept in a `.ts`
-* sibling so `title-portal.vue` stays component-only. Matches the React twin's
-* `TITLE_PORTAL_ID` so the two adapters share the same portal contract.
-*/
-var TITLE_PORTAL_ID = "chelone-title-portal";
-export { TITLE_PORTAL_ID };
+export { TITLE_PORTAL_ID } from "@chelone/core";

package/dist/components/admin/layout/top-toolbar.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,10 @@ var top_toolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		*/
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("flex items-center justify-end gap-2 mb-2", props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "top-toolbar",
+				class: normalizeClass(unref(cn)("flex items-center justify-end gap-2 mb-2", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });

package/dist/components/admin/list/approval-queue-row.vue.d.ts

@@ -3,10 +3,10 @@
  * `<DualApprovalButton>` and a Reject that opens a reason form. It owns the
  * form and the rejection write, and publishes its record as the ambient one.
  */
-import { type LooseRecord } from "@chelone/core";
+import { type LooseRecord, type ResourceRecord } from "@chelone/core";
 import { type VNode } from "vue";
 import type { ApprovalQueueProps } from "./approval-queue.vue.js";
-declare const __VLS_export: <TRecord extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const __VLS_export: <TRecord extends ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<Omit<ApprovalQueueProps<TRecord>, "class"> & {
         record: TRecord;
     }> & (typeof globalThis extends {

package/dist/components/admin/list/approval-queue-row.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,7 @@ import textarea_default from "../../ui/textarea.js";
 import dual_approval_button_default from "../buttons/dual-approval-button.js";
 import { useMenuAccess } from "../layout/use-menu-access.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, toRef, unref, useId, withCtx, withModifiers } from "vue";
-import { buildRejectionUpdate, getAtPath } from "@chelone/core";
+import { buildRejectionUpdate, getAtPath, isLooseRecord } from "@chelone/core";
 import { useIsMutating } from "@tanstack/vue-query";
 // src/components/admin/list/approval-queue-row.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex flex-wrap items-center gap-3" };
@@ -100,7 +100,7 @@ var approval_queue_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 		}
 		async function confirm() {
 			const data = rejection.value;
-			if (!data) return;
+			if (!data || !isLooseRecord(props.record)) return;
 			const request = update.mutateAsync({
 				id: props.record.id,
 				data,

package/dist/components/admin/list/approval-queue.vue.d.ts

@@ -16,9 +16,9 @@
  * </List>
  */
 import { type VNode } from "vue";
-import type { LooseRecord, MutationMode, SourceProp } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, MutationMode, SourceProp } from "@chelone/core";
 /** Props for {@link ApprovalQueue}. */
-export interface ApprovalQueueProps<TRecord extends LooseRecord = LooseRecord> {
+export interface ApprovalQueueProps<TRecord extends ResourceRecord = LooseRecord> {
     /** The field shown as the row title; the record representation when it is null or undefined. */
     titleSource?: SourceProp<TRecord>;
     /** The field shown as a second line when its value is not empty. */
@@ -47,7 +47,7 @@ export interface ApprovalQueueProps<TRecord extends LooseRecord = LooseRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <TRecord extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const __VLS_export: <TRecord extends ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<ApprovalQueueProps<TRecord>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/list/calendar-agenda-view.vue.d.ts

@@ -1,29 +1,37 @@
 import { type VNode } from "vue";
 import type { CalendarEventSlotProps } from "./calendar-month-view.vue.js";
-import type { CalendarEvent, CalendarLabels, CalendarRange, LooseRecord } from "@chelone/core";
+import type { CalendarEvent, CalendarLabels, CalendarRange, LooseRecord, ResourceRecord } from "@chelone/core";
 /** Props for {@link CalendarAgendaView}. */
-export interface CalendarAgendaViewProps {
+export interface CalendarAgendaViewProps<TRecord extends ResourceRecord = LooseRecord> {
     range: CalendarRange;
     labels: CalendarLabels;
     /** The label of the list. */
     label: string;
-    events: CalendarEvent<LooseRecord>[];
+    events: CalendarEvent<TRecord>[];
     /** The link an event is, when it navigates. */
-    hrefFor: (record: LooseRecord) => string | undefined;
+    hrefFor: (record: TRecord) => string | undefined;
     /** Whether activating the event does anything: it is inert otherwise. */
-    isSelectable: (record: LooseRecord) => boolean;
+    isSelectable: (record: TRecord) => boolean;
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CalendarAgendaViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    selectEvent: (record: LooseRecord) => any;
-}, string, import("vue").PublicProps, Readonly<CalendarAgendaViewProps> & Readonly<{
-    onSelectEvent?: ((record: LooseRecord) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    event?(props: CalendarEventSlotProps): VNode[];
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare const __VLS_export: <TRecord extends ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<CalendarAgendaViewProps<TRecord> & {
+        onSelectEvent?: ((record: TRecord) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        event?(props: CalendarEventSlotProps<TRecord>): VNode[];
     };
+    emit: (evt: "selectEvent", record: TRecord) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/admin/list/calendar-event.vue.d.ts

@@ -1,7 +1,7 @@
-import type { CalendarEvent, LooseRecord } from "@chelone/core";
+import type { CalendarEvent, LooseRecord, ResourceRecord } from "@chelone/core";
 /** Props for {@link CalendarEventButton}. */
-export interface CalendarEventProps {
-    event: CalendarEvent<LooseRecord>;
+export interface CalendarEventProps<TRecord extends ResourceRecord = LooseRecord> {
+    event: CalendarEvent<TRecord>;
     /** The link the event is, when it navigates. */
     href?: string;
     /** Whether activating the event does anything: it is inert otherwise. */
@@ -9,8 +9,21 @@ export interface CalendarEventProps {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<CalendarEventProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (record: LooseRecord) => any;
-}, string, import("vue").PublicProps, Readonly<CalendarEventProps> & Readonly<{
-    onSelect?: ((record: LooseRecord) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: <TRecord extends ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<CalendarEventProps<TRecord> & {
+        onSelect?: ((record: TRecord) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "select", record: TRecord) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};