@uplifted/react 0.23.0 → 0.24.0

package/dist/SegmentEditor.d.ts

@@ -14,12 +14,19 @@ export interface SegmentEditorProps {
     disabled?: boolean | undefined;
     /** Nothing can be typed or removed: the box shows fixed text (Uplift's stock intro) and only Send applies. */
     readOnly?: boolean | undefined;
+    /** Esc in the editor: the parent's clear. */
+    onEscape?: (() => void) | undefined;
 }
 /**
  * Two modes, like native Uplift's editor: a plain textarea for typing, and a contentEditable
- * box that shows an injected draft as coloured pills the coach can delete one by one. The DOM
- * of the pill box is owned by hand (written on inject, read on change), never by React, so the
- * caret and the browser's own editing stay intact. The parent only ever sees plain text.
+ * box that shows an injected draft as pills the coach can delete one by one. The DOM of the
+ * pill box is owned by hand (written on inject, read on change), never by React, so the caret
+ * and the browser's own editing stay intact. The parent only ever sees plain text.
+ *
+ * An injected draft first lands "suggested" (native #633): greyed plain text on a tint with a
+ * "Suggested draft" label, so it reads as Uplift's words. Send works as is. The first click,
+ * tap or keystroke opens the pills; pills stay grey until the coach clicks or types in one.
+ * A locked injection (the stock intro) is never suggested.
  */
-export declare function SegmentEditor({ value, onChange, inject, placeholder, ariaLabel, disabled, readOnly }: SegmentEditorProps): import("react").JSX.Element;
+export declare function SegmentEditor({ value, onChange, inject, placeholder, ariaLabel, disabled, readOnly, onEscape }: SegmentEditorProps): import("react").JSX.Element;
 //# sourceMappingURL=SegmentEditor.d.ts.map

package/dist/SegmentEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentEditor.d.ts","sourceRoot":"","sources":["../src/SegmentEditor.tsx"],"names":[],"mappings":"AAGA,6IAA6I;AAC7I,MAAM,WAAW,SAAS;IAAG,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE;AAEtF,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA6GxH"}
+{"version":3,"file":"SegmentEditor.d.ts","sourceRoot":"","sources":["../src/SegmentEditor.tsx"],"names":[],"mappings":"AAIA,6IAA6I;AAC7I,MAAM,WAAW,SAAS;IAAG,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE;AAEtF,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACrC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA+LlI"}

package/dist/SegmentEditor.js

@@ -1,18 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { flushSync } from "react-dom";
 import { reconstructMessage, SEG_CLASS, SEG_DELETE_CLASS, toLockedPillHtml, toPillHtml } from "./segments.js";
 /**
  * Two modes, like native Uplift's editor: a plain textarea for typing, and a contentEditable
- * box that shows an injected draft as coloured pills the coach can delete one by one. The DOM
- * of the pill box is owned by hand (written on inject, read on change), never by React, so the
- * caret and the browser's own editing stay intact. The parent only ever sees plain text.
+ * box that shows an injected draft as pills the coach can delete one by one. The DOM of the
+ * pill box is owned by hand (written on inject, read on change), never by React, so the caret
+ * and the browser's own editing stay intact. The parent only ever sees plain text.
+ *
+ * An injected draft first lands "suggested" (native #633): greyed plain text on a tint with a
+ * "Suggested draft" label, so it reads as Uplift's words. Send works as is. The first click,
+ * tap or keystroke opens the pills; pills stay grey until the coach clicks or types in one.
+ * A locked injection (the stock intro) is never suggested.
  */
