@open-mercato/ui 0.4.5-develop-610fbb24ec → 0.4.5-develop-811deeb983

package/dist/backend/messages/MessageComposer.js

@@ -5,13 +5,45 @@ import { Forward, Reply, Send } from "lucide-react";
 import { CrudForm } from "../CrudForm.js";
 import { Button } from "../../primitives/button.js";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../primitives/dialog.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { getMessageUiComponentRegistry } from "@open-mercato/core/modules/messages/components/utils/typeUiRegistry";
+import { getMessageObjectType } from "@open-mercato/core/modules/messages/lib/message-objects-registry";
 import { createMessageComposeFormGroups } from "./message-compose-form-groups.js";
 import { useMessageCompose } from "./useMessageCompose.js";
+function ContextObjectPreview({ contextObject }) {
+  const t = useT();
+  const registry = getMessageUiComponentRegistry();
+  const previewComponentKey = `${contextObject.entityModule}:${contextObject.entityType}`;
+  const PreviewComponent = registry.objectPreviewComponents[previewComponentKey] ?? registry.objectPreviewComponents["messages:default"];
+  const objectType = getMessageObjectType(contextObject.entityModule, contextObject.entityType);
+  if (PreviewComponent) {
+    return /* @__PURE__ */ jsx(
+      PreviewComponent,
+      {
+        entityId: contextObject.entityId,
+        entityModule: contextObject.entityModule,
+        entityType: contextObject.entityType,
+        actionRequired: contextObject.actionRequired,
+        actionType: contextObject.actionType,
+        actionLabel: contextObject.actionLabel,
+        previewData: contextObject.previewData ?? void 0,
+        icon: objectType?.icon
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("messages.composer.contextPreview.title", "Context object") }),
+    /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium", children: [
+      contextObject.entityModule,
+      ":",
+      contextObject.entityType
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-muted-foreground", children: contextObject.entityId })
+  ] });
+}
 function MessageComposer(props) {
   const compose = useMessageCompose(props);
   const inlineBackHref = props.inlineBackHref;
-  const messageUiRegistry = React.useMemo(() => getMessageUiComponentRegistry(), []);
   const SubmitIcon = compose.variant === "reply" ? Reply : compose.variant === "forward" ? Forward : Send;
   const inlineExtraActions = compose.inline ? /* @__PURE__ */ jsxs(Fragment, { children: [
     compose.variant === "compose" ? /* @__PURE__ */ jsx(
@@ -61,31 +93,8 @@ function MessageComposer(props) {
   const fallbackContextPreview = React.useMemo(() => {
     if (compose.contextPreview) return compose.contextPreview;
     if (!props.contextObject) return null;
-    const previewComponentKey = `${props.contextObject.entityModule}:${props.contextObject.entityType}`;
-    const PreviewComponent = messageUiRegistry.objectPreviewComponents[previewComponentKey] ?? messageUiRegistry.objectPreviewComponents["messages:default"];
-    if (PreviewComponent) {
-      return /* @__PURE__ */ jsx(
-        PreviewComponent,
-        {
-          entityId: props.contextObject.entityId,
-          entityModule: props.contextObject.entityModule,
-          entityType: props.contextObject.entityType,
-          actionRequired: props.contextObject.actionRequired,
-          actionType: props.contextObject.actionType,
-          actionLabel: props.contextObject.actionLabel
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: compose.t("messages.composer.contextPreview.title", "Context object") }),
-      /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium", children: [
-        props.contextObject.entityModule,
-        ":",
-        props.contextObject.entityType
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-muted-foreground", children: props.contextObject.entityId })
-    ] });
-  }, [compose.contextPreview, compose.t, messageUiRegistry.objectPreviewComponents, props.contextObject]);
+    return /* @__PURE__ */ jsx(ContextObjectPreview, { contextObject: props.contextObject });
+  }, [compose.contextPreview, props.contextObject]);
   const composeWithContextPreview = React.useMemo(
     () => ({ ...compose, contextPreview: fallbackContextPreview }),
     [compose, fallbackContextPreview]

package/dist/backend/messages/MessageComposer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/messages/MessageComposer.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Forward, Reply, Send } from 'lucide-react'\nimport { CrudForm } from '../CrudForm'\nimport { Button } from '../../primitives/button'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../primitives/dialog'\nimport { getMessageUiComponentRegistry } from '@open-mercato/core/modules/messages/components/utils/typeUiRegistry'\nimport { createMessageComposeFormGroups } from './message-compose-form-groups'\nimport { useMessageCompose } from './useMessageCompose'\nimport type { MessageComposerProps } from './message-composer.types'\n\nexport type {\n  MessageComposerContextObject,\n  MessageComposerProps,\n  MessageComposerRequiredActionConfig,\n  MessageComposerRequiredActionOption,\n  MessageComposerVariant,\n  MessageTypeItem,\n} from './message-composer.types'\n\nexport function MessageComposer(props: MessageComposerProps) {\n  const compose = useMessageCompose(props)\n  const inlineBackHref = props.inlineBackHref\n  const messageUiRegistry = React.useMemo(() => getMessageUiComponentRegistry(), [])\n  const SubmitIcon = compose.variant === 'reply'\n    ? Reply\n    : compose.variant === 'forward'\n      ? Forward\n      : Send\n\n  const inlineExtraActions = compose.inline\n    ? (\n      <>\n        {compose.variant === 'compose' ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleSaveDraft}\n            disabled={compose.submitting}\n          >\n            {compose.t('messages.saveDraft', 'Save draft')}\n          </Button>\n        ) : null}\n        {compose.variant !== 'compose' ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleBack}\n            disabled={compose.submitting}\n          >\n            {compose.t('ui.forms.actions.cancel', 'Cancel')}\n          </Button>\n        ) : null}\n      </>\n    )\n    : null\n\n  const dialogExtraActions = !compose.inline\n    ? (\n      <>\n        {compose.variant === 'compose' ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleSaveDraft}\n            disabled={compose.submitting}\n          >\n            {compose.t('messages.saveDraft', 'Save draft')}\n          </Button>\n        ) : null}\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={compose.handleBack}\n          disabled={compose.submitting}\n        >\n          {compose.t('ui.forms.actions.cancel', 'Cancel')}\n        </Button>\n      </>\n    )\n    : null\n\n  const backHref = compose.inline\n    ? inlineBackHref === undefined\n      ? '/backend/messages'\n      : inlineBackHref ?? undefined\n    : undefined\n\n  const fallbackContextPreview = React.useMemo(() => {\n    if (compose.contextPreview) return compose.contextPreview\n    if (!props.contextObject) return null\n\n    const previewComponentKey = `${props.contextObject.entityModule}:${props.contextObject.entityType}`\n    const PreviewComponent = messageUiRegistry.objectPreviewComponents[previewComponentKey]\n      ?? messageUiRegistry.objectPreviewComponents['messages:default']\n\n    if (PreviewComponent) {\n      return (\n        <PreviewComponent\n          entityId={props.contextObject.entityId}\n          entityModule={props.contextObject.entityModule}\n          entityType={props.contextObject.entityType}\n          actionRequired={props.contextObject.actionRequired}\n          actionType={props.contextObject.actionType}\n          actionLabel={props.contextObject.actionLabel}\n        />\n      )\n    }\n\n    return (\n      <div className=\"space-y-1\">\n        <p className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n          {compose.t('messages.composer.contextPreview.title', 'Context object')}\n        </p>\n        <p className=\"text-sm font-medium\">\n          {props.contextObject.entityModule}:{props.contextObject.entityType}\n        </p>\n        <p className=\"text-xs font-mono text-muted-foreground\">\n          {props.contextObject.entityId}\n        </p>\n      </div>\n    )\n  }, [compose.contextPreview, compose.t, messageUiRegistry.objectPreviewComponents, props.contextObject])\n\n  const composeWithContextPreview = React.useMemo(\n    () => ({ ...compose, contextPreview: fallbackContextPreview }),\n    [compose, fallbackContextPreview],\n  )\n\n  const composePanel = (\n    <CrudForm<Record<string, unknown>>\n      backHref={backHref}\n      title={composeWithContextPreview.composerTitle}\n      fields={createMessageComposeFormGroups(composeWithContextPreview)}\n      initialValues={{}}\n      submitLabel={composeWithContextPreview.submitLabel}\n      submitIcon={SubmitIcon}\n      extraActions={composeWithContextPreview.inline ? inlineExtraActions : dialogExtraActions}\n      hideFooterActions\n      onSubmit={async () => {\n        await composeWithContextPreview.handleSubmit()\n      }}\n    />\n  )\n\n  if (compose.inline) {\n    return (\n      <div className=\"space-y-4\">\n        {composePanel}\n      </div>\n    )\n  }\n\n  return (\n    <Dialog open={Boolean(compose.open)} onOpenChange={compose.handleDialogOpenChange}>\n      <DialogContent className=\"sm:max-w-3xl [&>button]:hidden\">\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>{compose.composerTitle}</DialogTitle>\n        </DialogHeader>\n        {composePanel}\n        <div className=\"flex items-center justify-end gap-2 border-t pt-4\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleBack}\n            disabled={compose.submitting}\n          >\n            {compose.t('ui.forms.actions.cancel', 'Cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={() => {\n              void compose.handleSubmit()\n            }}\n            disabled={compose.submitting}\n          >\n            <SubmitIcon className=\"mr-2 size-4\" />\n            {compose.submitLabel}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Forward, Reply, Send } from 'lucide-react'\nimport { CrudForm } from '../CrudForm'\nimport { Button } from '../../primitives/button'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../primitives/dialog'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { getMessageUiComponentRegistry } from '@open-mercato/core/modules/messages/components/utils/typeUiRegistry'\nimport { getMessageObjectType } from '@open-mercato/core/modules/messages/lib/message-objects-registry'\nimport { createMessageComposeFormGroups } from './message-compose-form-groups'\nimport { useMessageCompose } from './useMessageCompose'\nimport type { MessageComposerContextObject, MessageComposerProps } from './message-composer.types'\n\nexport type {\n  MessageComposerContextObject,\n  MessageComposerProps,\n  MessageComposerRequiredActionConfig,\n  MessageComposerRequiredActionOption,\n  MessageComposerVariant,\n  MessageTypeItem,\n} from './message-composer.types'\n\nfunction ContextObjectPreview({ contextObject }: { contextObject: MessageComposerContextObject }) {\n  const t = useT()\n  const registry = getMessageUiComponentRegistry()\n  const previewComponentKey = `${contextObject.entityModule}:${contextObject.entityType}`\n  const PreviewComponent = registry.objectPreviewComponents[previewComponentKey]\n    ?? registry.objectPreviewComponents['messages:default']\n  const objectType = getMessageObjectType(contextObject.entityModule, contextObject.entityType)\n\n  if (PreviewComponent) {\n    return (\n      <PreviewComponent\n        entityId={contextObject.entityId}\n        entityModule={contextObject.entityModule}\n        entityType={contextObject.entityType}\n        actionRequired={contextObject.actionRequired}\n        actionType={contextObject.actionType}\n        actionLabel={contextObject.actionLabel}\n        previewData={contextObject.previewData ?? undefined}\n        icon={objectType?.icon}\n      />\n    )\n  }\n\n  return (\n    <div className=\"space-y-1\">\n      <p className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n        {t('messages.composer.contextPreview.title', 'Context object')}\n      </p>\n      <p className=\"text-sm font-medium\">\n        {contextObject.entityModule}:{contextObject.entityType}\n      </p>\n      <p className=\"text-xs font-mono text-muted-foreground\">\n        {contextObject.entityId}\n      </p>\n    </div>\n  )\n}\n\nexport function MessageComposer(props: MessageComposerProps) {\n  const compose = useMessageCompose(props)\n  const inlineBackHref = props.inlineBackHref\n  const SubmitIcon = compose.variant === 'reply'\n    ? Reply\n    : compose.variant === 'forward'\n      ? Forward\n      : Send\n\n  const inlineExtraActions = compose.inline\n    ? (\n      <>\n        {compose.variant === 'compose' ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleSaveDraft}\n            disabled={compose.submitting}\n          >\n            {compose.t('messages.saveDraft', 'Save draft')}\n          </Button>\n        ) : null}\n        {compose.variant !== 'compose' ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleBack}\n            disabled={compose.submitting}\n          >\n            {compose.t('ui.forms.actions.cancel', 'Cancel')}\n          </Button>\n        ) : null}\n      </>\n    )\n    : null\n\n  const dialogExtraActions = !compose.inline\n    ? (\n      <>\n        {compose.variant === 'compose' ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleSaveDraft}\n            disabled={compose.submitting}\n          >\n            {compose.t('messages.saveDraft', 'Save draft')}\n          </Button>\n        ) : null}\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={compose.handleBack}\n          disabled={compose.submitting}\n        >\n          {compose.t('ui.forms.actions.cancel', 'Cancel')}\n        </Button>\n      </>\n    )\n    : null\n\n  const backHref = compose.inline\n    ? inlineBackHref === undefined\n      ? '/backend/messages'\n      : inlineBackHref ?? undefined\n    : undefined\n\n  const fallbackContextPreview = React.useMemo(() => {\n    if (compose.contextPreview) return compose.contextPreview\n    if (!props.contextObject) return null\n    return <ContextObjectPreview contextObject={props.contextObject} />\n  }, [compose.contextPreview, props.contextObject])\n\n  const composeWithContextPreview = React.useMemo(\n    () => ({ ...compose, contextPreview: fallbackContextPreview }),\n    [compose, fallbackContextPreview],\n  )\n\n  const composePanel = (\n    <CrudForm<Record<string, unknown>>\n      backHref={backHref}\n      title={composeWithContextPreview.composerTitle}\n      fields={createMessageComposeFormGroups(composeWithContextPreview)}\n      initialValues={{}}\n      submitLabel={composeWithContextPreview.submitLabel}\n      submitIcon={SubmitIcon}\n      extraActions={composeWithContextPreview.inline ? inlineExtraActions : dialogExtraActions}\n      hideFooterActions\n      onSubmit={async () => {\n        await composeWithContextPreview.handleSubmit()\n      }}\n    />\n  )\n\n  if (compose.inline) {\n    return (\n      <div className=\"space-y-4\">\n        {composePanel}\n      </div>\n    )\n  }\n\n  return (\n    <Dialog open={Boolean(compose.open)} onOpenChange={compose.handleDialogOpenChange}>\n      <DialogContent className=\"sm:max-w-3xl [&>button]:hidden\">\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>{compose.composerTitle}</DialogTitle>\n        </DialogHeader>\n        {composePanel}\n        <div className=\"flex items-center justify-end gap-2 border-t pt-4\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={compose.handleBack}\n            disabled={compose.submitting}\n          >\n            {compose.t('ui.forms.actions.cancel', 'Cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={() => {\n              void compose.handleSubmit()\n            }}\n            disabled={compose.submitting}\n          >\n            <SubmitIcon className=\"mr-2 size-4\" />\n            {compose.submitLabel}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/backend/messages/MessageObjectDetail.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { MessageObjectPreview } from "./MessageObjectPreview.js";
+function resolveActionHref(template, entityId) {
+  return template.replace("{entityId}", encodeURIComponent(entityId));
+}
+function MessageObjectDetail(props) {
+  const t = useT();
+  const [executingActionId, setExecutingActionId] = React.useState(null);
+  const viewAction = props.actions.find((a) => a.id === "view");
+  const otherActions = props.actions.filter((a) => a.id !== "view");
+  const preview = /* @__PURE__ */ jsx(
+    MessageObjectPreview,
+    {
+      entityId: props.entityId,
+      entityModule: props.entityModule,
+      entityType: props.entityType,
+      snapshot: props.snapshot,
+      previewData: props.previewData,
+      actionRequired: props.actionRequired,
+      actionType: props.actionType,
+      actionLabel: props.actionLabel,
+      icon: props.icon
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded border p-3", children: [
+    viewAction?.href ? /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: resolveActionHref(viewAction.href, props.entityId),
+        className: "block rounded-md transition-opacity hover:opacity-75",
+        children: preview
+      }
+    ) : preview,
+    otherActions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: otherActions.map((action) => {
+      if (action.href) {
+        return /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: action.variant ?? "default",
+            asChild: true,
+            children: /* @__PURE__ */ jsx(Link, { href: resolveActionHref(action.href, props.entityId), children: t(action.labelKey ?? action.id, action.id) })
+          },
+          action.id
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: action.variant ?? "default",
+          disabled: executingActionId !== null,
+          onClick: async () => {
+            if (executingActionId) return;
+            setExecutingActionId(action.id);
+            try {
+              await props.onAction(action.id, { id: props.entityId });
+            } finally {
+              setExecutingActionId(null);
+            }
+          },
+          children: executingActionId === action.id ? t("messages.actions.executing", "Executing...") : t(action.labelKey ?? action.id, action.id)
+        },
+        action.id
+      );
+    }) }) : null
+  ] });
+}
+var MessageObjectDetail_default = MessageObjectDetail;
+export {
+  MessageObjectDetail,
+  MessageObjectDetail_default as default
+};
+//# sourceMappingURL=MessageObjectDetail.js.map

