@frontera-sdk/chat-ui 1.52.19 → 1.52.21

package/dist/{chunk-QABN6WBZ.js → chunk-AJSYWTRU.js}

@@ -1,7 +1,7 @@
 'use client';
-import { usePlugins, useChatCapabilityEnabled, resolvePluginLanguage, renderPluginBlock, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, ActionMenu, useArtifactStore, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, useArtifact, resolveArtifactIconFormat, artifactFormatIcon, useArtifactFileObjectUrl, artifactFormatSubtitle, ChatImageLightbox, ArrowsShowIcon, FileDownloadIcon, useClient, processMessageParts, getMessageDisplayTimestampValue, getMessageCreatedAtMs, isApprovalRequested, extractCitationsFromSteps, useSourcesEnrichment, extractImagesFromSteps, dedupeImageResults, getDocumentStreamArtifacts, getToolOutput, useCanvasStore, ImageResultsGallery, MessageDecisionCards, useChatCapabilities, useOptionalWorkspaceContext, useCitationViewer, useChatOverviewStore, dedup, extractDomain, sourceKind, SourceFavicon, Input, exportDocumentPdf, FilePdfIcon, StudioDisplayIcon, WorldIcon, MessageStepsGroup, getToolState, getToolInput, getToolErrorText, useChatOptInEnabled, ArrowRightIcon, formatFileSize, FileThumbnail, MobileScreenSheet, useAgentHistorySource, treatyErrorMessage, useRouter, useBasePath, useAgentPanelStore, AgentRoutineForm, getFileCategory, unwrap, unwrapData, CircleCheckIcon, agentRoutineKeys, LoaderIcon, useOptionalAgentsContext, avatarMotionForStream, AGENT_AVATAR_SIZE } from './chunk-QFVBVBUR.js';
+import { usePlugins, useChatCapabilityEnabled, resolvePluginLanguage, renderPluginBlock, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, ActionMenu, useArtifactStore, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, useArtifact, resolveArtifactIconFormat, artifactFormatIcon, useArtifactFileObjectUrl, artifactFormatSubtitle, ChatImageLightbox, ArrowsShowIcon, FileDownloadIcon, useClient, processMessageParts, getMessageDisplayTimestampValue, getMessageCreatedAtMs, isApprovalRequested, extractCitationsFromSteps, useSourcesEnrichment, extractImagesFromSteps, dedupeImageResults, getDocumentStreamArtifacts, getToolOutput, useCanvasStore, ImageResultsGallery, MessageDecisionCards, useChatCapabilities, useOptionalWorkspaceContext, useCitationViewer, useChatOverviewStore, dedup, extractDomain, sourceKind, SourceFavicon, Input, exportDocumentPdf, FilePdfIcon, StudioDisplayIcon, WorldIcon, MessageStepsGroup, getToolState, getToolInput, getToolErrorText, useChatOptInEnabled, ArrowRightIcon, formatFileSize, FileThumbnail, MobileScreenSheet, useAgentHistorySource, treatyErrorMessage, useRouter, useBasePath, useAgentPanelStore, AgentRoutineForm, getFileCategory, unwrap, unwrapData, unwrapDataDeep, formatDecisionTime, DecisionCard, LoaderIcon, formatRelativeTime, CircleCheckIcon, agentRoutineKeys, useOptionalAgentsContext, avatarMotionForStream, AGENT_AVATAR_SIZE } from './chunk-DCYKWIKY.js';
 import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, Popover, PopoverTrigger, PopoverContent } from './chunk-T5SANYSX.js';
-import { useIsMobile, useTranslation } from './chunk-I5NAI7HP.js';
+import { useIsMobile, useTranslation } from './chunk-6VYLZSJV.js';
 import { MessageToolbar, MessageResponse, SquareArrowTopRightIcon, FileTextIcon, Shimmer, ClipboardIcon, Message, MessageContent, PencilIcon, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Collapse, Icon, CircleXIcon, ClockIcon } from './chunk-PKNEC4LJ.js';
 import { ChevronDownMediumIcon, Button, ScrollArea, Skeleton } from './chunk-UWKO24VT.js';
 import { CrossMediumIcon } from './chunk-2P4IEVOQ.js';
@@ -19,6 +19,23 @@ import { CodeBlock, defaultUrlTransform } from 'streamdown';
 import { create } from 'zustand';
 import { toast } from 'sonner';
 
