@protobase/ui 0.23.1 → 0.23.2

package/dist/app/record-page.js

@@ -13,6 +13,7 @@ import { Field } from "../record-view/field.js";
 import { Section } from "../record-view/section.js";
 import { MetadataCard } from "../record-view/record-sidebar.js";
 import { RecordHeader } from "../record-view/record-header.js";
+import { markdownExcerpt } from "../markdown/markdown-excerpt.js";
 import { isMarkdown } from "../markdown/markdown-hint.js";
 import { recordTitle } from "../live/model-helpers.js";
 import { contactFormat } from "../live/contact-links.js";
@@ -32,7 +33,6 @@ import { ErrorBanner } from "./error-banner.js";
 import { useProjectUi } from "./pages/project-ui.js";
 import { shownWidget } from "./field-types/shown-widget.js";
 import { WidgetPart } from "./field-types/widget-part.js";
-import { Markdown } from "../markdown/markdown.js";
 import { ContactLink } from "../live/contact-link.js";
 import { FieldEditor } from "./field-editor.js";
 import { fieldMessage } from "./field-errors.js";
@@ -303,25 +303,24 @@ const LoadedRecord = ({ model, recordKey, stored, preview }) => {
 				label: hint(name)?.label ?? humanize(name),
 				value: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
 			}];
-			const text = displayValue(field, stored.record[name], hint(name));
 			const value = stored.record[name];
-			const markdown = isMarkdown(field, hint(name)) && typeof value === "string" && value !== "";
+			const text = isMarkdown(field, hint(name)) && typeof value === "string" && value !== "" ? markdownExcerpt(value) : displayValue(field, value, hint(name));
 			const contact = field.type === "text" && typeof value === "string" && value !== "" ? contactFormat(hint(name)) : void 0;
 			const builtIn = field.type === "enum" ? /* @__PURE__ */ jsx(ValueBadge, {
 				value,
 				hints: hint(name),
 				children: text
-			}) : markdown ? /* @__PURE__ */ jsx(Markdown, { source: value }) : contact ? /* @__PURE__ */ jsx(ContactLink, {
+			}) : contact ? /* @__PURE__ */ jsx(ContactLink, {
 				format: contact,
 				value: text
 			}) : /* @__PURE__ */ jsx("strong", {
 				title: valueTitle(field, value, void 0, hint(name)),
-				className: hint(name)?.multiline ? "whitespace-pre-line break-words" : void 0,
 				children: text
 			});
 			const shown = shownWidget(fieldTypes, field, hint(name));
 			return [{
 				label: hint(name)?.label ?? humanize(name),
+				title: text,
 				value: shown ? /* @__PURE__ */ jsx(WidgetPart, {
 					shown,
 					part: "display",

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.23.1";
+var version = "0.23.2";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };

package/dist/record-view/record-sidebar.js

@@ -2,14 +2,15 @@ import "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/record-view/record-sidebar.tsx
 const MetadataList = ({ rows }) => /* @__PURE__ */ jsx("dl", {
-	className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2",
+	className: "grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-2",
 	children: rows.map((row) => /* @__PURE__ */ jsxs("div", {
 		className: "contents",
 		children: [/* @__PURE__ */ jsx("dt", {
 			className: "text-muted-foreground",
 			children: row.label
 		}), /* @__PURE__ */ jsx("dd", {
-			className: "text-right tabular-nums text-foreground",
+			title: row.title,
+			className: "truncate text-right tabular-nums text-foreground",
 			children: row.value
 		})]
 	}, row.label))