-export function SegmentEditor({ value, onChange, inject, placeholder, ariaLabel, disabled, readOnly }) {
+export function SegmentEditor({ value, onChange, inject, placeholder, ariaLabel, disabled, readOnly, onEscape }) {
     const [rich, setRich] = useState(false);
+    const [suggested, setSuggested] = useState(false);
+    // Set while engage() hands a suggested draft to the pills: it focuses itself, inside the tap.
+    const engaging = useRef(false);
     const boxRef = useRef(null);
     const taRef = useRef(null);
     const lastKey = useRef(null);
     const pendingHtml = useRef(null);
+    // Bumped on every inject, so a second pick redraws the pills even when already in pill mode.
+    const [injected, setInjected] = useState(0);
     // Inject: switch to pills. Done in a layout effect so the box exists before we write to it.
     useEffect(() => {
         if (!inject || !inject.text.trim() || inject.key === lastKey.current)
@@ -20,15 +31,19 @@ export function SegmentEditor({ value, onChange, inject, placeholder, ariaLabel,
         lastKey.current = inject.key;
         pendingHtml.current = inject.locked ? toLockedPillHtml(inject.text, inject.key) : toPillHtml(inject.text, inject.key);
         setRich(true);
+        setSuggested(!inject.locked);
+        setInjected((n) => n + 1);
     }, [inject]);
     useLayoutEffect(() => {
         if (!rich || pendingHtml.current === null)
             return;
         const el = boxRef.current;
         if (!el)
-            return;
+            return; // still suggested: the pills are written when the coach engages
         el.innerHTML = pendingHtml.current;
         pendingHtml.current = null;
+        if (engaging.current)
+            return;
         // Caret at the end, after the last pill, so typing continues the message. Native does the same.
         const t = setTimeout(() => {
             el.focus();
@@ -43,19 +58,49 @@ export function SegmentEditor({ value, onChange, inject, placeholder, ariaLabel,
             el.removeChild(marker);
         }, 80);
         return () => clearTimeout(t);
-    }, [rich]);
+    }, [rich, injected, suggested]);
     // The parent cleared the text (sent, or switched client): leave pill mode.
     useEffect(() => {
         if (rich && value === "") {
             setRich(false);
+            setSuggested(false);
+            pendingHtml.current = null;
             if (boxRef.current)
                 boxRef.current.innerHTML = "";
         }
     }, [value, rich]);
+    // First click, tap, focus or keystroke on a suggested draft: hand it to the pills. Synchronous
+    // (flushSync) so focus lands inside the same tap, which is what opens the keyboard on iOS.
+    const engage = useCallback(() => {
+        if (!suggested || disabled)
+            return;
+        engaging.current = true;
+        flushSync(() => setSuggested(false));
+        engaging.current = false;
+        const el = boxRef.current;
+        if (!el)
+            return;
+        el.focus();
+        const range = document.createRange();
+        range.selectNodeContents(el);
+        range.collapse(false);
+        const sel = window.getSelection();
+        sel?.removeAllRanges();
+        sel?.addRange(range);
+    }, [suggested, disabled]);
+    // Mark the pill under the caret as the coach's (white, full-strength text).
+    const touchAtCaret = useCallback(() => {
+        const node = window.getSelection()?.anchorNode;
+        const el = node && (node.nodeType === 1 ? node : node.parentElement);
+        const seg = el?.closest(`.${SEG_CLASS}`);
+        if (seg && boxRef.current?.contains(seg))
+            seg.classList.add("touched");
+    }, []);
     const readBack = useCallback(() => {
         const el = boxRef.current;
         if (!el)
             return;
+        touchAtCaret();
         const html = el.innerHTML;
         const plain = reconstructMessage(html);
         onChange(plain);
@@ -64,7 +109,7 @@ export function SegmentEditor({ value, onChange, inject, placeholder, ariaLabel,
             setRich(false);
         if (!html.includes(SEG_CLASS) && !plain)
             setRich(false);
-    }, [onChange]);
+    }, [onChange, touchAtCaret]);
     const removePill = useCallback((id) => {
         const el = boxRef.current?.querySelector(`.${SEG_CLASS}[data-seg="${id}"]`);
         if (!el)
@@ -78,18 +123,57 @@ export function SegmentEditor({ value, onChange, inject, placeholder, ariaLabel,
             e.preventDefault();
             e.stopPropagation();
             removePill(t.getAttribute("data-seg") ?? "");
+            return;
         }
+        const seg = t.closest(`.${SEG_CLASS}`);
+        boxRef.current?.querySelectorAll(`.${SEG_CLASS}.active`).forEach((s) => { if (s !== seg)
+            s.classList.remove("active"); });
+        if (seg && !seg.classList.contains("u-seg-lock"))
+            seg.classList.add("active", "touched");
     }, [removePill]);
+    const onBlur = useCallback(() => {
+        boxRef.current?.querySelectorAll(`.${SEG_CLASS}.active`).forEach((s) => s.classList.remove("active"));
+    }, []);
     const onKeyDown = useCallback((e) => {
         const t = e.target;
         if (t.classList.contains(SEG_DELETE_CLASS) && (e.key === "Enter" || e.key === " ")) {
             e.preventDefault();
             removePill(t.getAttribute("data-seg") ?? "");
+            return;
         }
-    }, [removePill]);
+        if (e.key === "Escape" && onEscape) {
+            e.preventDefault();
+            onEscape();
+        }
+    }, [removePill, onEscape]);
+    if (rich && suggested) {
+        return (
+        // Distinct keys: both boxes are <div>s in the same slot, and React would otherwise reuse
+        // one node, keeping the hand-written pills inside the suggested box (native #634).
+        _jsxs("div", { className: "u-editor u-editor-rich u-editor-sugg", role: "textbox", "aria-multiline": "true", "aria-label": ariaLabel, "aria-description": "Suggested draft. Click or start typing to edit.", "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : 0, "data-testid": "suggested-draft", onFocus: engage, onClick: engage, onKeyDown: (e) => {
+                if (e.key === "Escape") {
+                    if (onEscape) {
+                        e.preventDefault();
+                        onEscape();
+                    }
+                    return;
+                }
+                if (e.key === "Tab" || e.metaKey || e.ctrlKey || e.altKey)
+                    return;
+                engage();
+                // The first character typed lands at the end of the draft, not nowhere.
+                if (e.key.length === 1) {
+                    e.preventDefault();
+                    document.execCommand("insertText", false, e.key);
+                }
+            }, children: [_jsxs("span", { className: "u-sugg-label", "aria-hidden": "true", children: [_jsx("i", {}), "Suggested draft ", _jsx("em", { children: "\u00B7 click to edit" })] }), _jsx("span", { className: "u-sugg-text", children: value })] }, "suggested"));
+    }
     if (rich) {
-        return (_jsx("div", { ref: boxRef, className: `u-editor u-editor-rich${readOnly ? " u-editor-locked" : ""}`, role: "textbox", "aria-multiline": "true", "aria-label": ariaLabel, "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, contentEditable: !disabled && !readOnly, suppressContentEditableWarning: true, "data-placeholder": placeholder, onInput: readBack, onClick: onClick, onKeyDown: onKeyDown }));
+        return (_jsx("div", { ref: boxRef, className: `u-editor u-editor-rich${readOnly ? " u-editor-locked" : ""}`, role: "textbox", "aria-multiline": "true", "aria-label": ariaLabel, "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, contentEditable: !disabled && !readOnly, suppressContentEditableWarning: true, "data-placeholder": placeholder, onInput: readBack, onClick: onClick, onKeyDown: onKeyDown, onBlur: onBlur }, "rich"));
     }
-    return (_jsx("textarea", { ref: taRef, className: "u-editor", "aria-label": ariaLabel, placeholder: placeholder, value: value, disabled: disabled, readOnly: readOnly, onChange: (e) => onChange(e.target.value), rows: 3 }));
+    return (_jsx("textarea", { ref: taRef, className: "u-editor", "aria-label": ariaLabel, placeholder: placeholder, value: value, disabled: disabled, readOnly: readOnly, onChange: (e) => onChange(e.target.value), onKeyDown: (e) => { if (e.key === "Escape" && onEscape) {
+            e.preventDefault();
+            onEscape();
+        } }, rows: 3 }));
 }
 //# sourceMappingURL=SegmentEditor.js.map

package/dist/SegmentEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentEditor.js","sourceRoot":"","sources":["../src/SegmentEditor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SegmentEditor.js","sourceRoot":"","sources":["../src/SegmentEditor.tsx"],"names":[],"mappings":"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"}

package/dist/ThreadFeed.d.ts

@@ -11,8 +11,14 @@ export interface ThreadFeedProps {
     actions?: (m: Message) => ReactNode;
     /** Rendered at the foot of the feed (the closed-window ghost). */
     foot?: ReactNode;
+    /**
+     * On cards for messages the client sent in another conversation (`eventType` "externalMessage"):
+     * the way to that conversation, e.g. the host's "Open in Pulse". Rendered under the card only when
+     * the card has no action row; with one, pass it to that row instead (ItemActions `extra`).
+     */
+    externalMessageAction?: ReactNode;
 }
-export declare function ThreadFeed({ thread, clientName, activitySourceLabel, now, actions, foot }: ThreadFeedProps): import("react").JSX.Element;
+export declare function ThreadFeed({ thread, clientName, activitySourceLabel, now, actions, foot, externalMessageAction }: ThreadFeedProps): import("react").JSX.Element;
 type FeedItem = {
     type: "day";
     key: string;

package/dist/ThreadFeed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadFeed.d.ts","sourceRoot":"","sources":["../src/ThreadFeed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAK7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,GAAG,EAAE,IAAI,CAAC;IACV,wHAAwH;IACxH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,SAAS,CAAC;IACpC,kEAAkE;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,eAAe,+BAwC1G;AAED,KAAK,QAAQ,GAAG;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjG,sEAAsE;AACtE,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAYxD"}
+{"version":3,"file":"ThreadFeed.d.ts","sourceRoot":"","sources":["../src/ThreadFeed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAK7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,GAAG,EAAE,IAAI,CAAC;IACV,wHAAwH;IACxH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,SAAS,CAAC;IACpC,kEAAkE;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,eAAe,+BAwCjI;AAED,KAAK,QAAQ,GAAG;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjG,sEAAsE;AACtE,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAYxD"}

package/dist/ThreadFeed.js

@@ -5,12 +5,12 @@ import { EventIcon } from "./icons.js";
 import { MediaAttachment } from "./MediaAttachment.js";
 import { clockLabel, dayKey, dayLabel } from "./time.js";
 import { useStickToBottom } from "./useStickToBottom.js";
-export function ThreadFeed({ thread, clientName, activitySourceLabel, now, actions, foot }) {
+export function ThreadFeed({ thread, clientName, activitySourceLabel, now, actions, foot, externalMessageAction }) {
     const first = clientName.split(" ")[0] ?? clientName;
     const stick = useStickToBottom(thread.messages[0]?.id);
     return (_jsxs("div", { className: "u-feed", role: "log", "aria-label": `Conversation with ${clientName}`, "aria-busy": thread.status === "loading", ...stick, children: [thread.status === "loading" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "u-skel", style: { width: "40%", alignSelf: "flex-end" } }), _jsx("div", { className: "u-skel", style: { width: "60%" } }), _jsx("div", { className: "u-skel", style: { width: "35%", alignSelf: "center" } })] })), thread.status === "error" && (_jsxs("div", { className: "u-state", role: "alert", children: [_jsx("h3", { children: "Couldn't load this conversation" }), _jsx("p", { children: thread.error?.message }), _jsx("button", { type: "button", className: "u-retry", onClick: thread.reload, children: "Retry" })] })), thread.status === "ready" && thread.messages.length === 0 && (_jsx("div", { className: "u-state", children: _jsxs("p", { children: ["No messages or activity yet. Send ", first, " the first one below."] }) })), thread.status === "ready" && thread.hasMore && (_jsx("button", { type: "button", className: "u-older", onClick: thread.loadOlder, disabled: thread.loadingOlder, children: thread.loadingOlder ? "Loading…" : "Show older" })), thread.status === "ready" && !thread.hasMore && thread.messages.length > 0 && _jsx("span", { className: "u-hist-start", children: "\u2014 beginning of history \u2014" }), thread.status === "ready" && withDays(thread.messages).map((item) => item.type === "day"
                 ? _jsx("span", { className: "u-day", children: dayLabel(item.at, now) }, item.key)
-                : (_jsx(Item, { m: item.message, first: first, source: activitySourceLabel, children: actions ? actions(item.message) : null }, item.message.id))), thread.status === "ready" && foot] }));
+                : (_jsx(Item, { m: item.message, first: first, source: activitySourceLabel, externalAction: externalMessageAction, children: actions ? actions(item.message) : null }, item.message.id))), thread.status === "ready" && foot] }));
 }
 /** Insert a day separator wherever the local calendar day changes. */
 export function withDays(messages) {
@@ -26,11 +26,11 @@ export function withDays(messages) {
     }
     return out;
 }