package/dist/backend/messages/MessageObjectDetail.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/messages/MessageObjectDetail.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ObjectDetailProps } from '@open-mercato/shared/modules/messages/types'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { MessageObjectPreview } from './MessageObjectPreview'\n\nfunction resolveActionHref(template: string, entityId: string): string {\n  return template.replace('{entityId}', encodeURIComponent(entityId))\n}\n\nexport function MessageObjectDetail(props: ObjectDetailProps) {\n  const t = useT()\n  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)\n\n  const viewAction = props.actions.find((a) => a.id === 'view')\n  const otherActions = props.actions.filter((a) => a.id !== 'view')\n\n  const preview = (\n    <MessageObjectPreview\n      entityId={props.entityId}\n      entityModule={props.entityModule}\n      entityType={props.entityType}\n      snapshot={props.snapshot}\n      previewData={props.previewData}\n      actionRequired={props.actionRequired}\n      actionType={props.actionType}\n      actionLabel={props.actionLabel}\n      icon={props.icon}\n    />\n  )\n\n  return (\n    <div className=\"space-y-3 rounded border p-3\">\n      {viewAction?.href ? (\n        <Link\n          href={resolveActionHref(viewAction.href, props.entityId)}\n          className=\"block rounded-md transition-opacity hover:opacity-75\"\n        >\n          {preview}\n        </Link>\n      ) : (\n        preview\n      )}\n\n      {otherActions.length > 0 ? (\n        <div className=\"flex flex-wrap gap-2\">\n          {otherActions.map((action) => {\n            if (action.href) {\n              return (\n                <Button\n                  key={action.id}\n                  type=\"button\"\n                  size=\"sm\"\n                  variant={action.variant ?? 'default'}\n                  asChild\n                >\n                  <Link href={resolveActionHref(action.href, props.entityId)}>\n                    {t(action.labelKey ?? action.id, action.id)}\n                  </Link>\n                </Button>\n              )\n            }\n            return (\n              <Button\n                key={action.id}\n                type=\"button\"\n                size=\"sm\"\n                variant={action.variant ?? 'default'}\n                disabled={executingActionId !== null}\n                onClick={async () => {\n                  if (executingActionId) return\n                  setExecutingActionId(action.id)\n                  try {\n                    await props.onAction(action.id, { id: props.entityId })\n                  } finally {\n                    setExecutingActionId(null)\n                  }\n                }}\n              >\n                {executingActionId === action.id\n                  ? t('messages.actions.executing', 'Executing...')\n                  : t(action.labelKey ?? action.id, action.id)}\n              </Button>\n            )\n          })}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default MessageObjectDetail\n"],
+  "mappings": ";AAqBI,cAcA,YAdA;AAnBJ,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,YAAY;AAErB,SAAS,cAAc;AACvB,SAAS,4BAA4B;AAErC,SAAS,kBAAkB,UAAkB,UAA0B;AACrE,SAAO,SAAS,QAAQ,cAAc,mBAAmB,QAAQ,CAAC;AACpE;AAEO,SAAS,oBAAoB,OAA0B;AAC5D,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAwB,IAAI;AAEpF,QAAM,aAAa,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM;AAC5D,QAAM,eAAe,MAAM,QAAQ,OAAO,CAAC,MAAM,EAAE,OAAO,MAAM;AAEhE,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM;AAAA,MAChB,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,aAAa,MAAM;AAAA,MACnB,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,MAAM,MAAM;AAAA;AAAA,EACd;AAGF,SACE,qBAAC,SAAI,WAAU,gCACZ;AAAA,gBAAY,OACX;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,kBAAkB,WAAW,MAAM,MAAM,QAAQ;AAAA,QACvD,WAAU;AAAA,QAET;AAAA;AAAA,IACH,IAEA;AAAA,IAGD,aAAa,SAAS,IACrB,oBAAC,SAAI,WAAU,wBACZ,uBAAa,IAAI,CAAC,WAAW;AAC5B,UAAI,OAAO,MAAM;AACf,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAS,OAAO,WAAW;AAAA,YAC3B,SAAO;AAAA,YAEP,8BAAC,QAAK,MAAM,kBAAkB,OAAO,MAAM,MAAM,QAAQ,GACtD,YAAE,OAAO,YAAY,OAAO,IAAI,OAAO,EAAE,GAC5C;AAAA;AAAA,UARK,OAAO;AAAA,QASd;AAAA,MAEJ;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,OAAO,WAAW;AAAA,UAC3B,UAAU,sBAAsB;AAAA,UAChC,SAAS,YAAY;AACnB,gBAAI,kBAAmB;AACvB,iCAAqB,OAAO,EAAE;AAC9B,gBAAI;AACF,oBAAM,MAAM,SAAS,OAAO,IAAI,EAAE,IAAI,MAAM,SAAS,CAAC;AAAA,YACxD,UAAE;AACA,mCAAqB,IAAI;AAAA,YAC3B;AAAA,UACF;AAAA,UAEC,gCAAsB,OAAO,KAC1B,EAAE,8BAA8B,cAAc,IAC9C,EAAE,OAAO,YAAY,OAAO,IAAI,OAAO,EAAE;AAAA;AAAA,QAjBxC,OAAO;AAAA,MAkBd;AAAA,IAEJ,CAAC,GACH,IACE;AAAA,KACN;AAEJ;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

