@proteos/ui 0.51.0 → 0.52.0

package/dist/index.d.cts

@@ -810,8 +810,14 @@ interface ConversationBriefPreviewProps {
     className?: string;
     /** Visual override for the guidance text box (e.g. a max height). */
     contentClassName?: string;
+    /** Renders the guidance text (markdown). Absent ⇒ plain pre-wrapped text. */
+    renderContent?: (content: string) => ReactNode;
+    /** Shows an Edit button on hover over the guidance box. */
+    onEdit?: () => void;
+    /** Replaces the guidance box wholesale — the host's editing surface. */
+    editor?: ReactNode;
 }
-declare function ConversationBriefPreview({ brief, contacts, onCall, isCallDisabled, callDisabledReason, controls, isCallButtonHidden, onSelectionChange, callLabel, className, contentClassName, }: ConversationBriefPreviewProps): react_jsx_runtime.JSX.Element;
+declare function ConversationBriefPreview({ brief, contacts, onCall, isCallDisabled, callDisabledReason, controls, isCallButtonHidden, onSelectionChange, callLabel, className, contentClassName, renderContent, onEdit, editor, }: ConversationBriefPreviewProps): react_jsx_runtime.JSX.Element;
 
 interface ConversationBriefReviewProps {
     conversationBriefId: string;
@@ -839,8 +845,10 @@ interface ConversationBriefReviewProps {
     overlayClassName?: string;
     openLabel?: string;
     className?: string;
+    /** Built-in modal only: markdown renderer for the guidance text. */
+    renderContent?: (content: string) => ReactNode;
 }
-declare function ConversationBriefReview({ conversationBriefId, client, onOpenCall, onCall, isCallDisabled, callDisabledReason, onOutcome, onLoadError, modalTitle, modalClassName, overlayClassName, openLabel, className, }: ConversationBriefReviewProps): react_jsx_runtime.JSX.Element | null;
+declare function ConversationBriefReview({ conversationBriefId, client, onOpenCall, onCall, isCallDisabled, callDisabledReason, onOutcome, onLoadError, modalTitle, modalClassName, overlayClassName, openLabel, className, renderContent, }: ConversationBriefReviewProps): react_jsx_runtime.JSX.Element | null;
 /** The people's names, comma-joined. */
 declare function namesOf(contacts: Contact[]): string;
 /** Who + where + what: the people (when the subject took the headline),

package/dist/index.d.ts

@@ -810,8 +810,14 @@ interface ConversationBriefPreviewProps {
     className?: string;
     /** Visual override for the guidance text box (e.g. a max height). */
     contentClassName?: string;
+    /** Renders the guidance text (markdown). Absent ⇒ plain pre-wrapped text. */
+    renderContent?: (content: string) => ReactNode;
+    /** Shows an Edit button on hover over the guidance box. */
+    onEdit?: () => void;
+    /** Replaces the guidance box wholesale — the host's editing surface. */
+    editor?: ReactNode;
 }
