@mulmoclaude/collection-plugin 0.5.0 → 0.5.2

package/dist/vue.js

@@ -1560,8 +1560,35 @@ var CollectionKanbanView_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/vue/refLink.ts
+function isModifiedClick(event) {
+	return event instanceof MouseEvent && (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey);
+}
+/** Activate a ref/embed link → navigate to `targetSlug` (optionally a record). */
+function activateRefLink(event, targetSlug, recordId, stop = false) {
+	if (stop) event.stopPropagation();
+	if (isModifiedClick(event)) return;
+	event.preventDefault();
+	collectionUi().navigateToRecord(targetSlug, recordId);
+}
+/** Activate a `file` cell link → navigate to a host path. When the host has no
+*  `navigate` capability, do NOT preventDefault so the `href` still works (or, in
+*  a router-less host that also has no path, the link simply isn't rendered). */
+function activatePathLink(event, path, stop = false) {
+	if (stop) event.stopPropagation();
+	if (isModifiedClick(event)) return;
+	const nav = collectionUi().navigate;
+	if (!nav) return;
+	event.preventDefault();
+	nav(path);
+}
+//#endregion
 //#region src/vue/components/CollectionEmbedView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = ["href", "data-testid"];
+var _hoisted_1$8 = [
+	"href",
+	"tabindex",
+	"data-testid"
+];
 var _hoisted_2$7 = { class: "flex items-center justify-between text-[10px] font-bold text-indigo-600/90 tracking-wider uppercase" };
 var _hoisted_3$7 = { class: "flex items-center gap-1.5" };
 var _hoisted_4$7 = { class: "bg-indigo-100/60 text-indigo-700 px-1.5 py-0.5 rounded font-mono font-medium lowercase" };
@@ -1586,7 +1613,7 @@ var _hoisted_13$4 = { class: "flex items-start gap-3" };
 var _hoisted_14$4 = { class: "flex-1 min-w-0" };
 var _hoisted_15$4 = { class: "text-xs font-semibold text-red-800 uppercase tracking-wider mb-1" };
 var _hoisted_16$3 = ["data-testid"];
-var _hoisted_17$3 = ["href"];
+var _hoisted_17$3 = ["href", "tabindex"];
 //#endregion
 //#region src/vue/components/CollectionEmbedView.vue
 var CollectionEmbedView_default = /* @__PURE__ */ defineComponent({
@@ -1602,12 +1629,15 @@ var CollectionEmbedView_default = /* @__PURE__ */ defineComponent({
 			return __props.view.found ? (openBlock(), createElementBlock("a", {
 				key: 0,
 				href: unref(cui).recordHref?.(__props.view.targetSlug, __props.view.recordId),
+				tabindex: unref(cui).recordHref?.(__props.view.targetSlug, __props.view.recordId) ? void 0 : 0,
+				role: "link",
 				class: "group block relative rounded-xl border border-slate-200 bg-slate-50/50 p-4 pl-5 space-y-3 hover:bg-indigo-50/20 hover:border-indigo-200 transition-all duration-300 shadow-sm",
 				"data-testid": `collections-embed-${__props.fieldKey}`,
-				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(cui).navigateToRecord(__props.view.targetSlug, __props.view.recordId), ["exact", "prevent"]))
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(activateRefLink)($event, __props.view.targetSlug, __props.view.recordId)),
+				onKeydown: [_cache[1] || (_cache[1] = withKeys(($event) => unref(activateRefLink)($event, __props.view.targetSlug, __props.view.recordId), ["enter"])), _cache[2] || (_cache[2] = withKeys(($event) => unref(activateRefLink)($event, __props.view.targetSlug, __props.view.recordId), ["space"]))]
 			}, [
-				_cache[3] || (_cache[3] = createElementVNode("div", { class: "absolute left-0 top-0 bottom-0 w-1 bg-indigo-500 rounded-l-xl transition-all duration-300 group-hover:w-1.5 group-hover:bg-indigo-600" }, null, -1)),
-				createElementVNode("div", _hoisted_2$7, [createElementVNode("div", _hoisted_3$7, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "material-icons text-sm" }, "link", -1)), createElementVNode("span", null, toDisplayString(__props.view.targetSlug), 1)]), createElementVNode("span", _hoisted_4$7, toDisplayString(__props.view.recordId), 1)]),
+				_cache[7] || (_cache[7] = createElementVNode("div", { class: "absolute left-0 top-0 bottom-0 w-1 bg-indigo-500 rounded-l-xl transition-all duration-300 group-hover:w-1.5 group-hover:bg-indigo-600" }, null, -1)),
+				createElementVNode("div", _hoisted_2$7, [createElementVNode("div", _hoisted_3$7, [_cache[6] || (_cache[6] = createElementVNode("span", { class: "material-icons text-sm" }, "link", -1)), createElementVNode("span", null, toDisplayString(__props.view.targetSlug), 1)]), createElementVNode("span", _hoisted_4$7, toDisplayString(__props.view.recordId), 1)]),
 				createElementVNode("div", _hoisted_5$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.view.rows, (row) => {
 					return openBlock(), createElementBlock("div", {
 						key: row.key,
@@ -1617,11 +1647,11 @@ var CollectionEmbedView_default = /* @__PURE__ */ defineComponent({
 						"data-testid": `collections-embed-${__props.fieldKey}-${row.key}`
 					}, [row.type === "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [row.value === true ? (openBlock(), createElementBlock("span", _hoisted_8$5, "check_circle")) : (openBlock(), createElementBlock("span", _hoisted_9$5, "—"))], 64)) : row.type === "markdown" ? (openBlock(), createElementBlock("p", _hoisted_10$5, toDisplayString(row.display), 1)) : (openBlock(), createElementBlock("span", _hoisted_11$5, toDisplayString(row.display), 1))], 8, _hoisted_7$5)]);
 				}), 128))])
