@messenger-box/tailwind-ui-inbox 10.0.3-alpha.100 → 10.0.3-alpha.101

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.0.3-alpha.101](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.100...v10.0.3-alpha.101) (2025-10-11)
+
+**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
+
 ## [10.0.3-alpha.100](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.99...v10.0.3-alpha.100) (2025-10-09)
 
 **Note:** Version bump only for package @messenger-box/tailwind-ui-inbox

package/lib/container/AiLandingInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AiLandingInput.d.ts","sourceRoot":"","sources":["../../src/container/AiLandingInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;AA4N1B,wBAA0C"}
+{"version":3,"file":"AiLandingInput.d.ts","sourceRoot":"","sources":["../../src/container/AiLandingInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;AA0O1B,wBAA0C"}

package/lib/container/AiLandingInput.js

@@ -1,10 +1,10 @@
-import React__default from'react';import {useNavigate}from'@remix-run/react';import {AiAgentMessageRole,PostTypeEnum,RoomType}from'common';import'date-fns';import'@react-icons/all-files/bs/BsFlag.js';import'../components/inbox/FilesList.js';import'../components/inbox/MessageItem.js';import'../components/inbox/ThreadItem.js';import'../components/InboxMessage/ConversationItem.js';import'../components/InboxMessage/ServiceConversationItem.js';import'../components/InboxMessage/LeftSidebar.js';import'react-i18next';import'../config/env-config.js';import'@react-icons/all-files/bi/BiImage.js';import'@react-icons/all-files/ai/AiOutlineSecurityScan.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/bs/BsFillStarFill.js';import'@common-stack/components-pro';import'react-markdown';import'remark-gfm';import'../enums/messenger-slot-fill-name-enum.js';import'../components/InboxMessage/ServiceInboxItem.js';import {InputComponent}from'../components/InboxMessage/InputComponent.js';import {objectId}from'@messenger-box/core';import {useCreateChannelAsyncMutation,useAddChannelMutation,useSendMessagesMutation}from'common/graphql';import {usePersistentModelConfig}from'../hooks/usePersistentModelConfig.js';const TailwindOverlaySpinner = React__default.memo(() => React__default.createElement("div", {
+import React__default from'react';import {useNavigate}from'@remix-run/react';import {AiAgentMessageRole,PostTypeEnum,RoomType}from'common';import'date-fns';import'@react-icons/all-files/bs/BsFlag.js';import'../components/inbox/FilesList.js';import'../components/inbox/MessageItem.js';import'../components/inbox/ThreadItem.js';import'../components/InboxMessage/ConversationItem.js';import'../components/InboxMessage/ServiceConversationItem.js';import'../components/InboxMessage/LeftSidebar.js';import'react-i18next';import'../config/env-config.js';import'@react-icons/all-files/bi/BiImage.js';import'@react-icons/all-files/ai/AiOutlineSecurityScan.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/bs/BsFillStarFill.js';import'@common-stack/components-pro';import'react-markdown';import'remark-gfm';import'../enums/messenger-slot-fill-name-enum.js';import'../components/InboxMessage/ServiceInboxItem.js';import {InputComponent}from'../components/InboxMessage/InputComponent.js';import {objectId}from'@messenger-box/core';import {useCreateChannelWorkflowJobMutation,useAddChannelMutation,useSendMessagesMutation}from'common/graphql';import {usePersistentModelConfig}from'../hooks/usePersistentModelConfig.js';const TailwindOverlaySpinner = React__default.memo(() => React__default.createElement("div", {
   className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-30"
 }, React__default.createElement("div", {
   className: "animate-spin rounded-full h-10 w-10 border-2 border-white border-t-transparent"
 })));
 const AiLandingInput = () => {
-  const [createChannelAsync] = useCreateChannelAsyncMutation();
+  const [createChannelWorkflowJob] = useCreateChannelWorkflowJobMutation();
   const [addChannel] = useAddChannelMutation();
   const [sendMessage] = useSendMessagesMutation();
   const navigate = useNavigate();
@@ -49,10 +49,11 @@ const AiLandingInput = () => {
       console.log('Message sent without channel:', message, files);
       setIsCreatingChannel(true);
       const id = objectId();
+      const postId = objectId();
       const channelId = objectId();
-      createChannelAsync({
+      createChannelWorkflowJob({
         variables: {
-          channelInput: {
+          createChannelInput: {
             channelId,
             title: 'AI Assistant',
             description: 'AI Assistant',
@@ -61,21 +62,34 @@ const AiLandingInput = () => {
             projectId: id,
             type: RoomType.Aiassistant,
             postData: {
+              postId: postId,
               type: PostTypeEnum.Aiassistant,
               content: message,
               props: {
+                generateAiCode: true,
                 template: modelConfig?.template || 'vite-react',
                 projectId: id,
                 role: AiAgentMessageRole.User,
                 fragment: {},
                 sendNotificationWithProjectId: true
               }
+            },
+            additionalProperties: {
+              modelConfig: modelConfig
             }
+          },
+          extensionInput: {
+            extensionId: '68e51ad7e9e65cf877392550',
+            stepName: 'createChannel',
+            formId: 'form-builder-proxy',
+            functionId: 'create-channel-function',
+            metadata: {},
+            source: 'final-submission'
           }
         },
         onCompleted: data => {
           console.log('Channel created:', data);
-          if (!data.createChannelAsync) {
+          if (!data.createChannelWorkflowJob) {
             setIsCreatingChannel(false);
             return;
           }

package/lib/container/AiLandingInput.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/tailwind-ui-inbox",
-    "version": "10.0.3-alpha.100",
+    "version": "10.0.3-alpha.101",
     "description": "Inbox UI components built with TailwindCSS",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -21,8 +21,8 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@messenger-box/core": "10.0.3-alpha.100",
-        "@messenger-box/platform-client": "10.0.3-alpha.100",
+        "@messenger-box/core": "10.0.3-alpha.101",
+        "@messenger-box/platform-client": "10.0.3-alpha.101",
         "@monaco-editor/react": "^4.7.0",
         "date-fns": "^4.1.0",
         "date-fns-tz": "^3.2.0",
@@ -58,5 +58,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "f229eb66b880aa2e4e0517b26e0f4ecc996e1e40"
+    "gitHead": "1efe826e2695b4801cf941142c8ffb911b6e7855"
 }

package/src/container/AiLandingInput.tsx

@@ -3,7 +3,7 @@ import { useNavigate } from '@remix-run/react';
 import { AiAgentMessageRole, PostTypeEnum, RoomType } from 'common';
 import { InputComponent } from '../components/InboxMessage';
 import { objectId } from '@messenger-box/core';
-import { useAddChannelMutation, useSendMessagesMutation, useCreateChannelAsyncMutation } from 'common/graphql';
+import { useAddChannelMutation, useSendMessagesMutation, useCreateChannelWorkflowJobMutation } from 'common/graphql';
 import { ModelConfigPanel } from '../components/ModelConfigPanel';
 import { usePersistentModelConfig } from '../hooks/usePersistentModelConfig';
 
@@ -14,7 +14,7 @@ const TailwindOverlaySpinner = React.memo(() => (
 ));
 
 const AiLandingInput: React.FC = () => {
-    const [createChannelAsync] = useCreateChannelAsyncMutation();
+    const [createChannelWorkflowJob] = useCreateChannelWorkflowJobMutation();
     const [addChannel] = useAddChannelMutation();
     const [sendMessage] = useSendMessagesMutation();
     const navigate = useNavigate();
@@ -73,10 +73,11 @@ const AiLandingInput: React.FC = () => {
                             console.log('Message sent without channel:', message, files);
                             setIsCreatingChannel(true);
                             const id = objectId();
+                            const postId = objectId();
                             const channelId = objectId();
-                            createChannelAsync({
+                            createChannelWorkflowJob({
                                 variables: {
-                                    channelInput: {
+                                    createChannelInput: {
                                         channelId,
                                         title: 'AI Assistant',
                                         description: 'AI Assistant',
@@ -85,9 +86,11 @@ const AiLandingInput: React.FC = () => {
                                         projectId: id,
                                         type: RoomType.Aiassistant,
                                         postData: {
+                                            postId: postId,
                                             type: PostTypeEnum.Aiassistant,
                                             content: message,
                                             props: {
+                                                generateAiCode: true,
                                                 template: modelConfig?.template || 'vite-react',
                                                 projectId: id,
                                                 role: AiAgentMessageRole.User,
@@ -95,11 +98,22 @@ const AiLandingInput: React.FC = () => {
                                                 sendNotificationWithProjectId: true,
                                             },
                                         },
+                                        additionalProperties: {
+                                            modelConfig: modelConfig,
+                                        },
+                                    },
+                                    extensionInput: {
+                                        extensionId: '68e51ad7e9e65cf877392550',
+                                        stepName: 'createChannel',
+                                        formId: 'form-builder-proxy',
+                                        functionId: 'create-channel-function',
+                                        metadata: {},
+                                        source: 'final-submission',
                                     },
                                 },
                                 onCompleted: (data: any) => {
                                     console.log('Channel created:', data);
-                                    if (!data.createChannelAsync) {
+                                    if (!data.createChannelWorkflowJob) {
                                         setIsCreatingChannel(false);
                                         return;
                                     }