-declare function ConversationBriefPreview({ brief, contacts, onCall, isCallDisabled, callDisabledReason, controls, isCallButtonHidden, onSelectionChange, callLabel, className, contentClassName, }: ConversationBriefPreviewProps): react_jsx_runtime.JSX.Element;
+declare function ConversationBriefPreview({ brief, contacts, onCall, isCallDisabled, callDisabledReason, controls, isCallButtonHidden, onSelectionChange, callLabel, className, contentClassName, renderContent, onEdit, editor, }: ConversationBriefPreviewProps): react_jsx_runtime.JSX.Element;
 
 interface ConversationBriefReviewProps {
     conversationBriefId: string;
@@ -839,8 +845,10 @@ interface ConversationBriefReviewProps {
     overlayClassName?: string;
     openLabel?: string;
     className?: string;
+    /** Built-in modal only: markdown renderer for the guidance text. */
+    renderContent?: (content: string) => ReactNode;
 }
-declare function ConversationBriefReview({ conversationBriefId, client, onOpenCall, onCall, isCallDisabled, callDisabledReason, onOutcome, onLoadError, modalTitle, modalClassName, overlayClassName, openLabel, className, }: ConversationBriefReviewProps): react_jsx_runtime.JSX.Element | null;
+declare function ConversationBriefReview({ conversationBriefId, client, onOpenCall, onCall, isCallDisabled, callDisabledReason, onOutcome, onLoadError, modalTitle, modalClassName, overlayClassName, openLabel, className, renderContent, }: ConversationBriefReviewProps): react_jsx_runtime.JSX.Element | null;
 /** The people's names, comma-joined. */
 declare function namesOf(contacts: Contact[]): string;
 /** Who + where + what: the people (when the subject took the headline),

package/dist/index.js

@@ -1,6 +1,6 @@
 import { cn, Button, Skeleton } from './chunk-IKAX76MB.js';
 export { Button, Skeleton, buttonStyles, cn, skeletonStyles } from './chunk-IKAX76MB.js';
-import { icons, Paperclip, BookText, Banknote, UsersRound, User, Link2, Braces, Brackets, ToggleLeft, CircleDot, Calendar, Hash, Type, File, FileImage, FileText, FileSpreadsheet, FileArchive, Loader2, X, Shapes, Search, Phone, AudioLines, Video, Mic, AtSign, MessagesSquare, Camera, Send, Linkedin, MessageCircle, Mail, Pipette, ChevronDown, GripVertical, SendHorizontal, CircleX, Download, ChevronRight as ChevronRight$1, CircleCheck, CircleAlert, Info } from 'lucide-react';
+import { icons, Paperclip, BookText, Banknote, UsersRound, User, Link2, Braces, Brackets, ToggleLeft, CircleDot, Calendar, Hash, Type, File, FileImage, FileText, FileSpreadsheet, FileArchive, Loader2, X, Shapes, Search, Phone, AudioLines, Video, Mic, AtSign, MessagesSquare, Camera, Send, Linkedin, MessageCircle, Mail, Pipette, Pencil, ChevronDown, GripVertical, SendHorizontal, CircleX, Download, ChevronRight as ChevronRight$1, CircleCheck, CircleAlert, Info } from 'lucide-react';
 import { tv } from 'tailwind-variants';
 import { Tabs as Tabs$1, TabPanel, Tab, TabList, MenuTrigger as MenuTrigger$1, SubmenuTrigger as SubmenuTrigger$1, DialogTrigger, Popover as Popover$1, Dialog, DropZone, Text, FileTrigger, Heading, Label, Input as Input$1, ListBox, ListBoxItem, Breadcrumbs as Breadcrumbs$1, Breadcrumb, Link, Button as Button$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, FieldError, TextField, ComboBox, ComboBoxStateContext, Select as Select$1, SelectValue, ModalOverlay, Modal as Modal$1, DatePicker as DatePicker$1, Group, DateInput, DateSegment, Menu as Menu$1, MenuItem as MenuItem$1, Disclosure, DisclosurePanel, ProgressBar as ProgressBar$1, RadioGroup as RadioGroup$1, Radio as Radio$1, Separator as Separator$1, Switch as Switch$1, TextArea, TimeField as TimeField$1, UNSTABLE_ToastQueue, UNSTABLE_ToastRegion, UNSTABLE_Toast, UNSTABLE_ToastContent, TooltipTrigger as TooltipTrigger$1, Tooltip as Tooltip$1, Calendar as Calendar$1, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell, DatePickerStateContext } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -2147,7 +2147,10 @@ function ConversationBriefPreview({
   onSelectionChange,
   callLabel = "Call",
   className,
-  contentClassName
+  contentClassName,
+  renderContent,
+  onEdit,
+  editor
 }) {
   const [pickedContactId, setPickedContactId] = useState("");
   const contact = contacts.find((entry) => entry.id === pickedContactId) ?? contacts[0] ?? null;
@@ -2171,17 +2174,35 @@ function ConversationBriefPreview({
         brief.status === "prepared" ? "Prepared" : brief.status === "used" ? "Call held" : "Discarded"
       ].filter(Boolean).join(" \xB7 ") })
     ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: 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__ */ jsxs("div", { className: "group/brief-content relative", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: 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__ */ jsx(
+        Button$1,
+        {
+          "aria-label": "Edit brief",
+          onPress: onEdit,
+          className: 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__ */ jsx(Pencil, { className: "size-3.5", "aria-hidden": true })
+        }
+      ) : null
+    ] }),
     onCall ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-t border-rule-2 pt-3", children: [
       contacts.length > 1 ? /* @__PURE__ */ jsx(
         Select,
@@ -2319,7 +2340,8 @@ function ConversationBriefReview({
   modalClassName = "max-w-2xl",
   overlayClassName,
   openLabel,
-  className
+  className,
+  renderContent
 }) {
   const [brief, setBrief] = useState(null);
   const [contacts, setContacts] = useState([]);
@@ -2396,6 +2418,7 @@ function ConversationBriefReview({
               contentClassName: "max-h-[50dvh]",
               isCallDisabled,
               ...callDisabledReason !== void 0 ? { callDisabledReason } : {},
+              ...renderContent !== void 0 ? { renderContent } : {},
               ...onCall && isDialableConversationBrief(brief) ? {
                 onCall: (contact, phoneNumber) => {
                   setIsOpen(false);