@proteos/ui 0.51.0 → 0.52.0

package/dist/index.cjs

@@ -2148,7 +2148,10 @@ function ConversationBriefPreview({
   onSelectionChange,
   callLabel = "Call",
   className,
-  contentClassName
+  contentClassName,
+  renderContent,
+  onEdit,
+  editor
 }) {
   const [pickedContactId, setPickedContactId] = react.useState("");
   const contact = contacts.find((entry) => entry.id === pickedContactId) ?? contacts[0] ?? null;
@@ -2172,17 +2175,35 @@ function ConversationBriefPreview({
         brief.status === "prepared" ? "Prepared" : brief.status === "used" ? "Call held" : "Discarded"
       ].filter(Boolean).join(" \xB7 ") })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: chunkMWAXK66H_cjs.cn(
-          "whitespace-pre-wrap rounded-md border border-rule-2 bg-surface-2/60 px-3 py-2.5",
-          "text-[13px] leading-relaxed text-ink-2 overflow-y-auto [scrollbar-width:thin]",
-          contentClassName
-        ),
-        children: brief.content
-      }
-    ),
+    editor ?? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/brief-content relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: chunkMWAXK66H_cjs.cn(
+            "rounded-md border border-rule-2 bg-surface-2/60 px-3 py-2.5",
+            "text-[13px] leading-relaxed text-ink-2 overflow-y-auto [scrollbar-width:thin]",
+            renderContent ? null : "whitespace-pre-wrap",
+            contentClassName
+          ),
+          children: renderContent ? renderContent(brief.content) : brief.content
+        }
+      ),
+      onEdit ? /* @__PURE__ */ jsxRuntime.jsx(
+        reactAriaComponents.Button,
+        {
+          "aria-label": "Edit brief",
+          onPress: onEdit,
+          className: chunkMWAXK66H_cjs.cn(
+            "absolute right-1.5 top-1.5 inline-flex size-7 cursor-pointer items-center justify-center",
+            "rounded-md bg-surface/80 text-ink-3 outline-none transition-opacity",
+            "opacity-0 group-hover/brief-content:opacity-100 focus-visible:opacity-100",
+            "data-[hovered]:bg-surface-3 data-[hovered]:text-ink",
+            "focus-visible:shadow-[var(--shadow-focus)]"
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "size-3.5", "aria-hidden": true })
+        }
+      ) : null
+    ] }),
     onCall ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 border-t border-rule-2 pt-3", children: [
       contacts.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(
         Select,
@@ -2320,7 +2341,8 @@ function ConversationBriefReview({
   modalClassName = "max-w-2xl",
   overlayClassName,
   openLabel,
-  className
+  className,
+  renderContent
 }) {
   const [brief, setBrief] = react.useState(null);
   const [contacts, setContacts] = react.useState([]);
@@ -2397,6 +2419,7 @@ function ConversationBriefReview({
               contentClassName: "max-h-[50dvh]",
               isCallDisabled,
               ...callDisabledReason !== void 0 ? { callDisabledReason } : {},
+              ...renderContent !== void 0 ? { renderContent } : {},
               ...onCall && isDialableConversationBrief(brief) ? {
                 onCall: (contact, phoneNumber) => {
                   setIsOpen(false);