@carlonicora/nextjs-jsonapi 1.113.0 → 1.114.0

package/dist/{chunk-CI36BXIG.mjs → chunk-TVOW47AP.mjs}

@@ -20,7 +20,7 @@ import {
   useI18nLocale,
   useI18nRouter,
   useI18nTranslations
-} from "./chunk-CWVYU4YZ.mjs";
+} from "./chunk-DJSH6VHF.mjs";
 import {
   AVAILABLE_OAUTH_SCOPES,
   AssistantMessage,
@@ -60,7 +60,7 @@ import {
   showToast,
   useComposedRefs,
   useIsMobile
-} from "./chunk-ZYPNVEHB.mjs";
+} from "./chunk-FBTTIGLL.mjs";
 import {
   JsonApiContext
 } from "./chunk-VOXD3ZLY.mjs";
@@ -9691,7 +9691,7 @@ import { useRef as useRef15 } from "react";
 import dynamic from "next/dynamic";
 import React16 from "react";
 import { jsx as jsx77 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-F3HSL4LX.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-HIEAHXR4.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React16.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -13391,6 +13391,9 @@ function AssistantProvider({ children, dehydratedAssistant, dehydratedMessages,
   const [sending, setSending] = useState42(false);
   const [status, setStatus] = useState42(void 0);
   const [failedMessageIds, setFailedMessageIds] = useState42(() => /* @__PURE__ */ new Set());
+  const [operatorMode, setOperatorMode] = useState42(
+    () => dehydratedAssistant?.jsonApi?.attributes?.engine === "operator"
+  );
   const { socket } = useSocketContext();
   const sendMessage = useCallback24(
     async (content, opts) => {
@@ -13411,11 +13414,12 @@ function AssistantProvider({ children, dehydratedAssistant, dehydratedMessages,
       socket?.on("assistant:status", handler);
       try {
         if (!assistant) {
-          const created = await AssistantService.create({
+          const input = {
             firstMessage: trimmed,
             howToMode: opts?.howToMode,
             limitToHowToId: opts?.limitToHowToId
-          });
+          };
+          const created = operatorMode ? await AssistantService.createOperator(input) : await AssistantService.create(input);
           const msgs = await AssistantMessageService.findByAssistant({ assistantId: created.id });
           setAssistant(created);
           setMessages(msgs);
@@ -13424,7 +13428,10 @@ function AssistantProvider({ children, dehydratedAssistant, dehydratedMessages,
             window.history.replaceState(null, "", `/assistants/${created.id}`);
           }
         } else {
-          const result = await AssistantService.appendMessage({
+          const result = operatorMode ? await AssistantService.appendMessageOperator({
+            assistantId: assistant.id,
+            content: trimmed
+          }) : await AssistantService.appendMessage({
             assistantId: assistant.id,
             content: trimmed,
             howToMode: opts?.howToMode,
@@ -13444,8 +13451,11 @@ function AssistantProvider({ children, dehydratedAssistant, dehydratedMessages,
         setStatus(void 0);
       }
     },
-    [assistant, messages, socket]
+    [assistant, messages, socket, operatorMode]
   );
+  const appendResolvedMessage = useCallback24((message) => {
+    setMessages((prev) => prev.some((m) => m.id === message.id) ? prev : [...prev, message]);
+  }, []);
   const retrySend = useCallback24(
     async (tempId) => {
       const failed = messages.find((m) => m.id === tempId);
@@ -13469,6 +13479,7 @@ function AssistantProvider({ children, dehydratedAssistant, dehydratedMessages,
       ]);
       setAssistant(target);
       setMessages(msgs);
+      setOperatorMode(target.engine === "operator");
       if (manageUrl && typeof window !== "undefined") {
         window.history.replaceState(null, "", `/assistants/${id}`);
       }
@@ -13484,6 +13495,7 @@ function AssistantProvider({ children, dehydratedAssistant, dehydratedMessages,
     setAssistant(void 0);
     setMessages([]);
     setFailedMessageIds(/* @__PURE__ */ new Set());
+    setOperatorMode(false);
     if (manageUrl && typeof window !== "undefined") {
       window.history.replaceState(null, "", "/assistants");
     }
@@ -13528,7 +13540,10 @@ function AssistantProvider({ children, dehydratedAssistant, dehydratedMessages,
       selectThread,
       startNew,
       renameThread,
-      deleteThread
+      deleteThread,
+      operatorMode,
+      setOperatorMode,
+      appendResolvedMessage
     }),
     [
       assistant,
@@ -13543,7 +13558,9 @@ function AssistantProvider({ children, dehydratedAssistant, dehydratedMessages,
       selectThread,
       startNew,
       renameThread,
-      deleteThread
+      deleteThread,
+      operatorMode,
+      appendResolvedMessage
     ]
   );
   const breadcrumbs = [
@@ -18758,7 +18775,7 @@ __name(AssistantComposer, "AssistantComposer");
 // src/features/assistant/components/parts/AssistantEmptyState.tsx
 import { jsx as jsx211, jsxs as jsxs126 } from "react/jsx-runtime";
 var STARTER_KEYS = ["a", "b", "c", "d"];
-function AssistantEmptyState({ onSend }) {
+function AssistantEmptyState({ onSend, operatorMode = false, onOperatorModeChange }) {
   const t = useTranslations86();
   const [draft, setDraft] = useState80("");
   return /* @__PURE__ */ jsx211("div", { className: "flex h-full w-full items-center justify-center p-10", children: /* @__PURE__ */ jsxs126("div", { className: "flex w-full max-w-2xl flex-col gap-6", children: [
@@ -18768,6 +18785,18 @@ function AssistantEmptyState({ onSend }) {
       /* @__PURE__ */ jsx211("p", { className: "text-muted-foreground mt-1 text-sm", children: t("features.assistant.empty_state.subtitle") })
     ] }),
     /* @__PURE__ */ jsx211(AssistantComposer, { value: draft, onValueChange: setDraft, onSend }),
+    onOperatorModeChange && /* @__PURE__ */ jsxs126("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx211(
+        Switch,
+        {
+          id: "assistant-operator-mode",
+          size: "sm",
+          checked: operatorMode,
+          onCheckedChange: (checked) => onOperatorModeChange(checked === true)
+        }
+      ),
+      /* @__PURE__ */ jsx211(Label, { htmlFor: "assistant-operator-mode", className: "text-muted-foreground text-xs", children: t("features.assistant.operator_mode") })
+    ] }),
     /* @__PURE__ */ jsx211("div", { className: "grid grid-cols-2 gap-2", children: STARTER_KEYS.map((k) => {
       const text = t(`features.assistant.starters.${k}`);
       return /* @__PURE__ */ jsx211(
@@ -19332,7 +19361,14 @@ __name(MessageSourcesContainer, "MessageSourcesContainer");
 
 // src/features/assistant-message/components/MessageItem.tsx
 import { jsx as jsx221, jsxs as jsxs134 } from "react/jsx-runtime";
-function MessageItem({ message, isLatestAssistant, onSelectFollowUp, failedMessageIds, onRetry }) {
+function MessageItem({
+  message,
+  isLatestAssistant,
+  onSelectFollowUp,
+  failedMessageIds,
+  onRetry,
+  renderApprovalAction
+}) {
   const t = useTranslations93();
   const isUser = message.role === "user";
   const isFailed = isUser && !!failedMessageIds?.has(message.id);
@@ -19346,12 +19382,13 @@ function MessageItem({ message, isLatestAssistant, onSelectFollowUp, failedMessa
       ] })
     ] });
   }
+  const isApprovalRequest = message.messageType === "approval-request" && !!renderApprovalAction;
   return /* @__PURE__ */ jsxs134("div", { className: "flex min-w-0 max-w-[78%] flex-col gap-1.5", children: [
     /* @__PURE__ */ jsxs134("div", { className: "text-muted-foreground flex items-center gap-2 pl-1 text-xs", children: [
       /* @__PURE__ */ jsx221("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-gradient-to-br from-blue-400 to-violet-500 text-white", children: /* @__PURE__ */ jsx221(Sparkles2, { className: "h-2.5 w-2.5" }) }),
       /* @__PURE__ */ jsx221("span", { children: t("features.assistant.agent_name") })
     ] }),
-    /* @__PURE__ */ jsx221("div", { className: "bg-muted text-foreground rounded-2xl rounded-bl-sm px-3.5 py-2.5 text-sm leading-relaxed", children: /* @__PURE__ */ jsx221(ReactMarkdown3, { remarkPlugins: [remarkGfm3], children: message.content }) }),
+    isApprovalRequest ? renderApprovalAction(message) : /* @__PURE__ */ jsx221("div", { className: "bg-muted text-foreground rounded-2xl rounded-bl-sm px-3.5 py-2.5 text-sm leading-relaxed", children: /* @__PURE__ */ jsx221(ReactMarkdown3, { remarkPlugins: [remarkGfm3], children: message.content }) }),
     /* @__PURE__ */ jsx221(
       MessageSourcesContainer,
       {
@@ -19366,7 +19403,7 @@ __name(MessageItem, "MessageItem");
 
 // src/features/assistant-message/components/MessageList.tsx
 import { jsx as jsx222 } from "react/jsx-runtime";
-function MessageList({ messages, onSelectFollowUp, failedMessageIds, onRetry }) {
+function MessageList({ messages, onSelectFollowUp, failedMessageIds, onRetry, renderApprovalAction }) {
   const ordered = [...messages].sort((a, b) => a.position - b.position);
   let lastAssistantIndex = -1;
   for (let i = ordered.length - 1; i >= 0; i--) {
@@ -19382,7 +19419,8 @@ function MessageList({ messages, onSelectFollowUp, failedMessageIds, onRetry })
       isLatestAssistant: i === lastAssistantIndex,
       onSelectFollowUp,
       failedMessageIds,
-      onRetry
+      onRetry,
+      renderApprovalAction
     },
     m.id
   )) });
@@ -19405,7 +19443,15 @@ __name(AssistantStatusLine, "AssistantStatusLine");
 
 // src/features/assistant/components/parts/AssistantThread.tsx
 import { jsx as jsx224, jsxs as jsxs136 } from "react/jsx-runtime";
-function AssistantThread({ messages, sending, status, onSelectFollowUp, failedMessageIds, onRetry }) {
+function AssistantThread({
+  messages,
+  sending,
+  status,
+  onSelectFollowUp,
+  failedMessageIds,
+  onRetry,
+  renderApprovalAction
+}) {
   const endRef = useRef34(null);
   useEffect63(() => {
     endRef.current?.scrollIntoView({ behavior: "smooth" });
@@ -19417,7 +19463,8 @@ function AssistantThread({ messages, sending, status, onSelectFollowUp, failedMe
         messages,
         onSelectFollowUp,
         failedMessageIds,
-        onRetry
+        onRetry,
+        renderApprovalAction
       }
     ),
     sending && /* @__PURE__ */ jsx224(AssistantStatusLine, { status }),
@@ -19428,7 +19475,7 @@ __name(AssistantThread, "AssistantThread");
 
 // src/features/assistant/components/containers/AssistantContainer.tsx
 import { Fragment as Fragment45, jsx as jsx225, jsxs as jsxs137 } from "react/jsx-runtime";
-function AssistantContainer() {
+function AssistantContainer({ renderApprovalAction } = {}) {
   const ctx = useAssistantContext();
   const showThread = !!ctx.assistant || ctx.sending || ctx.messages.length > 0;
   return /* @__PURE__ */ jsx225(RoundPageContainer, { module: Modules.Assistant, fullWidth: true, children: /* @__PURE__ */ jsxs137("div", { className: "bg-background flex h-full w-full overflow-hidden rounded-lg border", children: [
@@ -19441,7 +19488,14 @@ function AssistantContainer() {
         onNew: ctx.startNew
       }
     ),
-    /* @__PURE__ */ jsx225("main", { className: "flex flex-1 flex-col", children: !showThread ? /* @__PURE__ */ jsx225(AssistantEmptyState, { onSend: ctx.sendMessage }) : /* @__PURE__ */ jsxs137(Fragment45, { children: [
+    /* @__PURE__ */ jsx225("main", { className: "flex flex-1 flex-col", children: !showThread ? /* @__PURE__ */ jsx225(
+      AssistantEmptyState,
+      {
+        onSend: ctx.sendMessage,
+        operatorMode: ctx.operatorMode,
+        onOperatorModeChange: ctx.setOperatorMode
+      }
+    ) : /* @__PURE__ */ jsxs137(Fragment45, { children: [
       ctx.assistant ? /* @__PURE__ */ jsx225(
         AssistantThreadHeader,
         {
@@ -19458,7 +19512,8 @@ function AssistantContainer() {
           status: ctx.status,
           onSelectFollowUp: ctx.sendMessage,
           failedMessageIds: ctx.failedMessageIds,
-          onRetry: ctx.retrySend
+          onRetry: ctx.retrySend,
+          renderApprovalAction
         }
       ),
       /* @__PURE__ */ jsx225(AssistantComposer, { onSend: ctx.sendMessage, disabled: ctx.sending })
@@ -22787,4 +22842,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-CI36BXIG.mjs.map
+//# sourceMappingURL=chunk-TVOW47AP.mjs.map