-			], 8, _hoisted_1$8)) : (openBlock(), createElementBlock("div", {
+			], 40, _hoisted_1$8)) : (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: "relative rounded-xl border border-red-100 bg-red-50/30 p-4 pl-5 shadow-sm",
 				"data-testid": `collections-embed-${__props.fieldKey}`
-			}, [_cache[6] || (_cache[6] = createElementVNode("div", { class: "absolute left-0 top-0 bottom-0 w-1 bg-red-400 rounded-l-xl" }, null, -1)), createElementVNode("div", _hoisted_13$4, [_cache[5] || (_cache[5] = createElementVNode("span", { class: "material-icons text-red-500 text-lg mt-0.5" }, "error_outline", -1)), createElementVNode("div", _hoisted_14$4, [
+			}, [_cache[10] || (_cache[10] = createElementVNode("div", { class: "absolute left-0 top-0 bottom-0 w-1 bg-red-400 rounded-l-xl" }, null, -1)), createElementVNode("div", _hoisted_13$4, [_cache[9] || (_cache[9] = createElementVNode("span", { class: "material-icons text-red-500 text-lg mt-0.5" }, "error_outline", -1)), createElementVNode("div", _hoisted_14$4, [
 				createElementVNode("p", _hoisted_15$4, toDisplayString(unref(t)("collectionsView.embedMissingTitle")), 1),
 				createElementVNode("p", {
 					class: "text-xs text-red-600",
@@ -1633,9 +1663,12 @@ var CollectionEmbedView_default = /* @__PURE__ */ defineComponent({
 				__props.view.targetSlug ? (openBlock(), createElementBlock("a", {
 					key: 0,
 					href: unref(cui).recordHref?.(__props.view.targetSlug),
+					tabindex: unref(cui).recordHref?.(__props.view.targetSlug) ? void 0 : 0,
+					role: "link",
 					class: "inline-flex items-center gap-0.5 text-xs text-indigo-600 hover:text-indigo-800 font-semibold mt-2 hover:underline",
-					onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(cui).navigateToRecord(__props.view.targetSlug), ["exact", "prevent"]))
-				}, [createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.embedCreate")), 1), _cache[4] || (_cache[4] = createElementVNode("span", { class: "material-icons text-xs" }, "arrow_forward", -1))], 8, _hoisted_17$3)) : createCommentVNode("", true)
+					onClick: _cache[3] || (_cache[3] = ($event) => unref(activateRefLink)($event, __props.view.targetSlug)),
+					onKeydown: [_cache[4] || (_cache[4] = withKeys(($event) => unref(activateRefLink)($event, __props.view.targetSlug), ["enter"])), _cache[5] || (_cache[5] = withKeys(($event) => unref(activateRefLink)($event, __props.view.targetSlug), ["space"]))]
+				}, [createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.embedCreate")), 1), _cache[8] || (_cache[8] = createElementVNode("span", { class: "material-icons text-xs" }, "arrow_forward", -1))], 40, _hoisted_17$3)) : createCommentVNode("", true)
 			])])], 8, _hoisted_12$5));
 		};
 	}
@@ -1784,8 +1817,10 @@ var _hoisted_52$1 = {
 };
 var _hoisted_53$1 = [
 	"href",
+	"tabindex",
 	"data-testid",
-	"onClick"
+	"onClick",
+	"onKeydown"
 ];
 var _hoisted_54$1 = {
 	key: 3,
@@ -2148,10 +2183,13 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 						}, [field.type === "toggle" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [field.field !== void 0 && String(detailRecord.value[field.field] ?? "") === field.onValue ? (openBlock(), createElementBlock("span", _hoisted_48$1, [_cache[11] || (_cache[11] = createElementVNode("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("common.yes")), 1)])) : (openBlock(), createElementBlock("span", _hoisted_49$1, toDisplayString(unref(t)("common.no")), 1))], 64)) : field.type === "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [detailRecord.value[key] === true ? (openBlock(), createElementBlock("span", _hoisted_50$1, [_cache[12] || (_cache[12] = createElementVNode("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("common.yes")), 1)])) : detailRecord.value[key] === false ? (openBlock(), createElementBlock("span", _hoisted_51$1, toDisplayString(unref(t)("common.no")), 1)) : (openBlock(), createElementBlock("span", _hoisted_52$1, "—"))], 64)) : field.type === "ref" && field.to && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? (openBlock(), createElementBlock("a", {
 							key: 2,
 							href: unref(cui).recordHref?.(field.to, String(detailRecord.value[key])),
+							tabindex: unref(cui).recordHref?.(field.to, String(detailRecord.value[key])) ? void 0 : 0,
+							role: "link",
 							class: "text-indigo-600 hover:text-indigo-800 font-bold hover:underline",
 							"data-testid": `collections-detail-ref-${key}`,
-							onClick: withModifiers(($event) => unref(cui).navigateToRecord(field.to, String(detailRecord.value[key])), ["exact", "prevent"])
-						}, toDisplayString(__props.render.refDisplay(field.to, String(detailRecord.value[key]))), 9, _hoisted_53$1)) : field.type === "money" ? (openBlock(), createElementBlock("span", _hoisted_54$1, toDisplayString(__props.render.formatMoney(detailRecord.value[key], __props.render.resolveCurrency(field, detailRecord.value), __props.locale)), 1)) : field.type === "derived" ? (openBlock(), createElementBlock("span", _hoisted_55$1, toDisplayString(__props.render.derivedDisplay(field, __props.render.evaluateDerivedAgainstItem(field, String(key), detailRecord.value), detailRecord.value)), 1)) : field.type === "table" && field.of && __props.render.hasTableRows(detailRecord.value[key]) ? (openBlock(), createElementBlock("div", _hoisted_56$1, [createElementVNode("table", _hoisted_57$1, [createElementVNode("thead", _hoisted_58$1, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(field.of, (subField, subKey) => {
+							onClick: ($event) => unref(activateRefLink)($event, field.to, String(detailRecord.value[key])),
+							onKeydown: [withKeys(($event) => unref(activateRefLink)($event, field.to, String(detailRecord.value[key])), ["enter"]), withKeys(($event) => unref(activateRefLink)($event, field.to, String(detailRecord.value[key])), ["space"])]
+						}, toDisplayString(__props.render.refDisplay(field.to, String(detailRecord.value[key]))), 41, _hoisted_53$1)) : field.type === "money" ? (openBlock(), createElementBlock("span", _hoisted_54$1, toDisplayString(__props.render.formatMoney(detailRecord.value[key], __props.render.resolveCurrency(field, detailRecord.value), __props.locale)), 1)) : field.type === "derived" ? (openBlock(), createElementBlock("span", _hoisted_55$1, toDisplayString(__props.render.derivedDisplay(field, __props.render.evaluateDerivedAgainstItem(field, String(key), detailRecord.value), detailRecord.value)), 1)) : field.type === "table" && field.of && __props.render.hasTableRows(detailRecord.value[key]) ? (openBlock(), createElementBlock("div", _hoisted_56$1, [createElementVNode("table", _hoisted_57$1, [createElementVNode("thead", _hoisted_58$1, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(field.of, (subField, subKey) => {
 							return openBlock(), createElementBlock("th", {
 								key: subKey,
 								class: "text-left px-4 py-2 font-bold"
@@ -2198,7 +2236,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 							href: __props.render.fileRoutePath(detailRecord.value[key]) ?? void 0,
 							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
 							"data-testid": `collections-detail-file-${key}`,
-							onClick: withModifiers(($event) => unref(cui).navigate?.(__props.render.fileRoutePath(detailRecord.value[key]) ?? ""), ["exact", "prevent"])
+							onClick: ($event) => unref(activatePathLink)($event, __props.render.fileRoutePath(detailRecord.value[key]) ?? "")
 						}, toDisplayString(String(detailRecord.value[key])), 9, _hoisted_67$1)) : (openBlock(), createElementBlock("span", _hoisted_68$1, toDisplayString(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_47$1))], 2)) : createCommentVNode("", true)], 64);
 					}), 128)), editing.value && __props.saveError ? (openBlock(), createElementBlock("p", _hoisted_69$1, toDisplayString(__props.saveError), 1)) : createCommentVNode("", true)])
 				]),
@@ -2891,8 +2929,10 @@ var _hoisted_65 = {
 };
 var _hoisted_66 = [
 	"href",
+	"tabindex",
 	"data-testid",
-	"onClick"
+	"onClick",
+	"onKeydown"
 ];
 var _hoisted_67 = [
 	"value",
@@ -2962,18 +3002,6 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 		const cui = collectionUi();
 		const { confirm: openConfirm, unpin, pinToggle, startChat } = cui;
 		const appApi = { startNewChat: startChat };
-		function onRefLinkClick(event, targetSlug, recordId) {
-			event.stopPropagation();
-			if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
-			event.preventDefault();
-			cui.navigateToRecord(targetSlug, recordId);
-		}
-		function onFileLinkClick(event, path) {
-			event.stopPropagation();
-			if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
-			event.preventDefault();
-			cui.navigate?.(path);
-		}
 		/** Embedded when a `slug` prop is supplied; standalone (route-driven)
 		*  otherwise. Switches the slug/selected source and the open/close
 		*  navigation behaviour. */
@@ -4293,10 +4321,13 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 							onChange: ($event) => commitInlineEdit(item, String(key), field, $event.target.checked)
 						}, null, 40, _hoisted_64)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? (openBlock(), createElementBlock("span", _hoisted_65, [createElementVNode("a", {
 							href: unref(cui).recordHref?.(field.to, String(item[key])),
+							tabindex: unref(cui).recordHref?.(field.to, String(item[key])) ? void 0 : 0,
+							role: "link",
 							class: "text-indigo-600 hover:text-indigo-800 hover:underline font-semibold",
 							"data-testid": `collections-ref-link-${key}-${item[key]}`,
-							onClick: ($event) => onRefLinkClick($event, field.to, String(item[key]))
-						}, toDisplayString(unref(refDisplay)(field.to, String(item[key]))), 9, _hoisted_66)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? (openBlock(), createElementBlock("select", {
+							onClick: ($event) => unref(activateRefLink)($event, field.to, String(item[key]), true),
+							onKeydown: [withKeys(($event) => unref(activateRefLink)($event, field.to, String(item[key]), true), ["enter"]), withKeys(($event) => unref(activateRefLink)($event, field.to, String(item[key]), true), ["space"])]
+						}, toDisplayString(unref(refDisplay)(field.to, String(item[key]))), 41, _hoisted_66)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? (openBlock(), createElementBlock("select", {
 							key: 3,
 							value: item[key] == null ? "" : String(item[key]),
 							disabled: isRowInlineSaving(item),
@@ -4331,7 +4362,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 							href: unref(fileRoutePath)(item[key]) ?? void 0,
 							class: "block truncate text-blue-600 hover:text-blue-800 hover:underline font-semibold",
 							"data-testid": `collections-file-link-${key}-${item[collection.value.schema.primaryKey]}`,
-							onClick: ($event) => onFileLinkClick($event, unref(fileRoutePath)(item[key]) ?? "")
+							onClick: ($event) => unref(activatePathLink)($event, unref(fileRoutePath)(item[key]) ?? "", true)
 						}, toDisplayString(String(item[key])), 9, _hoisted_75)) : (openBlock(), createElementBlock("span", _hoisted_76, toDisplayString(unref(formatCell)(item[key], field.type)), 1))], 64)) : createCommentVNode("", true)]);
 					}), 128))], 42, _hoisted_62);
 				}), 128))])])]))]),