@messenger-box/tailwind-ui-inbox 10.0.3-alpha.121 → 10.0.3-alpha.123
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/lib/components/AIAgent/AIAgent.d.ts +2 -0
- package/lib/components/AIAgent/AIAgent.d.ts.map +1 -1
- package/lib/components/AIAgent/AIAgent.js +48 -29
- package/lib/components/AIAgent/AIAgent.js.map +1 -1
- package/lib/components/InboxMessage/InputComponent.d.ts +4 -1
- package/lib/components/InboxMessage/InputComponent.d.ts.map +1 -1
- package/lib/components/InboxMessage/InputComponent.js +20 -261
- package/lib/components/InboxMessage/InputComponent.js.map +1 -1
- package/lib/components/InboxMessage/UploadImageButton.js +2 -6
- package/lib/components/InboxMessage/UploadImageButton.js.map +1 -1
- package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.d.ts +1 -0
- package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.d.ts.map +1 -1
- package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.js +15 -5
- package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.js.map +1 -1
- package/lib/components/ModelConfigPanel.d.ts +10 -0
- package/lib/components/ModelConfigPanel.d.ts.map +1 -1
- package/lib/components/ModelConfigPanel.js +551 -2
- package/lib/components/ModelConfigPanel.js.map +1 -1
- package/lib/components/filler-components/RightSiderBar.d.ts +1 -0
- package/lib/components/filler-components/RightSiderBar.d.ts.map +1 -1
- package/lib/components/filler-components/RightSiderBar.js +173 -148
- package/lib/components/filler-components/RightSiderBar.js.map +1 -1
- package/lib/components/slot-fill/right-sidebar-filler.d.ts.map +1 -1
- package/lib/components/slot-fill/right-sidebar-filler.js.map +1 -1
- package/lib/config/env-config.d.ts +5 -0
- package/lib/config/env-config.d.ts.map +1 -1
- package/lib/config/env-config.js +16 -1
- package/lib/config/env-config.js.map +1 -1
- package/lib/container/AiLandingInput.d.ts.map +1 -1
- package/lib/container/AiLandingInput.js +19 -15
- package/lib/container/AiLandingInput.js.map +1 -1
- package/lib/container/Inbox.js +1 -1
- package/lib/container/Inbox.js.map +1 -1
- package/lib/container/InboxAiMessagesLoader.d.ts +1 -0
- package/lib/container/InboxAiMessagesLoader.d.ts.map +1 -1
- package/lib/container/InboxAiMessagesLoader.js +4 -1
- package/lib/container/InboxAiMessagesLoader.js.map +1 -1
- package/lib/container/InboxContainer.d.ts +1 -0
- package/lib/container/InboxContainer.d.ts.map +1 -1
- package/lib/container/InboxContainer.js +1 -6
- package/lib/container/InboxContainer.js.map +1 -1
- package/lib/container/InboxWithAiLoader.d.ts +1 -0
- package/lib/container/InboxWithAiLoader.d.ts.map +1 -1
- package/lib/container/InboxWithAiLoader.js +2 -1
- package/lib/container/InboxWithAiLoader.js.map +1 -1
- package/lib/container/ServiceInbox.js +1 -1
- package/lib/container/ServiceInbox.js.map +1 -1
- package/lib/container/ThreadMessages.js +1 -1
- package/lib/container/ThreadMessages.js.map +1 -1
- package/lib/container/ThreadMessagesInbox.js +1 -1
- package/lib/container/ThreadMessagesInbox.js.map +1 -1
- package/lib/container/Threads.js +1 -1
- package/lib/container/Threads.js.map +1 -1
- package/lib/hooks/usePersistentModelConfig.d.ts +5 -2
- package/lib/hooks/usePersistentModelConfig.d.ts.map +1 -1
- package/lib/hooks/usePersistentModelConfig.js +30 -10
- package/lib/hooks/usePersistentModelConfig.js.map +1 -1
- package/lib/module.js +1 -1
- package/lib/module.js.map +1 -1
- package/lib/templates/InboxWithAi.d.ts +1 -0
- package/lib/templates/InboxWithAi.d.ts.map +1 -1
- package/lib/templates/InboxWithAi.js +9 -6
- package/lib/templates/InboxWithAi.js.map +1 -1
- package/lib/templates/InboxWithAi.tsx +7 -3
- package/lib/xstate/index.d.ts +3 -0
- package/lib/xstate/index.d.ts.map +1 -0
- package/lib/xstate/rightSidebar.machine.d.ts +4 -0
- package/lib/xstate/rightSidebar.machine.d.ts.map +1 -0
- package/lib/xstate/rightSidebar.machine.js +174 -0
- package/lib/xstate/rightSidebar.machine.js.map +1 -0
- package/lib/xstate/rightSidebar.types.d.ts +52 -0
- package/lib/xstate/rightSidebar.types.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/AIAgent/AIAgent.tsx +55 -28
- package/src/components/InboxMessage/InputComponent.tsx +23 -325
- package/src/components/InboxMessage/UploadImageButton.tsx +4 -4
- package/src/components/InboxMessage/message-widgets/ModernMessageGroup.tsx +17 -0
- package/src/components/ModelConfigPanel.tsx +666 -0
- package/src/components/filler-components/RightSiderBar.tsx +193 -146
- package/src/components/slot-fill/right-sidebar-filler.tsx +1 -0
- package/src/config/env-config.ts +6 -1
- package/src/container/AiLandingInput.tsx +32 -119
- package/src/container/InboxAiMessagesLoader.tsx +13 -2
- package/src/container/InboxContainer.tsx +2 -8
- package/src/container/InboxWithAiLoader.tsx +2 -0
- package/src/hooks/usePersistentModelConfig.ts +26 -13
- package/src/templates/InboxWithAi.tsx +7 -3
- package/src/xstate/index.ts +2 -0
- package/src/xstate/rightSidebar.machine.ts +139 -0
- package/src/xstate/rightSidebar.types.ts +55 -0
package/lib/module.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {Feature}from'@common-stack/client-react';import {typePolicies,schema,dataIdFromObject}from'@messenger-box/platform-client';import {MESSAGE_SLOT_FILL_NAME}from'@messenger-box/core';import {filteredRoutes}from'./compute.js';import {ChatMessageFill}from'./components/slot-fill/chat-message-filler.js';import'react';import'@common-stack/components-pro';import'./enums/messenger-slot-fill-name-enum.js';import'./components/live-code-editor/hybrid-live-editor.js';import'common/graphql';var module = new Feature({
|
|
1
|
+
import {Feature}from'@common-stack/client-react';import {typePolicies,schema,dataIdFromObject}from'@messenger-box/platform-client';import {MESSAGE_SLOT_FILL_NAME}from'@messenger-box/core';import {filteredRoutes}from'./compute.js';import {ChatMessageFill}from'./components/slot-fill/chat-message-filler.js';import'react';import'@common-stack/components-pro';import'./enums/messenger-slot-fill-name-enum.js';import'./components/live-code-editor/hybrid-live-editor.js';import'common/graphql';import'common';import'@xstate/react';import'xstate';import'./xstate/rightSidebar.machine.js';var module = new Feature({
|
|
2
2
|
routeConfig: filteredRoutes,
|
|
3
3
|
dataIdFromObject,
|
|
4
4
|
clientStateParams: {
|
package/lib/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sources":["../src/module.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"module.js","sources":["../src/module.tsx"],"sourcesContent":[null],"names":[],"mappings":"skBAQA,aAAe,IAAI,OAAO,CAAC;AACvB,EAAA,WAAA,EAAW,cAAE;kBACb;AACA,EAAA,iBAAA,EAAiB;IACjB,QAAA,EAAA,MAAe;AACf,IAAA;AACI,GAAA;cACI,EAAI,CAAA,2DAA8B,CAAA;AAClC,EAAA,oBAAQ,EAAA,CAAA;AACX,IAAA,IAAA,EAAA,CAAA,EAAA,sBAAA,CAAA,CAAA,CAAA;UACD,EAAI;;;;;;;;;;;;AAYP;AACJ;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InboxWithAi.d.ts","sourceRoot":"","sources":["../../src/templates/InboxWithAi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAUN,MAAM,OAAO,CAAC;AAiBf,MAAM,WAAW,UAAU;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"InboxWithAi.d.ts","sourceRoot":"","sources":["../../src/templates/InboxWithAi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAUN,MAAM,OAAO,CAAC;AAiBf,MAAM,WAAW,UAAU;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACnE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;;YA0D2B,UAAU;;;AAyhBtC,wBAAuC"}
|
|
@@ -149,7 +149,7 @@ const InboxWithAiInternal = props => {
|
|
|
149
149
|
}), [isMobileView, isSmallTabletView, isTabletView, isDesktopView, isLargeDesktopView, isSmallScreen]);
|
|
150
150
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
151
151
|
className: "flex flex-col h-screen overflow-hidden"
|
|
152
|
-
}, channelId && React__default.createElement("div", {
|
|
152
|
+
}, channelId && !props?.isShowOnlyInbox && React__default.createElement("div", {
|
|
153
153
|
className: "flex-shrink-0 bg-white "
|
|
154
154
|
}, React__default.createElement("div", {
|
|
155
155
|
className: "flex items-center justify-between px-4 py-3"
|
|
@@ -249,7 +249,7 @@ const InboxWithAiInternal = props => {
|
|
|
249
249
|
})))))), React__default.createElement("div", {
|
|
250
250
|
className: "flex-1 grid overflow-hidden",
|
|
251
251
|
style: {
|
|
252
|
-
gridTemplateColumns: isDesktopView ? '35% 65%' : '1fr',
|
|
252
|
+
gridTemplateColumns: isDesktopView ? props?.isShowOnlyInbox ? '1fr' : '35% 65%' : '1fr',
|
|
253
253
|
height: 'calc(100vh - 80px)' // Subtract header height
|
|
254
254
|
}
|
|
255
255
|
}, React__default.createElement("div", {
|
|
@@ -270,8 +270,9 @@ const InboxWithAiInternal = props => {
|
|
|
270
270
|
setSelectedPost: setSelectedPost,
|
|
271
271
|
setIsLoading: setIsLoading,
|
|
272
272
|
isLoading: isLoading,
|
|
273
|
-
sendMessageInput: sendMessageInput
|
|
274
|
-
|
|
273
|
+
sendMessageInput: sendMessageInput,
|
|
274
|
+
isShowOnlyInbox: props?.isShowOnlyInbox
|
|
275
|
+
}) : React__default.createElement(EmptyState, null)), channelId && isDesktopView && !props?.isShowOnlyInbox && React__default.createElement("div", {
|
|
275
276
|
className: "overflow-hidden border flex-1 w-full",
|
|
276
277
|
style: {
|
|
277
278
|
marginBottom: 10,
|
|
@@ -304,7 +305,8 @@ const ContentComponent = React__default.memo(props => {
|
|
|
304
305
|
setSelectedPost,
|
|
305
306
|
setIsLoading,
|
|
306
307
|
isLoading,
|
|
307
|
-
sendMessageInput
|
|
308
|
+
sendMessageInput,
|
|
309
|
+
isShowOnlyInbox
|
|
308
310
|
} = props;
|
|
309
311
|
return React__default.createElement("div", {
|
|
310
312
|
className: "flex overflow-hidden h-full"
|
|
@@ -321,7 +323,8 @@ const ContentComponent = React__default.memo(props => {
|
|
|
321
323
|
setSelectedPost: setSelectedPost,
|
|
322
324
|
setIsLoading: setIsLoading,
|
|
323
325
|
isLoading: isLoading,
|
|
324
|
-
sendMessageInput: sendMessageInput
|
|
326
|
+
sendMessageInput: sendMessageInput,
|
|
327
|
+
isShowOnlyInbox: isShowOnlyInbox
|
|
325
328
|
})))));
|
|
326
329
|
});
|
|
327
330
|
const RightSidebarWrapper = React__default.memo(({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InboxWithAi.js","sources":["../../src/templates/InboxWithAi.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"6WAkBA;AACA,MAAM,UAAU,GAAG,aAAa,CAG7B;AACC,EAAA,SAAA,EAAS,SAAE;AACX,EAAA,YAAA,EAAY,MAAK,CAAE;AACtB,CAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"InboxWithAi.js","sources":["../../src/templates/InboxWithAi.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -33,6 +33,7 @@ export interface InboxProps {
|
|
|
33
33
|
data?: any;
|
|
34
34
|
orgName?: string;
|
|
35
35
|
handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
|
|
36
|
+
isShowOnlyInbox?: boolean;
|
|
36
37
|
}
|
|
37
38
|
|
|
38
39
|
// Static utility hooks and components
|
|
@@ -198,7 +199,7 @@ const InboxWithAiInternal = (props: InboxProps) => {
|
|
|
198
199
|
{/* Main Container */}
|
|
199
200
|
<div className="flex flex-col h-screen overflow-hidden">
|
|
200
201
|
{/* Header with Design/Interact/Code tabs - now inside main container */}
|
|
201
|
-
{channelId && (
|
|
202
|
+
{channelId && !props?.isShowOnlyInbox && (
|
|
202
203
|
<div className="flex-shrink-0 bg-white ">
|
|
203
204
|
<div className="flex items-center justify-between px-4 py-3">
|
|
204
205
|
<div className="flex items-center">
|
|
@@ -332,7 +333,7 @@ const InboxWithAiInternal = (props: InboxProps) => {
|
|
|
332
333
|
<div
|
|
333
334
|
className="flex-1 grid overflow-hidden"
|
|
334
335
|
style={{
|
|
335
|
-
gridTemplateColumns: isDesktopView ? '35% 65%' : '1fr',
|
|
336
|
+
gridTemplateColumns: isDesktopView ? (props?.isShowOnlyInbox ? '1fr' : '35% 65%') : '1fr',
|
|
336
337
|
height: 'calc(100vh - 80px)', // Subtract header height
|
|
337
338
|
}}
|
|
338
339
|
>
|
|
@@ -356,6 +357,7 @@ const InboxWithAiInternal = (props: InboxProps) => {
|
|
|
356
357
|
setIsLoading={setIsLoading}
|
|
357
358
|
isLoading={isLoading}
|
|
358
359
|
sendMessageInput={sendMessageInput}
|
|
360
|
+
isShowOnlyInbox={props?.isShowOnlyInbox}
|
|
359
361
|
/>
|
|
360
362
|
) : (
|
|
361
363
|
<EmptyState />
|
|
@@ -363,7 +365,7 @@ const InboxWithAiInternal = (props: InboxProps) => {
|
|
|
363
365
|
</div>
|
|
364
366
|
|
|
365
367
|
{/* Right Sidebar - 65% width on desktop only */}
|
|
366
|
-
{channelId && isDesktopView && (
|
|
368
|
+
{channelId && isDesktopView && !props?.isShowOnlyInbox && (
|
|
367
369
|
<div
|
|
368
370
|
className="overflow-hidden border flex-1 w-full"
|
|
369
371
|
style={{
|
|
@@ -406,6 +408,7 @@ const ContentComponent = React.memo((props: any) => {
|
|
|
406
408
|
setIsLoading,
|
|
407
409
|
isLoading,
|
|
408
410
|
sendMessageInput,
|
|
411
|
+
isShowOnlyInbox,
|
|
409
412
|
} = props;
|
|
410
413
|
|
|
411
414
|
return (
|
|
@@ -426,6 +429,7 @@ const ContentComponent = React.memo((props: any) => {
|
|
|
426
429
|
setIsLoading={setIsLoading}
|
|
427
430
|
isLoading={isLoading}
|
|
428
431
|
sendMessageInput={sendMessageInput}
|
|
432
|
+
isShowOnlyInbox={isShowOnlyInbox}
|
|
429
433
|
/>
|
|
430
434
|
</>
|
|
431
435
|
)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/xstate/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { RightSidebarContext, MachineEvent } from './rightSidebar.types';
|
|
2
|
+
export declare const rightSidebarMachine: import("xstate").StateMachine<RightSidebarContext, MachineEvent, Record<string, import("xstate").AnyActorRef>, import("xstate").ProvidedActor, import("xstate").ParameterizedObject, import("xstate").ParameterizedObject, string, import("xstate").StateValue, string, Partial<RightSidebarContext>, {}, import("xstate").EventObject, import("xstate").MetaObject, any>;
|
|
3
|
+
export type RightSidebarMachine = typeof rightSidebarMachine;
|
|
4
|
+
//# sourceMappingURL=rightSidebar.machine.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rightSidebar.machine.d.ts","sourceRoot":"","sources":["../../src/xstate/rightSidebar.machine.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9E,eAAO,MAAM,mBAAmB,2WAqI9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import {createMachine,assign,fromPromise}from'xstate';const rightSidebarMachine = createMachine({
|
|
2
|
+
id: 'rightSidebar',
|
|
3
|
+
types: {},
|
|
4
|
+
context: ({
|
|
5
|
+
input
|
|
6
|
+
}) => ({
|
|
7
|
+
channelId: input?.channelId ?? '',
|
|
8
|
+
isMinimized: input?.isMinimized ?? false,
|
|
9
|
+
windowWidth: input?.windowWidth ?? 0,
|
|
10
|
+
windowHeight: input?.windowHeight ?? 0,
|
|
11
|
+
isLoading: input?.isLoading ?? false,
|
|
12
|
+
activeFragment: input?.activeFragment ?? null,
|
|
13
|
+
currentFiles: input?.currentFiles ?? {},
|
|
14
|
+
canvasLayers: input?.canvasLayers ?? [],
|
|
15
|
+
previewStatus: input?.previewStatus ?? null
|
|
16
|
+
}),
|
|
17
|
+
initial: 'idle',
|
|
18
|
+
states: {
|
|
19
|
+
idle: {
|
|
20
|
+
on: {
|
|
21
|
+
UPDATE: {
|
|
22
|
+
actions: assign(({
|
|
23
|
+
context,
|
|
24
|
+
event
|
|
25
|
+
}) => ({
|
|
26
|
+
...context,
|
|
27
|
+
...(event.value || {})
|
|
28
|
+
}))
|
|
29
|
+
},
|
|
30
|
+
SET_FRAGMENT: {
|
|
31
|
+
target: 'probing',
|
|
32
|
+
actions: assign(({
|
|
33
|
+
context,
|
|
34
|
+
event
|
|
35
|
+
}) => ({
|
|
36
|
+
...context,
|
|
37
|
+
activeFragment: event.fragment,
|
|
38
|
+
currentFiles: event.fragment?.files || context.currentFiles,
|
|
39
|
+
canvasLayers: event.fragment?.canvasLayers || context.canvasLayers,
|
|
40
|
+
previewStatus: event.fragment?.sandboxUrl ? {
|
|
41
|
+
status: 'checking'
|
|
42
|
+
} : null
|
|
43
|
+
}))
|
|
44
|
+
},
|
|
45
|
+
PROBE: 'probing',
|
|
46
|
+
SET_LOADING: {
|
|
47
|
+
actions: assign(({
|
|
48
|
+
context,
|
|
49
|
+
event
|
|
50
|
+
}) => ({
|
|
51
|
+
...context,
|
|
52
|
+
isLoading: event.isLoading
|
|
53
|
+
}))
|
|
54
|
+
},
|
|
55
|
+
RECREATE_SANDBOX: 'recreating'
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
probing: {
|
|
59
|
+
invoke: {
|
|
60
|
+
id: 'probeUrl',
|
|
61
|
+
src: 'probeUrl',
|
|
62
|
+
input: ({
|
|
63
|
+
context,
|
|
64
|
+
event
|
|
65
|
+
}) => ({
|
|
66
|
+
url: event.url ?? context.activeFragment?.sandboxUrl,
|
|
67
|
+
fragmentId: event.fragmentId ?? context.activeFragment?.id
|
|
68
|
+
}),
|
|
69
|
+
onDone: {
|
|
70
|
+
target: 'idle',
|
|
71
|
+
actions: assign(({
|
|
72
|
+
context
|
|
73
|
+
}) => ({
|
|
74
|
+
...context,
|
|
75
|
+
previewStatus: null,
|
|
76
|
+
isLoading: false
|
|
77
|
+
}))
|
|
78
|
+
},
|
|
79
|
+
onError: {
|
|
80
|
+
target: 'idle',
|
|
81
|
+
actions: assign(({
|
|
82
|
+
context,
|
|
83
|
+
event
|
|
84
|
+
}) => ({
|
|
85
|
+
...context,
|
|
86
|
+
previewStatus: {
|
|
87
|
+
status: 'error',
|
|
88
|
+
message: event.error instanceof Error ? event.error.message : 'Network error'
|
|
89
|
+
},
|
|
90
|
+
isLoading: false
|
|
91
|
+
}))
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
recreating: {
|
|
96
|
+
invoke: {
|
|
97
|
+
id: 'recreateSandbox',
|
|
98
|
+
src: 'recreateSandbox',
|
|
99
|
+
input: ({
|
|
100
|
+
event
|
|
101
|
+
}) => ({
|
|
102
|
+
id: event.id
|
|
103
|
+
}),
|
|
104
|
+
onDone: {
|
|
105
|
+
target: 'idle',
|
|
106
|
+
actions: assign(({
|
|
107
|
+
context
|
|
108
|
+
}) => ({
|
|
109
|
+
...context,
|
|
110
|
+
isLoading: false
|
|
111
|
+
}))
|
|
112
|
+
},
|
|
113
|
+
onError: {
|
|
114
|
+
target: 'idle',
|
|
115
|
+
actions: assign(({
|
|
116
|
+
context,
|
|
117
|
+
event
|
|
118
|
+
}) => ({
|
|
119
|
+
...context,
|
|
120
|
+
isLoading: false,
|
|
121
|
+
previewStatus: {
|
|
122
|
+
status: 'error',
|
|
123
|
+
message: event.error instanceof Error ? event.error.message : 'Recreate failed'
|
|
124
|
+
}
|
|
125
|
+
}))
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}).provide({
|
|
131
|
+
actors: {
|
|
132
|
+
probeUrl: fromPromise(async ({
|
|
133
|
+
input
|
|
134
|
+
}) => {
|
|
135
|
+
const {
|
|
136
|
+
url
|
|
137
|
+
} = input;
|
|
138
|
+
if (!url) return {
|
|
139
|
+
ok: false
|
|
140
|
+
};
|
|
141
|
+
const controller = new AbortController();
|
|
142
|
+
const timeoutId = setTimeout(() => controller.abort(), 10000);
|
|
143
|
+
try {
|
|
144
|
+
const res = await fetch(url, {
|
|
145
|
+
method: 'GET',
|
|
146
|
+
mode: 'cors',
|
|
147
|
+
redirect: 'follow',
|
|
148
|
+
signal: controller.signal
|
|
149
|
+
});
|
|
150
|
+
clearTimeout(timeoutId);
|
|
151
|
+
if (!res.ok) {
|
|
152
|
+
throw new Error(`${res.status} ${res.statusText}`);
|
|
153
|
+
}
|
|
154
|
+
return {
|
|
155
|
+
ok: true
|
|
156
|
+
};
|
|
157
|
+
} finally {
|
|
158
|
+
clearTimeout(timeoutId);
|
|
159
|
+
}
|
|
160
|
+
}),
|
|
161
|
+
recreateSandbox: fromPromise(async ({
|
|
162
|
+
input
|
|
163
|
+
}) => {
|
|
164
|
+
// Placeholder actor: implement by injecting via provide in component if needed
|
|
165
|
+
const {
|
|
166
|
+
id
|
|
167
|
+
} = input;
|
|
168
|
+
console.log('recreateSandbox actor invoked for id:', id);
|
|
169
|
+
return {
|
|
170
|
+
success: true
|
|
171
|
+
};
|
|
172
|
+
})
|
|
173
|
+
}
|
|
174
|
+
});export{rightSidebarMachine};//# sourceMappingURL=rightSidebar.machine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rightSidebar.machine.js","sources":["../../src/xstate/rightSidebar.machine.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { ActorRefFrom } from 'xstate';
|
|
2
|
+
export type PreviewStatus = {
|
|
3
|
+
code?: number;
|
|
4
|
+
message?: string;
|
|
5
|
+
status?: 'checking' | 'error';
|
|
6
|
+
} | null;
|
|
7
|
+
export type ActiveFragment = {
|
|
8
|
+
id?: string;
|
|
9
|
+
sandboxUrl?: string;
|
|
10
|
+
sandboxId?: string;
|
|
11
|
+
title?: string;
|
|
12
|
+
files?: Record<string, string>;
|
|
13
|
+
projectId?: string;
|
|
14
|
+
modelConfig?: unknown;
|
|
15
|
+
canvasLayers?: unknown[];
|
|
16
|
+
summary?: unknown;
|
|
17
|
+
isError?: boolean;
|
|
18
|
+
} | null;
|
|
19
|
+
export type RightSidebarContext = {
|
|
20
|
+
channelId: string;
|
|
21
|
+
isMinimized: boolean;
|
|
22
|
+
windowWidth: number;
|
|
23
|
+
windowHeight: number;
|
|
24
|
+
isLoading: boolean;
|
|
25
|
+
activeFragment: ActiveFragment;
|
|
26
|
+
currentFiles: Record<string, string>;
|
|
27
|
+
canvasLayers: unknown[];
|
|
28
|
+
previewStatus: PreviewStatus;
|
|
29
|
+
};
|
|
30
|
+
export type UpdateEvent = {
|
|
31
|
+
type: 'UPDATE';
|
|
32
|
+
value: Partial<RightSidebarContext>;
|
|
33
|
+
};
|
|
34
|
+
export type SetFragmentEvent = {
|
|
35
|
+
type: 'SET_FRAGMENT';
|
|
36
|
+
fragment: NonNullable<ActiveFragment>;
|
|
37
|
+
};
|
|
38
|
+
export type ProbeEvent = {
|
|
39
|
+
type: 'PROBE';
|
|
40
|
+
url?: string;
|
|
41
|
+
fragmentId?: string;
|
|
42
|
+
};
|
|
43
|
+
export type RecreateSandboxEvent = {
|
|
44
|
+
type: 'RECREATE_SANDBOX';
|
|
45
|
+
id: string;
|
|
46
|
+
};
|
|
47
|
+
export type MachineEvent = UpdateEvent | SetFragmentEvent | ProbeEvent | RecreateSandboxEvent | {
|
|
48
|
+
type: 'SET_LOADING';
|
|
49
|
+
isLoading: boolean;
|
|
50
|
+
};
|
|
51
|
+
export type SubmitOrganizationActor = ActorRefFrom<any>;
|
|
52
|
+
//# sourceMappingURL=rightSidebar.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rightSidebar.types.d.ts","sourceRoot":"","sources":["../../src/xstate/rightSidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;CACjC,GAAG,IAAI,CAAC;AAET,MAAM,MAAM,cAAc,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,IAAI,CAAC;AAET,MAAM,MAAM,mBAAmB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,YAAY,EAAE,OAAO,EAAE,CAAC;IACxB,aAAa,EAAE,aAAa,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACtB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9E,MAAM,MAAM,oBAAoB,GAAG;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5E,MAAM,MAAM,YAAY,GAClB,WAAW,GACX,gBAAgB,GAChB,UAAU,GACV,oBAAoB,GACpB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAElD,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@messenger-box/tailwind-ui-inbox",
|
|
3
|
-
"version": "10.0.3-alpha.
|
|
3
|
+
"version": "10.0.3-alpha.123",
|
|
4
4
|
"description": "Inbox UI components built with TailwindCSS",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"watch": "npm run build:lib:watch"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@messenger-box/core": "10.0.3-alpha.
|
|
25
|
-
"@messenger-box/platform-client": "10.0.3-alpha.
|
|
24
|
+
"@messenger-box/core": "10.0.3-alpha.123",
|
|
25
|
+
"@messenger-box/platform-client": "10.0.3-alpha.123",
|
|
26
26
|
"@monaco-editor/react": "^4.7.0",
|
|
27
27
|
"date-fns": "^4.1.0",
|
|
28
28
|
"date-fns-tz": "^3.2.0",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"typescript": {
|
|
59
59
|
"definition": "lib/index.d.ts"
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "a109255facf3a0dd71e7768bb43483b441483a46"
|
|
62
62
|
}
|
|
@@ -39,6 +39,7 @@ interface AIAgentProps {
|
|
|
39
39
|
channelName?: string;
|
|
40
40
|
isDesktopView?: boolean;
|
|
41
41
|
isSmallScreen?: boolean;
|
|
42
|
+
showDateSeparators?: boolean;
|
|
42
43
|
messages?: any[];
|
|
43
44
|
setMessages?: (messages: any[]) => void;
|
|
44
45
|
selectedPost?: any;
|
|
@@ -46,6 +47,7 @@ interface AIAgentProps {
|
|
|
46
47
|
setIsLoading?: (isLoading: boolean) => void;
|
|
47
48
|
isLoading?: boolean;
|
|
48
49
|
sendMessageInput?: ICreateChannelInput;
|
|
50
|
+
isShowOnlyInbox?: boolean;
|
|
49
51
|
[key: string]: any; // Allow other props to be passed through to Inbox
|
|
50
52
|
}
|
|
51
53
|
|
|
@@ -57,6 +59,7 @@ export const AIAgent: React.FC<AIAgentProps> = ({
|
|
|
57
59
|
currentUser,
|
|
58
60
|
isDesktopView = false,
|
|
59
61
|
isSmallScreen = false,
|
|
62
|
+
showDateSeparators = false,
|
|
60
63
|
setMessages,
|
|
61
64
|
setSelectedPost,
|
|
62
65
|
messages,
|
|
@@ -64,6 +67,7 @@ export const AIAgent: React.FC<AIAgentProps> = ({
|
|
|
64
67
|
setIsLoading,
|
|
65
68
|
isLoading,
|
|
66
69
|
sendMessageInput,
|
|
70
|
+
isShowOnlyInbox = false,
|
|
67
71
|
}) => {
|
|
68
72
|
const [state, send] = useMachine(aiAgentMachine);
|
|
69
73
|
// const apolloClient = useApolloClient();
|
|
@@ -134,7 +138,6 @@ export const AIAgent: React.FC<AIAgentProps> = ({
|
|
|
134
138
|
fetchMore: fetchMoreMessages,
|
|
135
139
|
subscribeToMore,
|
|
136
140
|
} = messagesQuery;
|
|
137
|
-
console.log('messagesData', JSON.stringify(messagesData, null, 2));
|
|
138
141
|
|
|
139
142
|
useEffect(() => {
|
|
140
143
|
if (actualChannelId) {
|
|
@@ -161,8 +164,12 @@ export const AIAgent: React.FC<AIAgentProps> = ({
|
|
|
161
164
|
successThinkingTimeoutRef.current = null;
|
|
162
165
|
}
|
|
163
166
|
}
|
|
167
|
+
// if(isShowOnlyInbox){
|
|
168
|
+
// setIsLoading(false);
|
|
169
|
+
// }
|
|
164
170
|
}
|
|
165
|
-
|
|
171
|
+
console.log('isShowOnlyInbox', isShowOnlyInbox, ' isLoading', isLoading);
|
|
172
|
+
}, [chatMessageAddedData?.chatMessageAdded, isShowOnlyInbox, setIsLoading]);
|
|
166
173
|
|
|
167
174
|
useEffect(() => {
|
|
168
175
|
if (messagesData?.messages?.data?.length == 1) {
|
|
@@ -303,8 +310,13 @@ export const AIAgent: React.FC<AIAgentProps> = ({
|
|
|
303
310
|
return;
|
|
304
311
|
}
|
|
305
312
|
|
|
306
|
-
const {
|
|
307
|
-
|
|
313
|
+
const {
|
|
314
|
+
extensionId: _omitExtensionId,
|
|
315
|
+
formId: _omitFormId,
|
|
316
|
+
functionId: _omitFunctionId,
|
|
317
|
+
stepName: _omitStepName,
|
|
318
|
+
...modelConfigWithoutExtensionId
|
|
319
|
+
} = (modelConfig as any) || ({} as any);
|
|
308
320
|
let createChannelInputData = sendMessageInput
|
|
309
321
|
? {
|
|
310
322
|
...sendMessageInput,
|
|
@@ -380,11 +392,19 @@ export const AIAgent: React.FC<AIAgentProps> = ({
|
|
|
380
392
|
createChannelInput: createChannelInput,
|
|
381
393
|
extensionInput: {
|
|
382
394
|
// prefer saved extensionId from modelConfig; otherwise env default
|
|
383
|
-
extensionId:
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
395
|
+
extensionId: modelConfig?.extensionId || (config as any)?.MESSENGER_BOX_FORM_EXTENSION_ID,
|
|
396
|
+
stepName:
|
|
397
|
+
modelConfig?.stepName ||
|
|
398
|
+
config?.MESSENGER_BOX_FORM_EXTENSION_STEP_NAME ||
|
|
399
|
+
'extractCodeFromExtension',
|
|
400
|
+
formId:
|
|
401
|
+
modelConfig?.formId ||
|
|
402
|
+
config?.MESSENGER_BOX_FORM_EXTENSION_FORM_ID ||
|
|
403
|
+
'form-builder-proxy',
|
|
404
|
+
functionId:
|
|
405
|
+
modelConfig?.functionId ||
|
|
406
|
+
config?.MESSENGER_BOX_FORM_EXTENSION_FUNCTION_ID ||
|
|
407
|
+
'create-channel-function',
|
|
388
408
|
metadata: {},
|
|
389
409
|
source: 'final-submission',
|
|
390
410
|
},
|
|
@@ -466,29 +486,34 @@ export const AIAgent: React.FC<AIAgentProps> = ({
|
|
|
466
486
|
let currentDate = '';
|
|
467
487
|
const res: any[] = [];
|
|
468
488
|
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
489
|
+
if (showDateSeparators) {
|
|
490
|
+
allMessages?.forEach((msg: any) => {
|
|
491
|
+
const date = new Date(msg.createdAt);
|
|
492
|
+
let msgDate: string;
|
|
493
|
+
if (isToday(date)) msgDate = t('tailwind_ui_inbox.today');
|
|
494
|
+
else if (isYesterday(date)) msgDate = t('tailwind_ui_inbox.yesterday');
|
|
495
|
+
else msgDate = format(date, 'eee, do MMMM');
|
|
496
|
+
|
|
497
|
+
if (msgDate !== currentDate) {
|
|
498
|
+
res.push({ type: 'date', content: msgDate });
|
|
499
|
+
currentDate = msgDate;
|
|
500
|
+
}
|
|
501
|
+
res.push(msg);
|
|
502
|
+
});
|
|
482
503
|
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
504
|
+
if (allMessages && allMessages.length > 0) {
|
|
505
|
+
const todayLabel = t('tailwind_ui_inbox.today');
|
|
506
|
+
if (currentDate !== todayLabel) {
|
|
507
|
+
res.push({ type: 'date', content: todayLabel });
|
|
508
|
+
}
|
|
487
509
|
}
|
|
510
|
+
} else {
|
|
511
|
+
// No date separaters, keep messages as-is
|
|
512
|
+
allMessages?.forEach((msg: any) => res.push(msg));
|
|
488
513
|
}
|
|
489
514
|
|
|
490
515
|
return res;
|
|
491
|
-
}, [allMessages, t]);
|
|
516
|
+
}, [allMessages, t, showDateSeparators]);
|
|
492
517
|
|
|
493
518
|
// Group messages by date sections for Slack-like rendering
|
|
494
519
|
const messagesByDate = useMemo(() => {
|
|
@@ -844,7 +869,7 @@ export const AIAgent: React.FC<AIAgentProps> = ({
|
|
|
844
869
|
|
|
845
870
|
{completeConversationMessages?.map((section, sectionIndex) => (
|
|
846
871
|
<div key={`section-${sectionIndex}`} className="w-full px-4">
|
|
847
|
-
{section.date && (
|
|
872
|
+
{showDateSeparators && section.date && (
|
|
848
873
|
<div className="flex items-center justify-center my-3">
|
|
849
874
|
<div className="flex-grow border-t border-gray-200"></div>
|
|
850
875
|
<div className="mx-4 px-3 py-1 bg-white border border-gray-200 rounded-full text-xs font-medium text-gray-600">
|
|
@@ -928,6 +953,7 @@ export const AIAgent: React.FC<AIAgentProps> = ({
|
|
|
928
953
|
onMessageClick={(msg) => setSelectedPost(msg)}
|
|
929
954
|
isDesktopView={isDesktopView}
|
|
930
955
|
isSmallScreen={isSmallScreen}
|
|
956
|
+
showTimestamp={false}
|
|
931
957
|
sandboxErrors={sandboxErrors}
|
|
932
958
|
currentFiles={currentFiles}
|
|
933
959
|
onFixError={fixError}
|
|
@@ -1021,6 +1047,7 @@ export const AIAgent: React.FC<AIAgentProps> = ({
|
|
|
1021
1047
|
placeholder={placeholder}
|
|
1022
1048
|
modelConfig={modelConfig}
|
|
1023
1049
|
onModelConfigChange={updateModelConfig}
|
|
1050
|
+
textareaStyles={isShowOnlyInbox ? { height: '80px', minHeight: '80px', maxHeight: '80px' } : {}}
|
|
1024
1051
|
/>
|
|
1025
1052
|
</div>
|
|
1026
1053
|
)}
|