-function Item({ m, first, source, children }) {
+function Item({ m, first, source, children, externalAction }) {
     const time = clockLabel(m.sentAt);
     const [showTemplate, setShowTemplate] = useState(false);
     if (m.kind === "event") {
-        return (_jsxs("div", { className: "u-ev", children: [_jsx(EventIcon, { type: m.eventType }), _jsxs("div", { children: [_jsx("b", { children: m.body }), _jsxs("div", { className: "u-meta", children: ["From ", source, time ? ` · ${time}` : ""] }), children] })] }));
+        return (_jsxs("div", { className: "u-ev", children: [_jsx(EventIcon, { type: m.eventType }), _jsxs("div", { children: [_jsx("b", { children: m.body }), _jsxs("div", { className: "u-meta", children: ["From ", source, time ? ` · ${time}` : ""] }), m.eventType === "externalMessage" && externalAction && !children && _jsx("div", { className: "u-ev-open", children: externalAction }), children] })] }));
     }
     const out = m.direction !== "inbound";
     const atts = m.attachments ?? [];

package/dist/ThreadFeed.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadFeed.js","sourceRoot":"","sources":["../src/ThreadFeed.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThreadFeed.js","sourceRoot":"","sources":["../src/ThreadFeed.tsx"],"names":[],"mappings":"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"}

package/dist/UpliftPanel.d.ts

@@ -1,5 +1,5 @@
 import type { Channel, Client } from "@uplifted/sdk";
-import { type HostActivityLoader, type HostClient } from "./host.js";
+import { type HostActivityLoader, type HostClient, type HostContactLoader } from "./host.js";
 export interface UpliftPanelProps {
     /** Header title. Default "Messages". */
     title?: string;
@@ -26,6 +26,14 @@ export interface UpliftPanelProps {
     hostClients?: ReadonlyArray<HostClient>;
     /** Loads a not-connected host client's recent activity for the preview feed and drafts. */
     hostActivity?: HostActivityLoader;
+    /**
+     * Reads a host client's phone when the coach connects them. With a phone, and the channel's rules
+     * already confirmed (`acknowledgedChannels`), Connect needs no form: the channel follows the number
+     * (+1 SMS, anything else WhatsApp). Without it the connect sheet asks for the phone.
+     */
+    hostContact?: HostContactLoader;
+    /** Open a client's `hostLink` yourself (for example to navigate an embedding parent). Default: a link to a new tab. */
+    onOpenHostLink?: (host: HostClient) => void;
     /** The coach's name, so preview drafts can be signed the way the real ones are. */
     coachName?: string;
     /** Fallback roster and open-thread refresh interval while the tab is visible and the stream is down. 0 disables. Default 20000. */
@@ -36,5 +44,5 @@ export interface UpliftPanelProps {
     now?: () => Date;
     className?: string;
 }
-export declare function UpliftPanel({ title, hostName, initialClientId, onCheckout, onSent, onClientAdded, acknowledgedChannels, onChannelAcknowledged, hostClients, hostActivity, coachName, now, className, pollMs, live: liveUpdates }: UpliftPanelProps): import("react").JSX.Element;
+export declare function UpliftPanel({ title, hostName, initialClientId, onCheckout, onSent, onClientAdded, acknowledgedChannels, onChannelAcknowledged, hostClients, hostActivity, hostContact, onOpenHostLink, coachName, now, className, pollMs, live: liveUpdates }: UpliftPanelProps): import("react").JSX.Element;
 //# sourceMappingURL=UpliftPanel.d.ts.map

package/dist/UpliftPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpliftPanel.d.ts","sourceRoot":"","sources":["../src/UpliftPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAKrD,OAAO,EAAgD,KAAK,kBAAkB,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAiBnH,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,sCAAsC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sCAAsC;IACtC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,+FAA+F;IAC/F,oBAAoB,CAAC,EAAE,OAAO,EAAE,CAAC;IACjC,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACxC,2FAA2F;IAC3F,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mIAAmI;IACnI,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oFAAoF;IACpF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,IAAI,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,wBAAgB,WAAW,CAAC,EAAE,KAAkB,EAAE,QAAqB,EAAE,eAAsB,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,gBAAgB,+BAqTnR"}
+{"version":3,"file":"UpliftPanel.d.ts","sourceRoot":"","sources":["../src/UpliftPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AAS5D,OAAO,EAAgD,KAAK,kBAAkB,EAAE,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAiB3I,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,sCAAsC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sCAAsC;IACtC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,+FAA+F;IAC/F,oBAAoB,CAAC,EAAE,OAAO,EAAE,CAAC;IACjC,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACxC,2FAA2F;IAC3F,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,uHAAuH;IACvH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mIAAmI;IACnI,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oFAAoF;IACpF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,IAAI,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,wBAAgB,WAAW,CAAC,EAAE,KAAkB,EAAE,QAAqB,EAAE,eAAsB,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,gBAAgB,+BAoZhT"}

package/dist/UpliftPanel.js

@@ -1,11 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useInsertionEffect, useMemo, useState, useRef } from "react";
-import { AddClientSheet } from "./AddClientSheet.js";
+import { AddClientSheet, describeAddError } from "./AddClientSheet.js";
+import { ConnectClientSheet } from "./ConnectClientSheet.js";
+import { channelForPhone } from "./channels.js";
+import { coerceToE164, validatePhone } from "./phone.js";
 import { ClientList } from "./ClientList.js";
 import { ConversationPane } from "./ConversationPane.js";
 import { HostPreviewPane } from "./HostPreviewPane.js";
+import { HostLinkAction } from "./HostLinkAction.js";
 import { HOST_SEL, hostOnlyRows, hostSelId, isHostSel } from "./host.js";
-import { OfferSheet } from "./OfferSheet.js";
+import { FREE_CLIENTS, OfferSheet } from "./OfferSheet.js";
 import { ProactiveOptionsSheet } from "./ProactiveOptionsSheet.js";
 import { useProactiveOptions } from "./useProactiveOptions.js";
 import { useInstructions } from "./useInstructions.js";
@@ -36,7 +40,7 @@ function loadSort() {
     catch { /* private mode / SSR */ }
     return "priority";
 }
-export function UpliftPanel({ title = "Messages", hostName = "your app", initialClientId = null, onCheckout, onSent, onClientAdded, acknowledgedChannels, onChannelAcknowledged, hostClients, hostActivity, coachName, now, className, pollMs, live: liveUpdates }) {
+export function UpliftPanel({ title = "Messages", hostName = "your app", initialClientId = null, onCheckout, onSent, onClientAdded, acknowledgedChannels, onChannelAcknowledged, hostClients, hostActivity, hostContact, onOpenHostLink, coachName, now, className, pollMs, live: liveUpdates }) {
     useInsertionEffect(() => { injectStyles(); }, []);
     const list = useClients();
     const { client: api } = useUplift();
@@ -84,11 +88,31 @@ export function UpliftPanel({ title = "Messages", hostName = "your app", initial
     /** Host clients connected during this session, so they leave the not-connected rows at once. */
     const [linkedHere, setLinkedHere] = useState(() => new Set());
     const [connectFor, setConnectFor] = useState(null);
+    /** Host clients connected in this session, by Uplift client id, so their header keeps the host link. */
+    const [hostByClient, setHostByClient] = useState(() => new Map());
     // What the coach had written to a client they then connected: it waits in the new conversation.
     const [carry, setCarry] = useState(null);
     const [carryFor, setCarryFor] = useState(null);
+    // Read after awaits (the phone lookup, the add), where the render's values would be stale.
+    const connectForRef = useRef(connectFor);
+    connectForRef.current = connectFor;
+    const carryRef = useRef(carry);
+    carryRef.current = carry;
+    const acksRef = useRef(acks);
+    acksRef.current = acks;
+    /** The connect sheet: the phone the host had (null while loading), and why the last try failed. */
+    const [conn, setConn] = useState(null);
     // Why the paywall opened, and the add the coach was making (completed for them once they have paid).
+    // `upgradeFirst`: Connect hit the plan wall before the coach entered anything, so after paying the
+    // connect form opens for that client.
     const [offer, setOffer] = useState({ reason: "pitch" });
+    // The coach's plan, so Connect can show the offer before any form (Yusef, #75: the third client sees the
+    // offer first). Unknown until loaded, or if it fails: then Uplift's own refusal on the add opens it.
+    const [plan, setPlan] = useState(null);
+    useEffect(() => {
+        api.me().then((c) => setPlan({ subscription: c.subscription, freeLimit: c.freeClientLimit === undefined ? FREE_CLIENTS : c.freeClientLimit }), () => { });
+    }, [api]);
+    const planActive = () => setPlan((p) => (p ? { ...p, subscription: "active" } : p));
     // The add form reopened prefilled, only when finishing the add after an upgrade failed.
     const [resumeAdd, setResumeAdd] = useState(null);
     const clock = now ? now() : new Date();
@@ -123,35 +147,100 @@ export function UpliftPanel({ title = "Messages", hostName = "your app", initial
     }, [list.status, selected, selectedHost, sorted, hostOnly, selectedId]);
     const open = useCallback((c) => { setSelectedId(c.id); setShowThread(true); }, []);
     const openHost = useCallback((h) => { setSelectedId(hostSelId(h.id)); setShowThread(true); }, []);
-    const connect = useCallback((h, draft) => {
-        setConnectFor(h);
-        setCarry(draft?.trim() ? { hostId: h.id, text: draft } : null);
-        setSheet("add");
-    }, []);
     const acknowledge = useCallback((ch) => {
         setAcks((s) => new Set(s).add(ch));
         onChannelAcknowledged?.(ch);
     }, [onChannelAcknowledged]);
-    const added = useCallback((c, hostId = connectFor?.id) => {
+    const added = useCallback((c, hostId = connectForRef.current?.id) => {
+        const from = connectForRef.current;
+        const draft = carryRef.current;
         list.upsert(c);
-        if (connectFor)
-            setLinkedHere((s) => new Set(s).add(connectFor.id));
-        if (carry && carry.hostId === hostId)
-            setCarryFor({ clientId: c.id, text: carry.text });
+        if (from)
+            setLinkedHere((s) => new Set(s).add(from.id));
+        if (hostId)
+            setHostByClient((m) => new Map(m).set(c.id, hostId));
+        if (draft && draft.hostId === hostId)
+            setCarryFor({ clientId: c.id, text: draft.text });
         setCarry(null);
         setConnectFor(null);
+        setConn(null);
         setSheet(null);
         setSelectedId(c.id);
         setShowThread(true);
         setLive(`${firstName(c.name)} added to Uplift`);
         onClientAdded?.(c);
-    }, [list, onClientAdded, connectFor, carry]);
+    }, [list, onClientAdded]);
+    /** Connects a host client with a known phone. A plan refusal opens the offer; anything else goes back to the sheet. */
+    const connectNow = useCallback(async (h, phone, channel) => {
+        setConn({ phone, busy: true });
+        setSheet("connect");
+        const attempt = { name: h.name, phone, channel, hostClientId: h.id };
+        const confirm = () => { if (!acksRef.current.has(channel))
+            acknowledge(channel); };
+        try {
+            const c = await api.addClient(attempt);
+            confirm();
+            added(c, h.id);
+        }
+        catch (err) {
+            const ue = asUpliftError(err);
+            if (ue.code === "subscription_required" || ue.code === "plan_inactive") {
+                confirm();
+                setConn(null);
+                setOffer({ reason: ue.code === "plan_inactive" ? "plan_inactive" : "client_limit", attempt });
+                setSheet("offer");
+                return;
+            }
+            setConn({ phone, busy: false, error: describeAddError(ue, phone, list.clients) });
+        }
+    }, [api, added, acknowledge, list.clients]);
+    /** Gets the host's phone for them, then connects at once if the channel's rules are confirmed, else asks. */
+    const startConnect = useCallback(async (h) => {
+        setConn({ phone: null, busy: false });
+        setSheet("connect");
+        let phone;
+        if (hostContact) {
+            try {
+                const p = coerceToE164((await hostContact(h.id)).phone ?? "");
+                if (p && validatePhone(p).valid)
+                    phone = p;
+            }
+            catch { /* the sheet asks for it */ }
+        }
+        if (connectForRef.current?.id !== h.id)
+            return; // closed or switched meanwhile
+        if (phone && acksRef.current.has(channelForPhone(phone)))
+            await connectNow(h, phone, channelForPhone(phone));
+        else
+            setConn({ phone, busy: false });
+    }, [hostContact, connectNow]);
+    const connect = useCallback((h, draft) => {
+        setConnectFor(h);
+        connectForRef.current = h;
+        const keep = draft?.trim() ? { hostId: h.id, text: draft } : null;
+        setCarry(keep);
+        carryRef.current = keep;
+        const wall = plan?.subscription === "inactive" ? "plan_inactive"
+            : plan?.subscription === "free" && plan.freeLimit !== null && list.clients.length >= plan.freeLimit ? "client_limit" : null;
+        if (wall) {
+            setOffer({ reason: wall, upgradeFirst: h });
+            setSheet("offer");
+        }
+        else
+            void startConnect(h);
+    }, [plan, list.clients.length, startConnect]);
     const finishAdd = useCallback(async (attempt) => {
         try {
             added(await api.addClient(attempt.hostClientId ? attempt : { name: attempt.name, phone: attempt.phone, channel: attempt.channel }), attempt.hostClientId ?? undefined);
         }
         catch (err) {
-            setResumeAdd({ ...attempt, error: asUpliftError(err).message || "Couldn't add this client. Try again." });
+            const message = asUpliftError(err).message || "Couldn't add this client. Try again.";
+            if (attempt.hostClientId && connectForRef.current) {
+                setConn({ phone: attempt.phone, busy: false, error: { form: message } });
+                setSheet("connect");
+                return;
+            }
+            setResumeAdd({ ...attempt, error: message });
             setSheet("add");
         }
     }, [api, added]);
@@ -201,19 +290,30 @@ export function UpliftPanel({ title = "Messages", hostName = "your app", initial
     const paneDrafts = selected ? bulk.results[selected.id] ?? null : null;
     // AI settings + full screen: the right end of the conversation header (and, on narrow panels where
     // the list shows alone, the list toolbar).
+    /** The host client behind an Uplift client: linked by the host (`upliftClientId`) or connected in this session. */
+    const hostClientFor = (clientId) => {
+        const viaSession = hostByClient.get(clientId);
+        return hostClients?.find((h) => h.upliftClientId === clientId || h.id === viaSession) ?? null;
+    };
+    const hostActionFor = (h) => (h?.hostLink
+        ? _jsx(HostLinkAction, { link: h.hostLink, onOpen: onOpenHostLink ? () => onOpenHostLink(h) : undefined })
+        : null);
     const headActions = (_jsxs("span", { className: "u-head-acts", children: [_jsxs("button", { type: "button", className: "u-iconbtn u-iconbtn-pair", "aria-label": "AI settings", title: "AI settings: your rules for drafts, and the \u2728 message options", 
                 // Like Config AI: with no client connected yet, connecting comes first.
                 onClick: () => setSheet(list.clients.length === 0 && hostClients !== undefined ? "add" : "ai"), children: [_jsx("span", { className: "u-ai-spark", children: _jsx(IconSparkles, {}) }), _jsx(IconSliders, {})] }), _jsx("button", { type: "button", className: "u-iconbtn", "aria-pressed": full, "aria-label": full ? "Exit full screen" : "Full screen", title: full ? "Exit full screen (Esc)" : "Full screen", onClick: () => setFull((f) => !f), children: full ? _jsx(IconMinimize, {}) : _jsx(IconMaximize, {}) })] }));
     return (_jsxs("section", { className: `uplift${full ? " u-full" : ""}${className ? ` ${className}` : ""}`, "aria-label": "Uplift messages", children: [_jsx("h2", { className: "u-sr", children: title }), bulk.blocked
                 ? (_jsxs("div", { className: "u-banner", role: "status", children: [_jsx("span", { children: "Your Uplift plan isn't active, so Bulk generate is paused." }), _jsx("span", { className: "u-sp" }), _jsx("button", { type: "button", className: "u-linkbtn", onClick: () => { setOffer({ reason: "plan_inactive" }); setSheet("offer"); }, children: "Reactivate" })] }))
                 : null, _jsxs("div", { ref: split, className: `u-split${showThread ? " u-show-thread" : ""}`, children: [_jsx(ClientList, { status: list.status, error: list.error, rows: rows, totalCount: clients.length + hostOnly.length, search: search, onSearch: setSearch, sort: sort, onSort: setSort, selectedId: selectedId, onOpen: open, onRetry: list.reload, onAddClient: () => setSheet("add"), onBulk: () => setSheet("bulk"), headActions: headActions, bulkDisabled: bulk.running || clients.length + hostOnly.length === 0, hostManaged: hostClients !== undefined, drafts: bulk.results, bulkStatus: bulk.status, onQuickSent: quickSent, hostName: hostName, onOpenHost: openHost, onConnectHost: connect, now: clock }), selectedHost
-                        ? (_jsx(HostPreviewPane, { host: selectedHost, hostName: hostName, coachName: coachName, loadActivity: hostActivity, now: clock, onBack: () => setShowThread(false), onConnect: connect, purposes: proactive.purposes, onCustomize: () => setSheet("proactive"), instructions: instructions, connectedCount: list.clients.length, onPlanInactive: () => { setOffer({ reason: "plan_inactive" }); setSheet("offer"); }, cachedDrafts: bulk.results[hostSelId(selectedHost.id)] ?? null, headActions: headActions }, HOST_SEL + selectedHost.id))
+                        ? (_jsx(HostPreviewPane, { host: selectedHost, hostName: hostName, coachName: coachName, loadActivity: hostActivity, now: clock, onBack: () => setShowThread(false), onConnect: connect, purposes: proactive.purposes, onCustomize: () => setSheet("proactive"), instructions: instructions, connectedCount: list.clients.length, onPlanInactive: () => { setOffer({ reason: "plan_inactive" }); setSheet("offer"); }, cachedDrafts: bulk.results[hostSelId(selectedHost.id)] ?? null, headActions: headActions, hostAction: hostActionFor(selectedHost) }, HOST_SEL + selectedHost.id))
                         : selected
-                            ? (_jsx(ConversationPane, { client: selected, activitySourceLabel: hostName, now: clock, onBack: () => setShowThread(false), announce: setLive, onSent: sent, onNeedsPlan: (reason) => { setOffer({ reason: reason ?? "client_limit" }); setSheet("offer"); }, initialText: carryFor?.clientId === selected.id ? carryFor.text : undefined, cachedDrafts: paneDrafts, purposes: proactive.purposes, onCustomize: () => setSheet("proactive"), onRead: read, instructions: instructions, refreshKey: poll + threadPing, headActions: headActions }, selected.id))
-                            : _jsx("div", { className: "u-pane", children: _jsx("div", { className: "u-pane-head u-pane-head-empty", children: headActions }) })] }), sheet === "add" && (_jsx(AddClientSheet, { onClose: () => { setSheet(null); setConnectFor(null); setCarry(null); setResumeAdd(null); }, onAdded: (c) => { setResumeAdd(null); added(c); }, onNeedsPlan: (ctx) => { setOffer(ctx); setSheet("offer"); }, acknowledged: acks, onAcknowledge: acknowledge, hostClients: hostClients?.filter((h) => !h.upliftClientId && !linkedHere.has(h.id)), existing: list.clients, hostName: hostName, prefill: resumeAdd ?? (connectFor ? { name: connectFor.name, hostClientId: connectFor.id } : undefined) })), sheet === "bulk" && (_jsx(BulkGenerateSheet, { candidates: sortInbox(clients, hostOnly, sort).map((r) => (r.kind === "client"
+                            ? (_jsx(ConversationPane, { client: selected, activitySourceLabel: hostName, now: clock, onBack: () => setShowThread(false), announce: setLive, onSent: sent, onNeedsPlan: (reason) => { setOffer({ reason: reason ?? "client_limit" }); setSheet("offer"); }, initialText: carryFor?.clientId === selected.id ? carryFor.text : undefined, cachedDrafts: paneDrafts, purposes: proactive.purposes, onCustomize: () => setSheet("proactive"), onRead: read, instructions: instructions, refreshKey: poll + threadPing, headActions: headActions, hostAction: hostActionFor(hostClientFor(selected.id)) }, selected.id))
+                            : _jsx("div", { className: "u-pane", children: _jsx("div", { className: "u-pane-head u-pane-head-empty", children: headActions }) })] }), sheet === "add" && (_jsx(AddClientSheet, { onClose: () => { setSheet(null); setConnectFor(null); setCarry(null); setResumeAdd(null); }, onAdded: (c) => { setResumeAdd(null); added(c); }, onNeedsPlan: (ctx) => { setOffer(ctx); setSheet("offer"); }, acknowledged: acks, onAcknowledge: acknowledge, hostClients: hostClients?.filter((h) => !h.upliftClientId && !linkedHere.has(h.id)), existing: list.clients, hostName: hostName, prefill: resumeAdd ?? (connectFor ? { name: connectFor.name, hostClientId: connectFor.id } : undefined) })), sheet === "connect" && connectFor && conn && (_jsx(ConnectClientSheet, { name: connectFor.name, phone: conn.phone, error: conn.error, acknowledged: acks, busy: conn.busy, onConnect: (phone, channel) => { void connectNow(connectFor, phone, channel); }, onClose: () => { setSheet(null); setConnectFor(null); setCarry(null); setConn(null); } }, connectFor.id)), sheet === "bulk" && (_jsx(BulkGenerateSheet, { candidates: sortInbox(clients, hostOnly, sort).map((r) => (r.kind === "client"
                     ? { target: { kind: "client", id: r.client.id }, name: r.client.name, lastActiveAt: r.client.lastActivity?.at ?? r.client.lastContactAt, connected: true }
-                    : { target: { kind: "host", id: r.host.id, name: r.host.name }, name: r.host.name, lastActiveAt: r.host.lastActiveAt ?? null, connected: false })), now: clock, onClose: () => setSheet(null), onGenerate: bulk.start, onEditInstructions: instructions.data?.canEdit ? () => setSheet("ai") : undefined })), sheet === "proactive" && _jsx(ProactiveOptionsSheet, { state: proactive, onClose: () => setSheet(null) }), sheet === "ai" && _jsx(AiSettingsSheet, { instructions: instructions, proactive: proactive, hostName: hostName, onClose: () => setSheet(null), onUpgrade: () => { setOffer({ reason: "feature" }); setSheet("offer"); } }), sheet === "offer" && (_jsx(OfferSheet, { onClose: () => { setSheet(null); setConnectFor(null); }, onCheckout: onCheckout, hostName: hostName, reason: offer.reason, connecting: offer.attempt?.name, connected: list.clients.map((c) => ({ id: c.id, name: c.name })), 
+                    : { target: { kind: "host", id: r.host.id, name: r.host.name }, name: r.host.name, lastActiveAt: r.host.lastActiveAt ?? null, connected: false })), now: clock, onClose: () => setSheet(null), onGenerate: bulk.start, onEditInstructions: instructions.data?.canEdit ? () => setSheet("ai") : undefined })), sheet === "proactive" && _jsx(ProactiveOptionsSheet, { state: proactive, onClose: () => setSheet(null) }), sheet === "ai" && _jsx(AiSettingsSheet, { instructions: instructions, proactive: proactive, hostName: hostName, onClose: () => setSheet(null), onUpgrade: () => { setOffer({ reason: "feature" }); setSheet("offer"); } }), sheet === "offer" && (_jsx(OfferSheet, { onClose: () => { setSheet(null); setConnectFor(null); setCarry(null); }, onCheckout: onCheckout, hostName: hostName, reason: offer.reason, freeClients: plan?.freeLimit ?? undefined, connecting: offer.attempt?.name ?? offer.upgradeFirst?.name, connected: list.clients.map((c) => ({ id: c.id, name: c.name })), 
                 // Paid: finish the add the coach was making. Only if that fails does the form come back, prefilled.
-                onUpgraded: offer.attempt ? () => { void finishAdd(offer.attempt); } : undefined })), _jsx("div", { className: "u-sr", "aria-live": "polite", children: live })] }));
+                // Upgraded before entering anything: the connect form opens for that client.
+                onUpgraded: offer.attempt ? () => { planActive(); void finishAdd(offer.attempt); }
+                    : offer.upgradeFirst ? () => { planActive(); void startConnect(offer.upgradeFirst); }
+                        : undefined })), _jsx("div", { className: "u-sr", "aria-live": "polite", children: live })] }));
 }
 //# sourceMappingURL=UpliftPanel.js.map