package/dist/backend/messages/MessageObjectPreview.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box } from "lucide-react";
+import * as lucideIcons from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+function resolveIcon(name) {
+  if (!name) return Box;
+  const key = name.split("-").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join("");
+  const candidate = lucideIcons[key];
+  if (typeof candidate === "function" || typeof candidate === "object" && candidate !== null && "$$typeof" in candidate) {
+    return candidate;
+  }
+  return Box;
+}
+function MessageObjectPreview({
+  previewData,
+  actionRequired,
+  actionLabel,
+  icon
+}) {
+  const t = useT();
+  const Icon = resolveIcon(icon);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-md border bg-muted/20 p-3", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 h-4 w-4 text-muted-foreground" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: previewData?.title || "" }),
+        actionRequired ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: actionLabel || t("messages.composer.objectActionRequired", "Action required") }) : null
+      ] }),
+      previewData?.subtitle ? /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: previewData.subtitle }) : null,
+      previewData?.status ? /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: previewData.status }) : null,
+      previewData?.metadata && Object.keys(previewData.metadata).length > 0 ? /* @__PURE__ */ jsx("dl", { className: "space-y-1 pt-1", children: Object.entries(previewData.metadata).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("dt", { className: "font-medium capitalize", children: [
+          key,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx("dd", { className: "truncate", children: value })
+      ] }, key)) }) : null
+    ] })
+  ] });
+}
+var MessageObjectPreview_default = MessageObjectPreview;
+export {
+  MessageObjectPreview,
+  MessageObjectPreview_default as default
+};
+//# sourceMappingURL=MessageObjectPreview.js.map