+// ../chat/src/ui/chat/fold-part-indices.ts
+function foldPartIndices(kinds, workSplitIndex, canvasesWithAnswer) {
+  const indices = /* @__PURE__ */ new Set();
+  if (workSplitIndex === -1) return indices;
+  kinds.forEach((kind, index) => {
+    if (kind === "person-confirmation" || kind === "scripted-text") return;
+    if (canvasesWithAnswer && kind === "canvas") return;
+    if (index < workSplitIndex) indices.add(index);
+    else if (index > workSplitIndex && kind !== "text") indices.add(index);
+  });
+  return indices;
+}
+function foldKind(processed) {
+  if (processed.kind !== "text") return processed.kind;
+  const meta = processed.part?.providerMetadata;
+  return meta?.frontera?.scripted === true ? "scripted-text" : "text";
+}
 function formatElapsed(ms) {
   const total = Math.max(0, Math.round(ms / 1e3));
   if (total < 60) return `${total}s`;
@@ -3959,6 +3976,143 @@ function SessionHandoffCard({ output }) {
   if (!details.offered || !details.handoffId) return null;
   return /* @__PURE__ */ jsx(SessionHandoffOffer, { handoffId: details.handoffId });
 }
+var personConfirmationKeys = {
+  all: ["person-confirmation"],
+  list: (conversationId) => ["person-confirmation", "list", conversationId]
+};
+function usePersonConfirmations(conversationId, { poll }) {
+  const client = useClient();
+  return useQuery({
+    queryKey: personConfirmationKeys.list(conversationId),
+    enabled: !!conversationId,
+    refetchInterval: (query) => poll(query.state.data ?? {}) ? 2e3 : false,
+    queryFn: async () => {
+      const { data, error } = await client.v1.chat.confirmations.get({ query: { conversationId } });
+      if (error) throw error;
+      const confirmations = unwrapDataDeep(data);
+      if (!Array.isArray(confirmations)) return {};
+      return Object.fromEntries(confirmations.map((confirmation) => [confirmation.id, confirmation]));
+    }
+  });
+}
+function useDecidePersonConfirmation(conversationId) {
+  const client = useClient();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async ({ id, decision }) => {
+      const { data, error } = await client.v1.chat.confirmations[id].post({ decision });
+      if (error) throw error;
+      return unwrapDataDeep(data);
+    },
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: personConfirmationKeys.list(conversationId) });
+    }
+  });
+}
+
+// ../chat/src/ui/chat/person-confirmation-card/utils/confirmation-state.ts
+function confirmationState(confirmation, local, now = /* @__PURE__ */ new Date()) {
+  if (confirmation.status !== "pending") return confirmation.status;
+  if (local?.phase === "sent") return local.decision === "confirm" ? "confirmed" : "cancelled";
+  if (local?.phase === "sending") return "sending";
+  const expires = confirmation.expiresAt ? new Date(confirmation.expiresAt).getTime() : Number.NaN;
+  if (Number.isFinite(expires) && expires <= now.getTime()) return "expired";
+  return "pending";
+}
+function PersonConfirmationCard({
+  confirmation,
+  onDecide
+}) {
+  const { t, locale } = useTranslation();
+  const [local, setLocal] = useState(null);
+  const [answeredAt, setAnsweredAt] = useState(null);
+  const [, setTick] = useState(0);
+  useEffect(() => {
+    if (confirmation.status !== "pending" || !confirmation.expiresAt) return;
+    const wait2 = new Date(confirmation.expiresAt).getTime() - Date.now();
+    if (!Number.isFinite(wait2) || wait2 <= 0) return;
+    const timer = setTimeout(() => setTick((n) => n + 1), Math.min(wait2 + 50, 2 ** 31 - 1));
+    return () => clearTimeout(timer);
+  }, [confirmation.status, confirmation.expiresAt]);
+  const state = confirmationState(confirmation, local);
+  async function decide(decision) {
+    setLocal({ phase: "sending", decision });
+    try {
+      await onDecide(decision);
+      setAnsweredAt((/* @__PURE__ */ new Date()).toISOString());
+      setLocal({ phase: "sent", decision });
+    } catch {
+      setLocal({ phase: "failed", decision });
+    }
+  }
+  const when = confirmation.answeredAt ?? answeredAt;
+  const time = when ? formatDecisionTime(when, locale) : "";
+  const pressed = state === "confirmed" ? confirmation.confirmLabel || t("chat.personConfirmation.confirm") : state === "cancelled" ? confirmation.cancelLabel || t("chat.personConfirmation.cancel") : null;
+  const settled = pressed ? time ? t("chat.personConfirmation.choseAt", { label: pressed, time }) : t("chat.personConfirmation.chose", { label: pressed }) : state === "expired" ? t("chat.personConfirmation.expired") : void 0;
+  const tone = state === "confirmed" ? "ok" : state === "cancelled" || state === "expired" ? "warn" : "idle";
+  const sending = state === "sending";
+  return /* @__PURE__ */ jsxs(
+    DecisionCard,
+    {
+      testId: "person-confirmation-card",
+      tone,
+      icon: /* @__PURE__ */ jsx(CheckCircle2Icon, { "aria-hidden": true }),
+      kind: t("chat.personConfirmation.kind"),
+      settled,
+      question: confirmation.summary,
+      note: sending ? t("chat.personConfirmation.sending") : confirmation.expiresAt ? t("chat.personConfirmation.expires", { when: formatRelativeTime(confirmation.expiresAt) }) : void 0,
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", disabled: sending, onClick: () => void decide("cancel"), children: confirmation.cancelLabel || t("chat.personConfirmation.cancel") }),
+        /* @__PURE__ */ jsxs(Button, { size: "sm", disabled: sending, onClick: () => void decide("confirm"), children: [
+          sending && local?.decision === "confirm" && /* @__PURE__ */ jsx(LoaderIcon, { className: "size-3.5 animate-spin", "aria-hidden": true }),
+          confirmation.confirmLabel || t("chat.personConfirmation.confirm")
+        ] })
+      ] }),
+      children: [
+        settled == null && confirmation.details && /* @__PURE__ */ jsx("p", { className: "mt-1 whitespace-pre-line break-words text-sm text-muted-foreground", children: confirmation.details }),
+        settled == null && local?.phase === "failed" && /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-2 text-xs text-destructive", children: t("chat.personConfirmation.failed") })
+      ]
+    }
+  );
+}
+
+// ../chat/src/ui/chat/person-confirmation-card/utils/read-confirmation.ts
+function withServerStatus(confirmation, server) {
+  if (!server || server.status === confirmation.status || server.status === "pending") return confirmation;
+  return { ...confirmation, status: server.status };
+}
+function unshownPendingConfirmations(confirmations, messages, keep = /* @__PURE__ */ new Set()) {
+  const shown = /* @__PURE__ */ new Set();
+  for (const message of messages) {
+    for (const part of message.parts ?? []) {
+      if (part?.type !== "data-person-confirmation") continue;
+      const id = part.data?.id;
+      if (typeof id === "string") shown.add(id);
+    }
+  }
+  return Object.values(confirmations ?? {}).filter(
+    (confirmation) => !shown.has(confirmation.id) && (confirmation.status === "pending" || keep.has(confirmation.id))
+  );
+}
+function ConversationConfirmationCard({
+  confirmation,
+  conversationId
+}) {
+  const server = usePersonConfirmations(conversationId, {
+    poll: (all) => withServerStatus(confirmation, all[confirmation.id]).status === "pending"
+  });
+  const view = withServerStatus(confirmation, server.data?.[confirmation.id]);
+  const decide = useDecidePersonConfirmation(conversationId);
+  return /* @__PURE__ */ jsx(
+    PersonConfirmationCard,
+    {
+      confirmation: view,
+      onDecide: async (decision) => {
+        await decide.mutateAsync({ id: confirmation.id, decision });
+      }
+    }
+  );
+}
 function PublishedCard({ details }) {
   const [copied, setCopied] = useState(false);
   const copy = () => {
@@ -5368,19 +5522,13 @@ var AssistantMessage = memo(function AssistantMessage2({
   );
   const workSplitIndex = !workFoldEnabled || !hasWorkParts ? -1 : isStreamingMessage ? processedParts.length : lastTextIndex > 0 ? lastTextIndex : -1;
   const canvasesWithAnswer = !isStreamingMessage && workSplitIndex !== -1;
-  const foldPartIndices = useMemo(() => {
-    const indices = /* @__PURE__ */ new Set();
-    if (workSplitIndex === -1) return indices;
-    processedParts.forEach((processed, index) => {
-      if (canvasesWithAnswer && processed.kind === "canvas") return;
-      if (index < workSplitIndex) indices.add(index);
-      else if (index > workSplitIndex && processed.kind !== "text") indices.add(index);
-    });
-    return indices;
-  }, [processedParts, workSplitIndex, canvasesWithAnswer]);
+  const foldPartIndices2 = useMemo(
+    () => foldPartIndices(processedParts.map(foldKind), workSplitIndex, canvasesWithAnswer),
+    [processedParts, workSplitIndex, canvasesWithAnswer]
+  );
   const hasPendingDecision = useMemo(
     () => processedParts.some(
-      (p) => p.kind === "steps-group" && p.items.some((item) => isApprovalRequested(item.part))
+      (p) => p.kind === "person-confirmation" && p.confirmation.status === "pending" || p.kind === "steps-group" && p.items.some((item) => isApprovalRequested(item.part))
     ),
     [processedParts]
   );
@@ -5481,7 +5629,7 @@ var AssistantMessage = memo(function AssistantMessage2({
     useCanvasStore.getState().openComputer({ computerId: latest.computerId, appId: latest.appId, appDir: latest.appDir ?? null, title: latest.title });
   }, [latestAppId]);
   processedParts.length > 0 && processedParts.some(
-    (p) => p.kind === "text" && !!p.part.text?.trim() || p.kind === "steps-group" || p.kind === "artifact" || p.kind === "document-stream" || p.kind === "supervisor-approval" || p.kind === "session-handoff" || p.kind === "canvas"
+    (p) => p.kind === "text" && !!p.part.text?.trim() || p.kind === "steps-group" || p.kind === "artifact" || p.kind === "document-stream" || p.kind === "supervisor-approval" || p.kind === "session-handoff" || p.kind === "canvas" || p.kind === "person-confirmation"
   );
   const trailingCards = appParts.length > 0 || siteParts.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
     appParts.map((p) => /* @__PURE__ */ jsx(
@@ -5527,7 +5675,7 @@ var AssistantMessage = memo(function AssistantMessage2({
             richTextEnabled && (!isStreamingMessage || workSplitIndex === -1) && /* @__PURE__ */ jsx(ImageResultsGallery, { images: imageResults, size: "compact" }),
             (() => {
               const renderPart = (processed, groupIndex) => {
-                const insideFold = foldPartIndices.has(groupIndex);
+                const insideFold = foldPartIndices2.has(groupIndex);
                 if (processed.kind === "steps-group") {
                   if (!workDetailsEnabled) {
                     if (insideFold) return null;
@@ -5560,6 +5708,16 @@ var AssistantMessage = memo(function AssistantMessage2({
                 if (processed.kind === "plan") {
                   return null;
                 }
+                if (processed.kind === "person-confirmation") {
+                  return /* @__PURE__ */ jsx(
+                    ConversationConfirmationCard,
+                    {
+                      confirmation: processed.confirmation,
+                      conversationId
+                    },
+                    `${message.id}-confirmation-${processed.confirmation.id}`
+                  );
+                }
                 if (processed.kind === "document-stream") {
                   if (!richTextEnabled) return null;
                   return /* @__PURE__ */ jsx(
@@ -5692,13 +5850,13 @@ var AssistantMessage = memo(function AssistantMessage2({
                     children: [
                       richTextEnabled && isStreamingMessage ? /* @__PURE__ */ jsx(ImageResultsGallery, { images: imageResults, size: "compact", collapsible: true }) : null,
                       processedParts.map(
-                        (processed, i) => foldPartIndices.has(i) ? renderPart(processed, i) : null
+                        (processed, i) => foldPartIndices2.has(i) ? renderPart(processed, i) : null
                       )
                     ]
                   }
                 ),
                 processedParts.map(
-                  (processed, i) => foldPartIndices.has(i) && processed.kind === "steps-group" ? /* @__PURE__ */ jsx(
+                  (processed, i) => foldPartIndices2.has(i) && processed.kind === "steps-group" ? /* @__PURE__ */ jsx(
                     MessageDecisionCards,
                     {
                       messageId: message.id,
@@ -5711,7 +5869,7 @@ var AssistantMessage = memo(function AssistantMessage2({
                   ) : null
                 ),
                 processedParts.map(
-                  (processed, i) => foldPartIndices.has(i) ? null : renderPart(processed, i)
+                  (processed, i) => foldPartIndices2.has(i) ? null : renderPart(processed, i)
                 )
               ] });
             })(),
@@ -7094,4 +7252,4 @@ function Thinking({
   ) });
 }
 
-export { ArrowRotateClockwiseIcon, COMPOSER_ID_COPILOT, COMPOSER_ID_MAIN, CSV_PREVIEW_MAX_ROWS, CanvasWidget, CopyButton, Message2 as Message, ModelIcon, PdfViewer, Spinner, Thinking, VolumeFullIcon, WarningSignIcon, brandLabel, csvTextToWorkbookJson, dynamic, isPlainTextLanguage, modeToBrandRow, setPendingFiles, useBackDismiss, useChatStreamStore, useComposerStore, useComputer, useComputerFiles, useContextWindowInfo, useIsCompacting, useLivePreviewUrl, useQueuedMessages, useUploadComputerFile, useUploadFile };
+export { ArrowRotateClockwiseIcon, COMPOSER_ID_COPILOT, COMPOSER_ID_MAIN, CSV_PREVIEW_MAX_ROWS, CanvasWidget, ConversationConfirmationCard, CopyButton, Message2 as Message, ModelIcon, PdfViewer, Spinner, Thinking, VolumeFullIcon, WarningSignIcon, brandLabel, csvTextToWorkbookJson, dynamic, isPlainTextLanguage, modeToBrandRow, setPendingFiles, unshownPendingConfirmations, useBackDismiss, useChatStreamStore, useComposerStore, useComputer, useComputerFiles, useContextWindowInfo, useIsCompacting, useLivePreviewUrl, usePersonConfirmations, useQueuedMessages, useUploadComputerFile, useUploadFile };