package/dist/backend/messages/MessageObjectPreview.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/messages/MessageObjectPreview.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { Box, type LucideIcon } from 'lucide-react'\nimport * as lucideIcons from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ObjectPreviewProps } from '@open-mercato/shared/modules/messages/types'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\n\nfunction resolveIcon(name: string | undefined): LucideIcon {\n  if (!name) return Box\n  const key = name\n    .split('-')\n    .map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n    .join('') as keyof typeof lucideIcons\n  const candidate = lucideIcons[key]\n  if (typeof candidate === 'function' || (typeof candidate === 'object' && candidate !== null && '$$typeof' in candidate)) {\n    return candidate as LucideIcon\n  }\n  return Box\n}\n\nexport function MessageObjectPreview({\n  previewData,\n  actionRequired,\n  actionLabel,\n  icon,\n}: ObjectPreviewProps) {\n  const t = useT()\n  const Icon = resolveIcon(icon)\n\n  return (\n    <div className=\"flex items-start gap-3 rounded-md border bg-muted/20 p-3\">\n      <Icon className=\"mt-0.5 h-4 w-4 text-muted-foreground\" />\n      <div className=\"min-w-0 flex-1 space-y-1\">\n        <div className=\"flex items-center gap-2\">\n          <p className=\"truncate text-sm font-medium\">{previewData?.title || ''}</p>\n          {actionRequired ? (\n            <Badge variant=\"secondary\" className=\"text-xs\">\n              {actionLabel || t('messages.composer.objectActionRequired', 'Action required')}\n            </Badge>\n          ) : null}\n        </div>\n        {previewData?.subtitle ? (\n          <p className=\"truncate text-xs text-muted-foreground\">{previewData.subtitle}</p>\n        ) : null}\n        {previewData?.status ? (\n          <Badge variant=\"outline\" className=\"text-xs\">{previewData.status}</Badge>\n        ) : null}\n        {previewData?.metadata && Object.keys(previewData.metadata).length > 0 ? (\n          <dl className=\"space-y-1 pt-1\">\n            {Object.entries(previewData.metadata).map(([key, value]) => (\n              <div key={key} className=\"flex items-start gap-2 text-xs text-muted-foreground\">\n                <dt className=\"font-medium capitalize\">{key}:</dt>\n                <dd className=\"truncate\">{value}</dd>\n              </div>\n            ))}\n          </dl>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nexport default MessageObjectPreview\n"],
+  "mappings": ";AAgCM,cAEE,YAFF;AA9BN,SAAS,WAA4B;AACrC,YAAY,iBAAiB;AAC7B,SAAS,YAAY;AAErB,SAAS,aAAa;AAEtB,SAAS,YAAY,MAAsC;AACzD,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,MAAM,KACT,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,EAAE;AACV,QAAM,YAAY,YAAY,GAAG;AACjC,MAAI,OAAO,cAAc,cAAe,OAAO,cAAc,YAAY,cAAc,QAAQ,cAAc,WAAY;AACvH,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,IAAI,KAAK;AACf,QAAM,OAAO,YAAY,IAAI;AAE7B,SACE,qBAAC,SAAI,WAAU,4DACb;AAAA,wBAAC,QAAK,WAAU,wCAAuC;AAAA,IACvD,qBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,OAAE,WAAU,gCAAgC,uBAAa,SAAS,IAAG;AAAA,QACrE,iBACC,oBAAC,SAAM,SAAQ,aAAY,WAAU,WAClC,yBAAe,EAAE,0CAA0C,iBAAiB,GAC/E,IACE;AAAA,SACN;AAAA,MACC,aAAa,WACZ,oBAAC,OAAE,WAAU,0CAA0C,sBAAY,UAAS,IAC1E;AAAA,MACH,aAAa,SACZ,oBAAC,SAAM,SAAQ,WAAU,WAAU,WAAW,sBAAY,QAAO,IAC/D;AAAA,MACH,aAAa,YAAY,OAAO,KAAK,YAAY,QAAQ,EAAE,SAAS,IACnE,oBAAC,QAAG,WAAU,kBACX,iBAAO,QAAQ,YAAY,QAAQ,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MACpD,qBAAC,SAAc,WAAU,wDACvB;AAAA,6BAAC,QAAG,WAAU,0BAA0B;AAAA;AAAA,UAAI;AAAA,WAAC;AAAA,QAC7C,oBAAC,QAAG,WAAU,YAAY,iBAAM;AAAA,WAFxB,GAGV,CACD,GACH,IACE;AAAA,OACN;AAAA,KACF;AAEJ;AAEA,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/backend/messages/MessageObjectRecordPicker.js

@@ -5,6 +5,7 @@ import { Button } from "../../primitives/button.js";
 import { Input } from "../../primitives/input.js";
 import { Label } from "../../primitives/label.js";
 import { getMessageUiComponentRegistry } from "@open-mercato/core/modules/messages/components/utils/typeUiRegistry";
+import { getMessageObjectType } from "@open-mercato/core/modules/messages/lib/message-objects-registry";
 function MessageObjectRecordPicker({
   search,
   onSearchChange,
@@ -43,6 +44,7 @@ function MessageObjectRecordPicker({
         const resolvedEntityType = item.entityType || entityType;
         const componentKey = resolvedModule && resolvedEntityType ? `${resolvedModule}:${resolvedEntityType}` : null;
         const PreviewComponent = (componentKey ? messageUiRegistry.objectPreviewComponents[componentKey] : null) ?? messageUiRegistry.objectPreviewComponents["messages:default"] ?? null;
+        const objectType = resolvedModule && resolvedEntityType ? getMessageObjectType(resolvedModule, resolvedEntityType) : null;
         return /* @__PURE__ */ jsx(
           "div",
           {
@@ -58,7 +60,8 @@ function MessageObjectRecordPicker({
                 previewData: {
                   title: item.label,
                   subtitle: item.subtitle || void 0
-                }
+                },
+                icon: objectType?.icon
               }
             ) : /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
               /* @__PURE__ */ jsx("p", { className: "font-medium", children: item.label }),

package/dist/backend/messages/MessageObjectRecordPicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/messages/MessageObjectRecordPicker.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../primitives/button'\nimport { Input } from '../../primitives/input'\nimport { Label } from '../../primitives/label'\nimport { getMessageUiComponentRegistry } from '@open-mercato/core/modules/messages/components/utils/typeUiRegistry'\n\nexport type MessageObjectOptionItem = {\n  id: string\n  label: string\n  subtitle?: string\n  entityModule?: string\n  entityType?: string\n  snapshot?: Record<string, unknown>\n}\n\nexport type MessageObjectRecordPickerProps = {\n  search: string\n  onSearchChange: (value: string) => void\n  selectedId: string\n  onSelectedIdChange: (value: string) => void\n  items: MessageObjectOptionItem[]\n  isLoading: boolean\n  error: string | null\n  onRetry: () => void\n  entityModule?: string\n  entityType?: string\n}\n\nexport function MessageObjectRecordPicker({\n  search,\n  onSearchChange,\n  selectedId,\n  onSelectedIdChange,\n  items,\n  isLoading,\n  error,\n  onRetry,\n  entityModule,\n  entityType,\n}: MessageObjectRecordPickerProps) {\n  const t = useT()\n  const messageUiRegistry = getMessageUiComponentRegistry()\n\n  return (\n    <div className=\"space-y-2\">\n      <Label htmlFor=\"messages-object-record-search\">\n        {t('messages.composer.objectPicker.recordSearchLabel', 'Search records')}\n      </Label>\n      <Input\n        id=\"messages-object-record-search\"\n        value={search}\n        onChange={(event) => onSearchChange(event.target.value)}\n        placeholder={t('messages.composer.objectPicker.recordSearchPlaceholder', 'Type to find a record')}\n      />\n\n      {isLoading ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('messages.composer.objectPicker.loadingRecords', 'Loading records...')}\n        </p>\n      ) : null}\n\n      {error ? (\n        <div className=\"space-y-2 rounded border border-destructive/40 bg-destructive/5 p-2 text-xs text-destructive\">\n          <p>{error}</p>\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onRetry}>\n            {t('common.retry', 'Retry')}\n          </Button>\n        </div>\n      ) : null}\n\n      <div className=\"space-y-2\">\n        <Label>\n          {t('messages.composer.objectPicker.recordLabel', 'Record')}\n        </Label>\n        {!selectedId && (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('messages.composer.objectPicker.recordPlaceholder', 'Select record')}\n          </p>\n        )}\n        <div className=\"space-y-2 max-h-64 overflow-y-auto\">\n          {items.map((item) => {\n            const resolvedModule = item.entityModule || entityModule\n            const resolvedEntityType = item.entityType || entityType\n            const componentKey = resolvedModule && resolvedEntityType\n              ? `${resolvedModule}:${resolvedEntityType}`\n              : null\n            const PreviewComponent = (componentKey\n              ? messageUiRegistry.objectPreviewComponents[componentKey]\n              : null) ?? messageUiRegistry.objectPreviewComponents['messages:default'] ?? null\n\n            return (\n              <div\n                key={item.id}\n                className={`cursor-pointer rounded-md border p-2 transition-colors ${\n                  selectedId === item.id\n                    ? 'border-primary bg-primary/5'\n                    : 'border-border hover:bg-muted/50'\n                }`}\n                onClick={() => onSelectedIdChange(item.id)}\n              >\n                {PreviewComponent ? (\n                  <PreviewComponent\n                    entityId={item.id}\n                    entityModule={item.entityModule || entityModule || ''}\n                    entityType={item.entityType || entityType || ''}\n                    snapshot={item.snapshot}\n                    previewData={{\n                      title: item.label,\n                      subtitle: item.subtitle || undefined,\n                    }}\n                  />\n                ) : (\n                  <div className=\"text-sm\">\n                    <p className=\"font-medium\">{item.label}</p>\n                    {item.subtitle && (\n                      <p className=\"text-muted-foreground text-xs\">{item.subtitle}</p>\n                    )}\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n\n      {!isLoading && !error && items.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('messages.composer.objectPicker.noRecords', 'No records found for this object type.')}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n"],
-  "mappings": ";AAgDM,cAiBE,YAjBF;AA7CN,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,qCAAqC;AAwBvC,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,IAAI,KAAK;AACf,QAAM,oBAAoB,8BAA8B;AAExD,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,SAAM,SAAQ,iCACZ,YAAE,oDAAoD,gBAAgB,GACzE;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAO;AAAA,QACP,UAAU,CAAC,UAAU,eAAe,MAAM,OAAO,KAAK;AAAA,QACtD,aAAa,EAAE,0DAA0D,uBAAuB;AAAA;AAAA,IAClG;AAAA,IAEC,YACC,oBAAC,OAAE,WAAU,iCACV,YAAE,iDAAiD,oBAAoB,GAC1E,IACE;AAAA,IAEH,QACC,qBAAC,SAAI,WAAU,gGACb;AAAA,0BAAC,OAAG,iBAAM;AAAA,MACV,oBAAC,UAAO,MAAK,UAAS,MAAK,MAAK,SAAQ,WAAU,SAAS,SACxD,YAAE,gBAAgB,OAAO,GAC5B;AAAA,OACF,IACE;AAAA,IAEJ,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,SACE,YAAE,8CAA8C,QAAQ,GAC3D;AAAA,MACC,CAAC,cACA,oBAAC,OAAE,WAAU,iCACV,YAAE,oDAAoD,eAAe,GACxE;AAAA,MAEF,oBAAC,SAAI,WAAU,sCACZ,gBAAM,IAAI,CAAC,SAAS;AACnB,cAAM,iBAAiB,KAAK,gBAAgB;AAC5C,cAAM,qBAAqB,KAAK,cAAc;AAC9C,cAAM,eAAe,kBAAkB,qBACnC,GAAG,cAAc,IAAI,kBAAkB,KACvC;AACJ,cAAM,oBAAoB,eACtB,kBAAkB,wBAAwB,YAAY,IACtD,SAAS,kBAAkB,wBAAwB,kBAAkB,KAAK;AAE9E,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,0DACT,eAAe,KAAK,KAChB,gCACA,iCACN;AAAA,YACA,SAAS,MAAM,mBAAmB,KAAK,EAAE;AAAA,YAExC,6BACC;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU,KAAK;AAAA,gBACf,cAAc,KAAK,gBAAgB,gBAAgB;AAAA,gBACnD,YAAY,KAAK,cAAc,cAAc;AAAA,gBAC7C,UAAU,KAAK;AAAA,gBACf,aAAa;AAAA,kBACX,OAAO,KAAK;AAAA,kBACZ,UAAU,KAAK,YAAY;AAAA,gBAC7B;AAAA;AAAA,YACF,IAEA,qBAAC,SAAI,WAAU,WACb;AAAA,kCAAC,OAAE,WAAU,eAAe,eAAK,OAAM;AAAA,cACtC,KAAK,YACJ,oBAAC,OAAE,WAAU,iCAAiC,eAAK,UAAS;AAAA,eAEhE;AAAA;AAAA,UAzBG,KAAK;AAAA,QA2BZ;AAAA,MAEJ,CAAC,GACH;AAAA,OACF;AAAA,IAEC,CAAC,aAAa,CAAC,SAAS,MAAM,WAAW,IACxC,oBAAC,OAAE,WAAU,iCACV,YAAE,4CAA4C,wCAAwC,GACzF,IACE;AAAA,KACN;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../primitives/button'\nimport { Input } from '../../primitives/input'\nimport { Label } from '../../primitives/label'\nimport { getMessageUiComponentRegistry } from '@open-mercato/core/modules/messages/components/utils/typeUiRegistry'\nimport { getMessageObjectType } from '@open-mercato/core/modules/messages/lib/message-objects-registry'\n\nexport type MessageObjectOptionItem = {\n  id: string\n  label: string\n  subtitle?: string\n  entityModule?: string\n  entityType?: string\n  snapshot?: Record<string, unknown>\n}\n\nexport type MessageObjectRecordPickerProps = {\n  search: string\n  onSearchChange: (value: string) => void\n  selectedId: string\n  onSelectedIdChange: (value: string) => void\n  items: MessageObjectOptionItem[]\n  isLoading: boolean\n  error: string | null\n  onRetry: () => void\n  entityModule?: string\n  entityType?: string\n}\n\nexport function MessageObjectRecordPicker({\n  search,\n  onSearchChange,\n  selectedId,\n  onSelectedIdChange,\n  items,\n  isLoading,\n  error,\n  onRetry,\n  entityModule,\n  entityType,\n}: MessageObjectRecordPickerProps) {\n  const t = useT()\n  const messageUiRegistry = getMessageUiComponentRegistry()\n\n  return (\n    <div className=\"space-y-2\">\n      <Label htmlFor=\"messages-object-record-search\">\n        {t('messages.composer.objectPicker.recordSearchLabel', 'Search records')}\n      </Label>\n      <Input\n        id=\"messages-object-record-search\"\n        value={search}\n        onChange={(event) => onSearchChange(event.target.value)}\n        placeholder={t('messages.composer.objectPicker.recordSearchPlaceholder', 'Type to find a record')}\n      />\n\n      {isLoading ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('messages.composer.objectPicker.loadingRecords', 'Loading records...')}\n        </p>\n      ) : null}\n\n      {error ? (\n        <div className=\"space-y-2 rounded border border-destructive/40 bg-destructive/5 p-2 text-xs text-destructive\">\n          <p>{error}</p>\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onRetry}>\n            {t('common.retry', 'Retry')}\n          </Button>\n        </div>\n      ) : null}\n\n      <div className=\"space-y-2\">\n        <Label>\n          {t('messages.composer.objectPicker.recordLabel', 'Record')}\n        </Label>\n        {!selectedId && (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('messages.composer.objectPicker.recordPlaceholder', 'Select record')}\n          </p>\n        )}\n        <div className=\"space-y-2 max-h-64 overflow-y-auto\">\n          {items.map((item) => {\n            const resolvedModule = item.entityModule || entityModule\n            const resolvedEntityType = item.entityType || entityType\n            const componentKey = resolvedModule && resolvedEntityType\n              ? `${resolvedModule}:${resolvedEntityType}`\n              : null\n            const PreviewComponent = (componentKey\n              ? messageUiRegistry.objectPreviewComponents[componentKey]\n              : null) ?? messageUiRegistry.objectPreviewComponents['messages:default'] ?? null\n            const objectType = resolvedModule && resolvedEntityType\n              ? getMessageObjectType(resolvedModule, resolvedEntityType)\n              : null\n\n            return (\n              <div\n                key={item.id}\n                className={`cursor-pointer rounded-md border p-2 transition-colors ${\n                  selectedId === item.id\n                    ? 'border-primary bg-primary/5'\n                    : 'border-border hover:bg-muted/50'\n                }`}\n                onClick={() => onSelectedIdChange(item.id)}\n              >\n                {PreviewComponent ? (\n                  <PreviewComponent\n                    entityId={item.id}\n                    entityModule={item.entityModule || entityModule || ''}\n                    entityType={item.entityType || entityType || ''}\n                    snapshot={item.snapshot}\n                    previewData={{\n                      title: item.label,\n                      subtitle: item.subtitle || undefined,\n                    }}\n                    icon={objectType?.icon}\n                  />\n                ) : (\n                  <div className=\"text-sm\">\n                    <p className=\"font-medium\">{item.label}</p>\n                    {item.subtitle && (\n                      <p className=\"text-muted-foreground text-xs\">{item.subtitle}</p>\n                    )}\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n\n      {!isLoading && !error && items.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('messages.composer.objectPicker.noRecords', 'No records found for this object type.')}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAiDM,cAiBE,YAjBF;AA9CN,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,qCAAqC;AAC9C,SAAS,4BAA4B;AAwB9B,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,IAAI,KAAK;AACf,QAAM,oBAAoB,8BAA8B;AAExD,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,SAAM,SAAQ,iCACZ,YAAE,oDAAoD,gBAAgB,GACzE;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAO;AAAA,QACP,UAAU,CAAC,UAAU,eAAe,MAAM,OAAO,KAAK;AAAA,QACtD,aAAa,EAAE,0DAA0D,uBAAuB;AAAA;AAAA,IAClG;AAAA,IAEC,YACC,oBAAC,OAAE,WAAU,iCACV,YAAE,iDAAiD,oBAAoB,GAC1E,IACE;AAAA,IAEH,QACC,qBAAC,SAAI,WAAU,gGACb;AAAA,0BAAC,OAAG,iBAAM;AAAA,MACV,oBAAC,UAAO,MAAK,UAAS,MAAK,MAAK,SAAQ,WAAU,SAAS,SACxD,YAAE,gBAAgB,OAAO,GAC5B;AAAA,OACF,IACE;AAAA,IAEJ,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,SACE,YAAE,8CAA8C,QAAQ,GAC3D;AAAA,MACC,CAAC,cACA,oBAAC,OAAE,WAAU,iCACV,YAAE,oDAAoD,eAAe,GACxE;AAAA,MAEF,oBAAC,SAAI,WAAU,sCACZ,gBAAM,IAAI,CAAC,SAAS;AACnB,cAAM,iBAAiB,KAAK,gBAAgB;AAC5C,cAAM,qBAAqB,KAAK,cAAc;AAC9C,cAAM,eAAe,kBAAkB,qBACnC,GAAG,cAAc,IAAI,kBAAkB,KACvC;AACJ,cAAM,oBAAoB,eACtB,kBAAkB,wBAAwB,YAAY,IACtD,SAAS,kBAAkB,wBAAwB,kBAAkB,KAAK;AAC9E,cAAM,aAAa,kBAAkB,qBACjC,qBAAqB,gBAAgB,kBAAkB,IACvD;AAEJ,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,0DACT,eAAe,KAAK,KAChB,gCACA,iCACN;AAAA,YACA,SAAS,MAAM,mBAAmB,KAAK,EAAE;AAAA,YAExC,6BACC;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU,KAAK;AAAA,gBACf,cAAc,KAAK,gBAAgB,gBAAgB;AAAA,gBACnD,YAAY,KAAK,cAAc,cAAc;AAAA,gBAC7C,UAAU,KAAK;AAAA,gBACf,aAAa;AAAA,kBACX,OAAO,KAAK;AAAA,kBACZ,UAAU,KAAK,YAAY;AAAA,gBAC7B;AAAA,gBACA,MAAM,YAAY;AAAA;AAAA,YACpB,IAEA,qBAAC,SAAI,WAAU,WACb;AAAA,kCAAC,OAAE,WAAU,eAAe,eAAK,OAAM;AAAA,cACtC,KAAK,YACJ,oBAAC,OAAE,WAAU,iCAAiC,eAAK,UAAS;AAAA,eAEhE;AAAA;AAAA,UA1BG,KAAK;AAAA,QA4BZ;AAAA,MAEJ,CAAC,GACH;AAAA,OACF;AAAA,IAEC,CAAC,aAAa,CAAC,SAAS,MAAM,WAAW,IACxC,oBAAC,OAAE,WAAU,iCACV,YAAE,4CAA4C,wCAAwC,GACzF,IACE;AAAA,KACN;AAEJ;",
   "names": []
 }

package/dist/backend/messages/SendObjectMessageDialog.js

@@ -1,7 +1,8 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Send } from "lucide-react";
+import Link from "next/link";
+import { ExternalLink, Send } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "../../primitives/button.js";
 import {
@@ -13,10 +14,8 @@ function SendObjectMessageDialog({
   lockedType = "messages.defaultWithObjects",
   requiredActionConfig = null,
   disabled = false,
-  contextPreview = null,
-  children = null,
-  onSuccess,
-  renderTrigger
+  viewHref = null,
+  onSuccess
 }) {
   const t = useT();
   const [open, setOpen] = React.useState(false);
@@ -29,23 +28,35 @@ function SendObjectMessageDialog({
     entityType: object.entityType,
     entityId: object.entityId,
     sourceEntityType: object.sourceEntityType ?? null,
-    sourceEntityId: object.sourceEntityId ?? null
-  }), [object.entityId, object.entityModule, object.entityType, object.sourceEntityId, object.sourceEntityType]);
-  const trigger = renderTrigger ? renderTrigger({ openComposer, disabled }) : /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      size: "icon",
-      variant: "outline",
-      disabled,
-      onClick: openComposer,
-      "aria-label": t("messages.compose", "Compose message"),
-      title: t("messages.compose", "Compose message"),
-      children: /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" })
-    }
-  );
+    sourceEntityId: object.sourceEntityId ?? null,
+    previewData: object.previewData ?? null
+  }), [object.entityId, object.entityModule, object.entityType, object.sourceEntityId, object.sourceEntityType, object.previewData]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    trigger,
+    viewHref ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: "icon",
+        variant: "outline",
+        asChild: true,
+        "aria-label": t("common.view", "View"),
+        title: t("common.view", "View"),
+        children: /* @__PURE__ */ jsx(Link, { href: viewHref, children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" }) })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: "icon",
+        variant: "ghost",
+        disabled,
+        onClick: openComposer,
+        "aria-label": t("messages.compose", "Compose message"),
+        title: t("messages.compose", "Compose message"),
+        children: /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" })
+      }
+    ),
     /* @__PURE__ */ jsx(
       MessageComposer,
       {
@@ -55,7 +66,6 @@ function SendObjectMessageDialog({
         lockedType,
         contextObject,
         requiredActionConfig,
-        contextPreview: contextPreview ?? children,
         defaultValues,
         onSuccess
       }

package/dist/backend/messages/SendObjectMessageDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/messages/SendObjectMessageDialog.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Send } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../primitives/button'\nimport {\n  MessageComposer,\n  type MessageComposerContextObject,\n  type MessageComposerProps,\n  type MessageComposerRequiredActionConfig,\n} from './MessageComposer'\n\nexport type SendObjectMessageDialogProps = {\n  object: MessageComposerContextObject\n  defaultValues?: MessageComposerProps['defaultValues']\n  lockedType?: string | null\n  requiredActionConfig?: MessageComposerRequiredActionConfig | null\n  disabled?: boolean\n  contextPreview?: React.ReactNode\n  children?: React.ReactNode\n  onSuccess?: MessageComposerProps['onSuccess']\n  renderTrigger?: (params: { openComposer: () => void; disabled: boolean }) => React.ReactNode\n}\n\nexport function SendObjectMessageDialog({\n  object,\n  defaultValues,\n  lockedType = 'messages.defaultWithObjects',\n  requiredActionConfig = null,\n  disabled = false,\n  contextPreview = null,\n  children = null,\n  onSuccess,\n  renderTrigger,\n}: SendObjectMessageDialogProps) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n\n  const openComposer = React.useCallback(() => {\n    if (disabled) return\n    setOpen(true)\n  }, [disabled])\n  const contextObject = React.useMemo(() => ({\n    entityModule: object.entityModule,\n    entityType: object.entityType,\n    entityId: object.entityId,\n    sourceEntityType: object.sourceEntityType ?? null,\n    sourceEntityId: object.sourceEntityId ?? null,\n  }), [object.entityId, object.entityModule, object.entityType, object.sourceEntityId, object.sourceEntityType])\n\n  const trigger = renderTrigger\n    ? renderTrigger({ openComposer, disabled })\n    : (\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant=\"outline\"\n        disabled={disabled}\n        onClick={openComposer}\n        aria-label={t('messages.compose', 'Compose message')}\n        title={t('messages.compose', 'Compose message')}\n      >\n        <Send className=\"h-4 w-4\" />\n      </Button>\n    )\n    \n  return (\n    <>\n      {trigger}\n      <MessageComposer\n        variant=\"compose\"\n        open={open}\n        onOpenChange={setOpen}\n        lockedType={lockedType}\n        contextObject={contextObject}\n        requiredActionConfig={requiredActionConfig}\n        contextPreview={contextPreview ?? children}\n        defaultValues={defaultValues}\n        onSuccess={onSuccess}\n      />\n    </>\n  )\n}\n"],
-  "mappings": ";AA+DQ,SAKJ,UALI,KAKJ,YALI;AA7DR,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,OAIK;AAcA,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,QAAI,SAAU;AACd,YAAQ,IAAI;AAAA,EACd,GAAG,CAAC,QAAQ,CAAC;AACb,QAAM,gBAAgB,MAAM,QAAQ,OAAO;AAAA,IACzC,cAAc,OAAO;AAAA,IACrB,YAAY,OAAO;AAAA,IACnB,UAAU,OAAO;AAAA,IACjB,kBAAkB,OAAO,oBAAoB;AAAA,IAC7C,gBAAgB,OAAO,kBAAkB;AAAA,EAC3C,IAAI,CAAC,OAAO,UAAU,OAAO,cAAc,OAAO,YAAY,OAAO,gBAAgB,OAAO,gBAAgB,CAAC;AAE7G,QAAM,UAAU,gBACZ,cAAc,EAAE,cAAc,SAAS,CAAC,IAExC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACR;AAAA,MACA,SAAS;AAAA,MACT,cAAY,EAAE,oBAAoB,iBAAiB;AAAA,MACnD,OAAO,EAAE,oBAAoB,iBAAiB;AAAA,MAE9C,8BAAC,QAAK,WAAU,WAAU;AAAA;AAAA,EAC5B;AAGJ,SACE,iCACG;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR;AAAA,QACA,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,kBAAkB;AAAA,QAClC;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { ExternalLink, Send } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '../../primitives/button'\nimport {\n  MessageComposer,\n  type MessageComposerContextObject,\n  type MessageComposerProps,\n  type MessageComposerRequiredActionConfig,\n} from './MessageComposer'\n\nexport type SendObjectMessageDialogProps = {\n  object: MessageComposerContextObject\n  defaultValues?: MessageComposerProps['defaultValues']\n  lockedType?: string | null\n  requiredActionConfig?: MessageComposerRequiredActionConfig | null\n  disabled?: boolean\n  viewHref?: string | null\n  onSuccess?: MessageComposerProps['onSuccess']\n}\n\nexport function SendObjectMessageDialog({\n  object,\n  defaultValues,\n  lockedType = 'messages.defaultWithObjects',\n  requiredActionConfig = null,\n  disabled = false,\n  viewHref = null,\n  onSuccess,\n}: SendObjectMessageDialogProps) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n\n  const openComposer = React.useCallback(() => {\n    if (disabled) return\n    setOpen(true)\n  }, [disabled])\n  const contextObject = React.useMemo(() => ({\n    entityModule: object.entityModule,\n    entityType: object.entityType,\n    entityId: object.entityId,\n    sourceEntityType: object.sourceEntityType ?? null,\n    sourceEntityId: object.sourceEntityId ?? null,\n    previewData: object.previewData ?? null,\n  }), [object.entityId, object.entityModule, object.entityType, object.sourceEntityId, object.sourceEntityType, object.previewData])\n\n  return (\n    <>\n      {viewHref ? (\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant=\"outline\"\n          asChild\n          aria-label={t('common.view', 'View')}\n          title={t('common.view', 'View')}\n        >\n          <Link href={viewHref}>\n            <ExternalLink className=\"h-4 w-4\" />\n          </Link>\n        </Button>\n      ) : null}\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant=\"ghost\"\n        disabled={disabled}\n        onClick={openComposer}\n        aria-label={t('messages.compose', 'Compose message')}\n        title={t('messages.compose', 'Compose message')}\n      >\n        <Send className=\"h-4 w-4\" />\n      </Button>\n      <MessageComposer\n        variant=\"compose\"\n        open={open}\n        onOpenChange={setOpen}\n        lockedType={lockedType}\n        contextObject={contextObject}\n        requiredActionConfig={requiredActionConfig}\n        defaultValues={defaultValues}\n        onSuccess={onSuccess}\n      />\n    </>\n  )\n}\n"],
+  "mappings": ";AAkDI,mBAWQ,KAXR;AAhDJ,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,cAAc,YAAY;AACnC,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,OAIK;AAYA,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AACF,GAAiC;AAC/B,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,QAAI,SAAU;AACd,YAAQ,IAAI;AAAA,EACd,GAAG,CAAC,QAAQ,CAAC;AACb,QAAM,gBAAgB,MAAM,QAAQ,OAAO;AAAA,IACzC,cAAc,OAAO;AAAA,IACrB,YAAY,OAAO;AAAA,IACnB,UAAU,OAAO;AAAA,IACjB,kBAAkB,OAAO,oBAAoB;AAAA,IAC7C,gBAAgB,OAAO,kBAAkB;AAAA,IACzC,aAAa,OAAO,eAAe;AAAA,EACrC,IAAI,CAAC,OAAO,UAAU,OAAO,cAAc,OAAO,YAAY,OAAO,gBAAgB,OAAO,kBAAkB,OAAO,WAAW,CAAC;AAEjI,SACE,iCACG;AAAA,eACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAO;AAAA,QACP,cAAY,EAAE,eAAe,MAAM;AAAA,QACnC,OAAO,EAAE,eAAe,MAAM;AAAA,QAE9B,8BAAC,QAAK,MAAM,UACV,8BAAC,gBAAa,WAAU,WAAU,GACpC;AAAA;AAAA,IACF,IACE;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAQ;AAAA,QACR;AAAA,QACA,SAAS;AAAA,QACT,cAAY,EAAE,oBAAoB,iBAAiB;AAAA,QACnD,OAAO,EAAE,oBAAoB,iBAAiB;AAAA,QAE9C,8BAAC,QAAK,WAAU,WAAU;AAAA;AAAA,IAC5B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR;AAAA,QACA,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/backend/messages/index.js

@@ -3,8 +3,12 @@ import { SendObjectMessageDialog } from "./SendObjectMessageDialog.js";
 import { MessageObjectRecordPicker } from "./MessageObjectRecordPicker.js";
 import { MessagesIcon } from "./MessagesIcon.js";
 import { useMessagesPoll } from "./useMessagesPoll.js";
+import { MessageObjectPreview } from "./MessageObjectPreview.js";
+import { MessageObjectDetail } from "./MessageObjectDetail.js";
 export {
   MessageComposer,
+  MessageObjectDetail,
+  MessageObjectPreview,
   MessageObjectRecordPicker,
   MessagesIcon,
   SendObjectMessageDialog,

package/dist/backend/messages/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/messages/index.ts"],
-  "sourcesContent": ["export { MessageComposer } from './MessageComposer'\nexport type {\n  MessageComposerContextObject,\n  MessageComposerProps,\n  MessageComposerVariant,\n  MessageTypeItem,\n} from './MessageComposer'\n\nexport { SendObjectMessageDialog } from './SendObjectMessageDialog'\nexport type { SendObjectMessageDialogProps } from './SendObjectMessageDialog'\n\nexport { MessageObjectRecordPicker } from './MessageObjectRecordPicker'\nexport type { MessageObjectRecordPickerProps } from './MessageObjectRecordPicker'\n\nexport { MessagesIcon } from './MessagesIcon'\nexport type { MessagesIconProps } from './MessagesIcon'\n\nexport { useMessagesPoll } from './useMessagesPoll'\nexport type { MessagePollItem, UseMessagesPollResult } from './useMessagesPoll'\n"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAQhC,SAAS,+BAA+B;AAGxC,SAAS,iCAAiC;AAG1C,SAAS,oBAAoB;AAG7B,SAAS,uBAAuB;",
+  "sourcesContent": ["export { MessageComposer } from './MessageComposer'\nexport type {\n  MessageComposerContextObject,\n  MessageComposerProps,\n  MessageComposerVariant,\n  MessageTypeItem,\n} from './MessageComposer'\n\nexport { SendObjectMessageDialog } from './SendObjectMessageDialog'\nexport type { SendObjectMessageDialogProps } from './SendObjectMessageDialog'\n\nexport { MessageObjectRecordPicker } from './MessageObjectRecordPicker'\nexport type { MessageObjectRecordPickerProps } from './MessageObjectRecordPicker'\n\nexport { MessagesIcon } from './MessagesIcon'\nexport type { MessagesIconProps } from './MessagesIcon'\n\nexport { useMessagesPoll } from './useMessagesPoll'\nexport type { MessagePollItem, UseMessagesPollResult } from './useMessagesPoll'\n\nexport { MessageObjectPreview } from './MessageObjectPreview'\nexport { MessageObjectDetail } from './MessageObjectDetail'\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAQhC,SAAS,+BAA+B;AAGxC,SAAS,iCAAiC;AAG1C,SAAS,oBAAoB;AAG7B,SAAS,uBAAuB;AAGhC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.4.5-develop-610fbb24ec",
+  "version": "0.4.5-develop-811deeb983",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -116,7 +116,7 @@
     }
   },
   "dependencies": {
-    "@open-mercato/shared": "0.4.5-develop-610fbb24ec",
+    "@open-mercato/shared": "0.4.5-develop-811deeb983",
     "@radix-ui/react-popover": "^1.1.6",
     "@radix-ui/react-tooltip": "^1.2.8",
     "date-fns": "^4.1.0",

package/src/backend/messages/MessageComposer.tsx

@@ -5,10 +5,12 @@ import { Forward, Reply, Send } from 'lucide-react'
 import { CrudForm } from '../CrudForm'
 import { Button } from '../../primitives/button'
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../primitives/dialog'
+import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { getMessageUiComponentRegistry } from '@open-mercato/core/modules/messages/components/utils/typeUiRegistry'
+import { getMessageObjectType } from '@open-mercato/core/modules/messages/lib/message-objects-registry'
 import { createMessageComposeFormGroups } from './message-compose-form-groups'
 import { useMessageCompose } from './useMessageCompose'
-import type { MessageComposerProps } from './message-composer.types'
+import type { MessageComposerContextObject, MessageComposerProps } from './message-composer.types'
 
 export type {
   MessageComposerContextObject,
@@ -19,10 +21,47 @@ export type {
   MessageTypeItem,
 } from './message-composer.types'
 
+function ContextObjectPreview({ contextObject }: { contextObject: MessageComposerContextObject }) {
+  const t = useT()
+  const registry = getMessageUiComponentRegistry()
+  const previewComponentKey = `${contextObject.entityModule}:${contextObject.entityType}`
+  const PreviewComponent = registry.objectPreviewComponents[previewComponentKey]
+    ?? registry.objectPreviewComponents['messages:default']
+  const objectType = getMessageObjectType(contextObject.entityModule, contextObject.entityType)
+
+  if (PreviewComponent) {
+    return (
+      <PreviewComponent
+        entityId={contextObject.entityId}
+        entityModule={contextObject.entityModule}
+        entityType={contextObject.entityType}
+        actionRequired={contextObject.actionRequired}
+        actionType={contextObject.actionType}
+        actionLabel={contextObject.actionLabel}
+        previewData={contextObject.previewData ?? undefined}
+        icon={objectType?.icon}
+      />
+    )
+  }
+
+  return (
+    <div className="space-y-1">
+      <p className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
+        {t('messages.composer.contextPreview.title', 'Context object')}
+      </p>
+      <p className="text-sm font-medium">
+        {contextObject.entityModule}:{contextObject.entityType}
+      </p>
+      <p className="text-xs font-mono text-muted-foreground">
+        {contextObject.entityId}
+      </p>
+    </div>
+  )
+}
+
 export function MessageComposer(props: MessageComposerProps) {
   const compose = useMessageCompose(props)
   const inlineBackHref = props.inlineBackHref
-  const messageUiRegistry = React.useMemo(() => getMessageUiComponentRegistry(), [])
   const SubmitIcon = compose.variant === 'reply'
     ? Reply
     : compose.variant === 'forward'
@@ -90,38 +129,8 @@ export function MessageComposer(props: MessageComposerProps) {
   const fallbackContextPreview = React.useMemo(() => {
     if (compose.contextPreview) return compose.contextPreview
     if (!props.contextObject) return null
-
-    const previewComponentKey = `${props.contextObject.entityModule}:${props.contextObject.entityType}`
-    const PreviewComponent = messageUiRegistry.objectPreviewComponents[previewComponentKey]
-      ?? messageUiRegistry.objectPreviewComponents['messages:default']
-
-    if (PreviewComponent) {
-      return (
-        <PreviewComponent
-          entityId={props.contextObject.entityId}
-          entityModule={props.contextObject.entityModule}
-          entityType={props.contextObject.entityType}
-          actionRequired={props.contextObject.actionRequired}
-          actionType={props.contextObject.actionType}
-          actionLabel={props.contextObject.actionLabel}
-        />
-      )
-    }
-
-    return (
-      <div className="space-y-1">
-        <p className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
-          {compose.t('messages.composer.contextPreview.title', 'Context object')}
-        </p>
-        <p className="text-sm font-medium">
-          {props.contextObject.entityModule}:{props.contextObject.entityType}
-        </p>
-        <p className="text-xs font-mono text-muted-foreground">
-          {props.contextObject.entityId}
-        </p>
-      </div>
-    )
-  }, [compose.contextPreview, compose.t, messageUiRegistry.objectPreviewComponents, props.contextObject])
+    return <ContextObjectPreview contextObject={props.contextObject} />
+  }, [compose.contextPreview, props.contextObject])
 
   const composeWithContextPreview = React.useMemo(
     () => ({ ...compose, contextPreview: fallbackContextPreview }),

package/src/backend/messages/MessageObjectDetail.tsx

@@ -0,0 +1,95 @@
+"use client"
+
+import * as React from 'react'
+import Link from 'next/link'
+import { useT } from '@open-mercato/shared/lib/i18n/context'
+import type { ObjectDetailProps } from '@open-mercato/shared/modules/messages/types'
+import { Button } from '@open-mercato/ui/primitives/button'
+import { MessageObjectPreview } from './MessageObjectPreview'
+
+function resolveActionHref(template: string, entityId: string): string {
+  return template.replace('{entityId}', encodeURIComponent(entityId))
+}
+
+export function MessageObjectDetail(props: ObjectDetailProps) {
+  const t = useT()
+  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)
+
+  const viewAction = props.actions.find((a) => a.id === 'view')
+  const otherActions = props.actions.filter((a) => a.id !== 'view')
+
+  const preview = (
+    <MessageObjectPreview
+      entityId={props.entityId}
+      entityModule={props.entityModule}
+      entityType={props.entityType}
+      snapshot={props.snapshot}
+      previewData={props.previewData}
+      actionRequired={props.actionRequired}
+      actionType={props.actionType}
+      actionLabel={props.actionLabel}
+      icon={props.icon}
+    />
+  )
+
+  return (
+    <div className="space-y-3 rounded border p-3">
+      {viewAction?.href ? (
+        <Link
+          href={resolveActionHref(viewAction.href, props.entityId)}
+          className="block rounded-md transition-opacity hover:opacity-75"
+        >
+          {preview}
+        </Link>
+      ) : (
+        preview
+      )}
+
+      {otherActions.length > 0 ? (
+        <div className="flex flex-wrap gap-2">
+          {otherActions.map((action) => {
+            if (action.href) {
+              return (
+                <Button
+                  key={action.id}
+                  type="button"
+                  size="sm"
+                  variant={action.variant ?? 'default'}
+                  asChild
+                >
+                  <Link href={resolveActionHref(action.href, props.entityId)}>
+                    {t(action.labelKey ?? action.id, action.id)}
+                  </Link>
+                </Button>
+              )
+            }
+            return (
+              <Button
+                key={action.id}
+                type="button"
+                size="sm"
+                variant={action.variant ?? 'default'}
+                disabled={executingActionId !== null}
+                onClick={async () => {
+                  if (executingActionId) return
+                  setExecutingActionId(action.id)
+                  try {
+                    await props.onAction(action.id, { id: props.entityId })
+                  } finally {
+                    setExecutingActionId(null)
+                  }
+                }}
+              >
+                {executingActionId === action.id
+                  ? t('messages.actions.executing', 'Executing...')
+                  : t(action.labelKey ?? action.id, action.id)}
+              </Button>
+            )
+          })}
+        </div>
+      ) : null}
+    </div>
+  )
+}
+
+export default MessageObjectDetail

package/src/backend/messages/MessageObjectPreview.tsx

@@ -0,0 +1,64 @@
+"use client"
+
+import { Box, type LucideIcon } from 'lucide-react'
+import * as lucideIcons from 'lucide-react'
+import { useT } from '@open-mercato/shared/lib/i18n/context'
+import type { ObjectPreviewProps } from '@open-mercato/shared/modules/messages/types'
+import { Badge } from '@open-mercato/ui/primitives/badge'
+
+function resolveIcon(name: string | undefined): LucideIcon {
+  if (!name) return Box
+  const key = name
+    .split('-')
+    .map((s) => s.charAt(0).toUpperCase() + s.slice(1))
+    .join('') as keyof typeof lucideIcons
+  const candidate = lucideIcons[key]
+  if (typeof candidate === 'function' || (typeof candidate === 'object' && candidate !== null && '$$typeof' in candidate)) {
+    return candidate as LucideIcon
+  }
+  return Box
+}
+
+export function MessageObjectPreview({
+  previewData,
+  actionRequired,
+  actionLabel,
+  icon,
+}: ObjectPreviewProps) {
+  const t = useT()
+  const Icon = resolveIcon(icon)
+
+  return (
+    <div className="flex items-start gap-3 rounded-md border bg-muted/20 p-3">
+      <Icon className="mt-0.5 h-4 w-4 text-muted-foreground" />
+      <div className="min-w-0 flex-1 space-y-1">
+        <div className="flex items-center gap-2">
+          <p className="truncate text-sm font-medium">{previewData?.title || ''}</p>
+          {actionRequired ? (
+            <Badge variant="secondary" className="text-xs">
+              {actionLabel || t('messages.composer.objectActionRequired', 'Action required')}
+            </Badge>
+          ) : null}
+        </div>
+        {previewData?.subtitle ? (
+          <p className="truncate text-xs text-muted-foreground">{previewData.subtitle}</p>
+        ) : null}
+        {previewData?.status ? (
+          <Badge variant="outline" className="text-xs">{previewData.status}</Badge>
+        ) : null}
+        {previewData?.metadata && Object.keys(previewData.metadata).length > 0 ? (
+          <dl className="space-y-1 pt-1">
+            {Object.entries(previewData.metadata).map(([key, value]) => (
+              <div key={key} className="flex items-start gap-2 text-xs text-muted-foreground">
+                <dt className="font-medium capitalize">{key}:</dt>
+                <dd className="truncate">{value}</dd>
+              </div>
+            ))}
+          </dl>
+        ) : null}
+      </div>
+    </div>
+  )
+}
+
+export default MessageObjectPreview

package/src/backend/messages/MessageObjectRecordPicker.tsx

@@ -6,6 +6,7 @@ import { Button } from '../../primitives/button'
 import { Input } from '../../primitives/input'
 import { Label } from '../../primitives/label'
 import { getMessageUiComponentRegistry } from '@open-mercato/core/modules/messages/components/utils/typeUiRegistry'
+import { getMessageObjectType } from '@open-mercato/core/modules/messages/lib/message-objects-registry'
 
 export type MessageObjectOptionItem = {
   id: string
@@ -90,6 +91,9 @@ export function MessageObjectRecordPicker({
             const PreviewComponent = (componentKey
               ? messageUiRegistry.objectPreviewComponents[componentKey]
               : null) ?? messageUiRegistry.objectPreviewComponents['messages:default'] ?? null
+            const objectType = resolvedModule && resolvedEntityType
+              ? getMessageObjectType(resolvedModule, resolvedEntityType)
+              : null
 
             return (
               <div
@@ -111,6 +115,7 @@ export function MessageObjectRecordPicker({
                       title: item.label,
                       subtitle: item.subtitle || undefined,
                     }}
+                    icon={objectType?.icon}
                   />
                 ) : (
                   <div className="text-sm">

package/src/backend/messages/SendObjectMessageDialog.tsx

@@ -1,7 +1,8 @@
 "use client"
 
 import * as React from 'react'
-import { Send } from 'lucide-react'
+import Link from 'next/link'
+import { ExternalLink, Send } from 'lucide-react'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { Button } from '../../primitives/button'
 import {
@@ -17,10 +18,8 @@ export type SendObjectMessageDialogProps = {
   lockedType?: string | null
   requiredActionConfig?: MessageComposerRequiredActionConfig | null
   disabled?: boolean
-  contextPreview?: React.ReactNode
-  children?: React.ReactNode
+  viewHref?: string | null
   onSuccess?: MessageComposerProps['onSuccess']
-  renderTrigger?: (params: { openComposer: () => void; disabled: boolean }) => React.ReactNode
 }
 
 export function SendObjectMessageDialog({
@@ -29,10 +28,8 @@ export function SendObjectMessageDialog({
   lockedType = 'messages.defaultWithObjects',
   requiredActionConfig = null,
   disabled = false,
-  contextPreview = null,
-  children = null,
+  viewHref = null,
   onSuccess,
-  renderTrigger,
 }: SendObjectMessageDialogProps) {
   const t = useT()
   const [open, setOpen] = React.useState(false)
@@ -47,15 +44,29 @@ export function SendObjectMessageDialog({
     entityId: object.entityId,
     sourceEntityType: object.sourceEntityType ?? null,
     sourceEntityId: object.sourceEntityId ?? null,
-  }), [object.entityId, object.entityModule, object.entityType, object.sourceEntityId, object.sourceEntityType])
+    previewData: object.previewData ?? null,
+  }), [object.entityId, object.entityModule, object.entityType, object.sourceEntityId, object.sourceEntityType, object.previewData])
 
-  const trigger = renderTrigger
-    ? renderTrigger({ openComposer, disabled })
-    : (
+  return (
+    <>
+      {viewHref ? (
+        <Button
+          type="button"
+          size="icon"
+          variant="outline"
+          asChild
+          aria-label={t('common.view', 'View')}
+          title={t('common.view', 'View')}
+        >
+          <Link href={viewHref}>
+            <ExternalLink className="h-4 w-4" />
+          </Link>
+        </Button>
+      ) : null}
       <Button
         type="button"
         size="icon"
-        variant="outline"
+        variant="ghost"
         disabled={disabled}
         onClick={openComposer}
         aria-label={t('messages.compose', 'Compose message')}
@@ -63,11 +74,6 @@ export function SendObjectMessageDialog({
       >
         <Send className="h-4 w-4" />
       </Button>
-    )
-    
-  return (
-    <>
-      {trigger}
       <MessageComposer
         variant="compose"
         open={open}
@@ -75,7 +81,6 @@ export function SendObjectMessageDialog({
         lockedType={lockedType}
         contextObject={contextObject}
         requiredActionConfig={requiredActionConfig}
-        contextPreview={contextPreview ?? children}
         defaultValues={defaultValues}
         onSuccess={onSuccess}
       />

package/src/backend/messages/index.ts

@@ -17,3 +17,6 @@ export type { MessagesIconProps } from './MessagesIcon'
 
 export { useMessagesPoll } from './useMessagesPoll'
 export type { MessagePollItem, UseMessagesPollResult } from './useMessagesPoll'
+
+export { MessageObjectPreview } from './MessageObjectPreview'
+export { MessageObjectDetail } from './MessageObjectDetail'

package/src/backend/messages/message-composer.types.ts

@@ -1,4 +1,5 @@
 import type * as React from 'react'
+import type { ObjectPreviewData } from '@open-mercato/shared/modules/messages/types'
 import type { MessagePriority } from './message-priority'
 
 export type MessageTypeItem = {
@@ -34,6 +35,7 @@ export type MessageComposerContextObject = {
   actionLabel?: string
   sourceEntityType?: string | null
   sourceEntityId?: string | null
+  previewData?: ObjectPreviewData | null
 }
 
 export type MessageComposerRequiredActionOption = {