@messenger-box/tailwind-ui-inbox 10.0.3-alpha.143 → 10.0.3-alpha.154
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 +32 -0
- package/lib/components/InboxMessage/RightSidebarAi.d.ts +6 -0
- package/lib/components/InboxMessage/RightSidebarAi.d.ts.map +1 -1
- package/lib/components/InboxMessage/RightSidebarAi.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/container/InboxContainer.d.ts +5 -0
- package/lib/container/InboxContainer.d.ts.map +1 -1
- package/lib/container/InboxContainer.js.map +1 -1
- package/lib/container/InboxWithAiLoader.d.ts +5 -0
- package/lib/container/InboxWithAiLoader.d.ts.map +1 -1
- package/lib/container/InboxWithAiLoader.js +6 -2
- package/lib/container/InboxWithAiLoader.js.map +1 -1
- package/lib/container/TestInboxWithAiLoader.d.ts.map +1 -1
- package/lib/container/TestInboxWithAiLoader.js +2 -1
- package/lib/container/TestInboxWithAiLoader.js.map +1 -1
- package/lib/templates/InboxWithAi.d.ts +5 -0
- package/lib/templates/InboxWithAi.d.ts.map +1 -1
- package/lib/templates/InboxWithAi.js +52 -2
- package/lib/templates/InboxWithAi.js.map +1 -1
- package/lib/templates/InboxWithAi.tsx +70 -0
- package/lib/xstate/rightSidebar.machine.d.ts.map +1 -1
- package/lib/xstate/rightSidebar.machine.js +172 -21
- package/lib/xstate/rightSidebar.machine.js.map +1 -1
- package/lib/xstate/rightSidebar.types.d.ts +6 -1
- package/lib/xstate/rightSidebar.types.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/InboxMessage/RightSidebarAi.tsx +3 -0
- package/src/components/slot-fill/right-sidebar-filler.tsx +3 -0
- package/src/container/InboxContainer.tsx +2 -0
- package/src/container/InboxWithAiLoader.tsx +6 -0
- package/src/container/TestInboxWithAiLoader.tsx +1 -0
- package/src/templates/InboxWithAi.tsx +70 -0
- package/src/xstate/rightSidebar.machine.ts +187 -22
- package/src/xstate/rightSidebar.types.ts +5 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,38 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [10.0.3-alpha.154](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.153...v10.0.3-alpha.154) (2025-12-20)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
9
|
+
|
|
10
|
+
## [10.0.3-alpha.152](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.151...v10.0.3-alpha.152) (2025-12-19)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
13
|
+
|
|
14
|
+
## [10.0.3-alpha.151](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.150...v10.0.3-alpha.151) (2025-12-19)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
17
|
+
|
|
18
|
+
## [10.0.3-alpha.150](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.149...v10.0.3-alpha.150) (2025-12-19)
|
|
19
|
+
|
|
20
|
+
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
21
|
+
|
|
22
|
+
## [10.0.3-alpha.148](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.147...v10.0.3-alpha.148) (2025-12-18)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
25
|
+
|
|
26
|
+
## [10.0.3-alpha.147](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.146...v10.0.3-alpha.147) (2025-12-18)
|
|
27
|
+
|
|
28
|
+
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
29
|
+
|
|
30
|
+
## [10.0.3-alpha.145](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.144...v10.0.3-alpha.145) (2025-12-11)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
33
|
+
|
|
34
|
+
## [10.0.3-alpha.144](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.143...v10.0.3-alpha.144) (2025-12-09)
|
|
35
|
+
|
|
36
|
+
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
37
|
+
|
|
6
38
|
## [10.0.3-alpha.143](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.142...v10.0.3-alpha.143) (2025-12-08)
|
|
7
39
|
|
|
8
40
|
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
@@ -18,6 +18,12 @@ export interface IRightSidebarAi extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
18
18
|
isLoading?: boolean;
|
|
19
19
|
messages?: any[];
|
|
20
20
|
selectedPost?: any;
|
|
21
|
+
contextData?: any;
|
|
22
|
+
showContextTab?: boolean;
|
|
23
|
+
ContextTabComponent?: React.ComponentType<{
|
|
24
|
+
context: any;
|
|
25
|
+
selectedPost?: any;
|
|
26
|
+
}>;
|
|
21
27
|
handleSendMessage?: (createChannelInput: ICreateChannelInput) => void;
|
|
22
28
|
isMinimized?: boolean;
|
|
23
29
|
handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightSidebarAi.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/RightSidebarAi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAS,MAAM,QAAQ,CAAC;AAGpD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE;QAClB,YAAY,EAAE,OAAO,CAAC;QACtB,iBAAiB,EAAE,OAAO,CAAC;QAC3B,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,aAAa,EAAE,OAAO,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,eAAe,sBAUpD,CAAC"}
|
|
1
|
+
{"version":3,"file":"RightSidebarAi.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/RightSidebarAi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAS,MAAM,QAAQ,CAAC;AAGpD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE;QAClB,YAAY,EAAE,OAAO,CAAC;QACtB,iBAAiB,EAAE,OAAO,CAAC;QAC3B,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,aAAa,EAAE,OAAO,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,OAAO,EAAE,GAAG,CAAC;QAAC,YAAY,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IAChF,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,eAAe,sBAUpD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightSidebarAi.js","sources":["../../../src/components/InboxMessage/RightSidebarAi.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"RightSidebarAi.js","sources":["../../../src/components/InboxMessage/RightSidebarAi.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"uKAkCO,MAAM,cAAc,GAAG,KAAC,IAAwB;SACnDA,cACI,CAAA,aAAA,CAAA,IAAC,EAAA;AAGO,IAAA,IAAA,EAAA,yBAAY,CAAA,2BAAA;AACZ,IAAA,SAAA,EAAG;AACN,MAAA,MACH,EACJ,IAAA;AACN,MAAE,GAAA;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"right-sidebar-filler.d.ts","sourceRoot":"","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"right-sidebar-filler.d.ts","sourceRoot":"","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,sBAE5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAQ5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"right-sidebar-filler.js","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"sourcesContent":[null],"names":[],"mappings":"+
|
|
1
|
+
{"version":3,"file":"right-sidebar-filler.js","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"sourcesContent":[null],"names":[],"mappings":"+OAmCO,MAAM,kBAAkB,GAAG,KAAC,IAAY;SAC3C,KAAO,CAAA,aAAA,CAAA,IAAC,EAAI;AAChB,IAAE,GAAA,KAAA;AAEF,IAAA,IAAO,EAAA,yBAA4B,CAAA;AAC/B,GAAA,CAAA;AAGY;AAGV,MAAA,gBAAA,GAAA,MAAA;AACN,EAAE,OAAA,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,EAAA,KAAA,IAAA;;;;;"}
|
|
@@ -7,6 +7,11 @@ interface InboxContainerProps {
|
|
|
7
7
|
orgName?: string;
|
|
8
8
|
handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
|
|
9
9
|
isShowOnlyInbox?: boolean;
|
|
10
|
+
showContextTab?: boolean;
|
|
11
|
+
ContextTabComponent?: React.ComponentType<{
|
|
12
|
+
context: any;
|
|
13
|
+
selectedPost?: any;
|
|
14
|
+
}>;
|
|
10
15
|
[key: string]: any;
|
|
11
16
|
}
|
|
12
17
|
declare const _default: React.NamedExoticComponent<InboxContainerProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InboxContainer.d.ts","sourceRoot":"","sources":["../../src/container/InboxContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,UAAU,mBAAmB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,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;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;;AAwBD,wBAA0C"}
|
|
1
|
+
{"version":3,"file":"InboxContainer.d.ts","sourceRoot":"","sources":["../../src/container/InboxContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,UAAU,mBAAmB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,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;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,OAAO,EAAE,GAAG,CAAC;QAAC,YAAY,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IAChF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;;AAwBD,wBAA0C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InboxContainer.js","sources":["../../src/container/InboxContainer.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"InboxContainer.js","sources":["../../src/container/InboxContainer.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"iFAgBA,MAAM,aAAa,GAAGA,cAAK,CAAC,IAAI,CAAC,CAAC;kBAK1B,GAAA;MACCA,cAAA,CAAA;AAIT,EAAA,SAAM,EAAA,oEAA0D;AAC5D,EAAA,KAAA,EAAA;IAEA,MAAK,EAAA;AACD;iBACH,CAAA,aAAA,CAAA,KAAA,EAAA;AAED,EAAA,SAAO,EAAA;AACX,CAAC,CAAC,EAAA,gBAAA,IAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAEF,EAAA,SAAA,EAAA;AAEA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;"}
|
|
@@ -10,6 +10,11 @@ interface InboxWithAiLoaderProps {
|
|
|
10
10
|
isShowAiLanding?: boolean;
|
|
11
11
|
showModelToolbarProjectSettings?: boolean;
|
|
12
12
|
isShowMeta?: boolean;
|
|
13
|
+
showContextTab?: boolean;
|
|
14
|
+
ContextTabComponent?: React.ComponentType<{
|
|
15
|
+
context: any;
|
|
16
|
+
selectedPost?: any;
|
|
17
|
+
}>;
|
|
13
18
|
[key: string]: any;
|
|
14
19
|
}
|
|
15
20
|
declare const _default: React.MemoExoticComponent<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InboxWithAiLoader.d.ts","sourceRoot":"","sources":["../../src/container/InboxWithAiLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAiCvC,UAAU,sBAAsB;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;;YAEiC,sBAAsB;;;
|
|
1
|
+
{"version":3,"file":"InboxWithAiLoader.d.ts","sourceRoot":"","sources":["../../src/container/InboxWithAiLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAiCvC,UAAU,sBAAsB;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,OAAO,EAAE,GAAG,CAAC;QAAC,YAAY,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IAChF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;;YAEiC,sBAAsB;;;AAkDxD,wBAA6C"}
|
|
@@ -25,7 +25,9 @@ const InboxWithAiLoader = props => {
|
|
|
25
25
|
pathPrefix,
|
|
26
26
|
isShowAiLanding = false,
|
|
27
27
|
showModelToolbarProjectSettings = false,
|
|
28
|
-
isShowMeta = false
|
|
28
|
+
isShowMeta = false,
|
|
29
|
+
showContextTab = true,
|
|
30
|
+
ContextTabComponent = null
|
|
29
31
|
} = props;
|
|
30
32
|
const {
|
|
31
33
|
orgName,
|
|
@@ -39,7 +41,9 @@ const InboxWithAiLoader = props => {
|
|
|
39
41
|
orgName: orgName || '',
|
|
40
42
|
pathPrefix: pathPrefix || '',
|
|
41
43
|
handleRecreateSandbox: props.handleRecreateSandbox,
|
|
42
|
-
isShowOnlyInbox: props?.isShowOnlyInbox || false
|
|
44
|
+
isShowOnlyInbox: props?.isShowOnlyInbox || false,
|
|
45
|
+
showContextTab: showContextTab,
|
|
46
|
+
ContextTabComponent: ContextTabComponent
|
|
43
47
|
}), [props, orgName, pathPrefix]);
|
|
44
48
|
const {
|
|
45
49
|
id: pathChannelId
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InboxWithAiLoader.js","sources":["../../src/container/InboxWithAiLoader.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"gMAKA;AACwBA,cAAK,CAAC,IAAI,CAAC,MAAMA,cACrC,CAAA,aAAA,CAAA,KAAA,EAAA;AACI,EAAA,SAAA,EAAA;AAIR,CAAA,EAAAA,cAAM,CAAA,aAAA,CAAA,KAAsB,EAAA;AAEpB,EAAA,SAAA,EAAA;AAQR,CAAA,CAAA,CAAA;AAEQA,oBACa,MAACA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;WAGV,EAAA;
|
|
1
|
+
{"version":3,"file":"InboxWithAiLoader.js","sources":["../../src/container/InboxWithAiLoader.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"gMAKA;AACwBA,cAAK,CAAC,IAAI,CAAC,MAAMA,cACrC,CAAA,aAAA,CAAA,KAAA,EAAA;AACI,EAAA,SAAA,EAAA;AAIR,CAAA,EAAAA,cAAM,CAAA,aAAA,CAAA,KAAsB,EAAA;AAEpB,EAAA,SAAA,EAAA;AAQR,CAAA,CAAA,CAAA;AAEQA,oBACa,MAACA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;WAGV,EAAA;AAqBZ,CAAA,EAAAA,cAAM,CAAA,aAAA,CAAiB,KAAI,EAAA;AACvB,EAAA,SAAM,EACF;;AASaA,cAAA,CAAA,IAAW,CAAA,CAAE;AAC9B,EAAA;MACAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACA,EAAA;AAEQ,CAAA,EAAAA,cAAA,CAAA,aAAQ,CAAA,KAAA,EAAA;WACR,EAAA,2FAAsB;QACtB;iBACA,CAAA,aAAA,CAAA,MAAqB,EAAE;AACvB,EAAA,SAAA,EAAA;AACA,CAAA,EAAA,QAAA,CAAA,CAAA,CAAA;AACA,MAAA,iBAAA,GAAA,KAAqB,IAAA;QAEzB;IAGJ,WAAU,EAAE,eAAe;IAE3B,UAAA;IACA,eAAe,GAAG,KAAA;IAElB,+BAAA,GAAA,KAAA;AACA,IAAA,UAAK,GAAA,KAAA;AACD,IAAA;IACJ,mBAAC,GAAA;AACD,GAAA,GAAA,KAAK;AACD,EAAA,MAAA;IAGJ,OAAC;IAED,WAAA,EAAA;MAEA,SAAO,EAAA;AACX,EAAE,MAAA,QAAA,GAAA,WAAA,EAAA;AAEF,EAAA,MAAA,SAAA,GAAA,QAAA,EAA6B,MAAA,GAAA,IAAA,eAAA,CAAA,QAAA,CAAA,MAAA,CAAA,GAAA,IAAA;AAC7B;AAEA,EAAA,MAAA,aAAqB,OAAK,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TestInboxWithAiLoader.d.ts","sourceRoot":"","sources":["../../src/container/TestInboxWithAiLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;
|
|
1
|
+
{"version":3,"file":"TestInboxWithAiLoader.d.ts","sourceRoot":"","sources":["../../src/container/TestInboxWithAiLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AA4B1B,wBAAuD"}
|
|
@@ -20,7 +20,8 @@ import React__default from'react';import InboxWithAiLoader from'./InboxWithAiLoa
|
|
|
20
20
|
handleRecreateSandbox: handleRecreateSandbox,
|
|
21
21
|
showModelToolbarProjectSettings: true,
|
|
22
22
|
isShowAiLanding: true,
|
|
23
|
-
isShowMeta: true
|
|
23
|
+
isShowMeta: true,
|
|
24
|
+
showContextTab: false
|
|
24
25
|
});
|
|
25
26
|
};
|
|
26
27
|
var TestInboxWithAiLoader = React__default.memo(TestInboxWithAiLoaderOutlet);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TestInboxWithAiLoader.js","sources":["../../src/container/TestInboxWithAiLoader.tsx"],"sourcesContent":[null],"names":[],"mappings":"yLAIA,MAAM,2BAA2B,GAAG,MAAK;AACrC,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA;AACI,EAAA,MAAA,CAAA;AACA,IAAA,OAAA;AACI,IAAA;iCACa,EAAA;AACZ,EAAA,MAAA,qBAAA,GAAA,MAAA,SAAA,IAAA;AACJ,IAAA,OAAE,CAAA,GAAA,CAAA,iBAAA,EAAA,SAAA,CAAA;AACH,IAAA,MAAA,iBAAgB,eAAA,CAAA;AACpB,MAAE,SAAA,EAAA;
|
|
1
|
+
{"version":3,"file":"TestInboxWithAiLoader.js","sources":["../../src/container/TestInboxWithAiLoader.tsx"],"sourcesContent":[null],"names":[],"mappings":"yLAIA,MAAM,2BAA2B,GAAG,MAAK;AACrC,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA;AACI,EAAA,MAAA,CAAA;AACA,IAAA,OAAA;AACI,IAAA;iCACa,EAAA;AACZ,EAAA,MAAA,qBAAA,GAAA,MAAA,SAAA,IAAA;AACJ,IAAA,OAAE,CAAA,GAAA,CAAA,iBAAA,EAAA,SAAA,CAAA;AACH,IAAA,MAAA,iBAAgB,eAAA,CAAA;AACpB,MAAE,SAAA,EAAA;AACF,QAAA;AAUJ;AAEA,KAAA,CAAA;AAEA,IAAA,OAAA,QAAA;;;;;;;;;;;;"}
|
|
@@ -8,6 +8,11 @@ export interface InboxProps {
|
|
|
8
8
|
orgName?: string;
|
|
9
9
|
handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
|
|
10
10
|
isShowOnlyInbox?: boolean;
|
|
11
|
+
showContextTab?: boolean;
|
|
12
|
+
ContextTabComponent?: React.ComponentType<{
|
|
13
|
+
context: any;
|
|
14
|
+
selectedPost?: any;
|
|
15
|
+
}>;
|
|
11
16
|
}
|
|
12
17
|
declare const _default: React.MemoExoticComponent<{
|
|
13
18
|
(props: InboxProps): React.JSX.Element;
|
|
@@ -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;IACnE,eAAe,CAAC,EAAE,OAAO,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;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,OAAO,EAAE,GAAG,CAAC;QAAC,YAAY,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;CACnF;;YA0E2B,UAAU;;;AAolBtC,wBAAuC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default,{createContext,useContext,useState,
|
|
1
|
+
import React__default,{createContext,useContext,useState,useMemo,useEffect,useCallback}from'react';import {useParams,useLocation,Outlet}from'@remix-run/react';import {RightSidebarAi}from'../components/InboxMessage/RightSidebarAi.js';import {useRecreateSandboxMutation}from'common/graphql';import {usePersistentModelConfig}from'../hooks/usePersistentModelConfig.js';// Context for sharing tab state between header and sidebar
|
|
2
2
|
const TabContext = createContext({
|
|
3
3
|
activeTab: 'preview',
|
|
4
4
|
setActiveTab: () => {}
|
|
@@ -47,6 +47,21 @@ const EmptyState = React__default.memo(() => React__default.createElement("div",
|
|
|
47
47
|
}, "Welcome to Messenger"), React__default.createElement("p", {
|
|
48
48
|
className: "text-sm sm:text-base text-gray-500 leading-relaxed"
|
|
49
49
|
}, "Select a conversation from the sidebar to start messaging"))));
|
|
50
|
+
const DefaultContextTab = ({
|
|
51
|
+
context
|
|
52
|
+
}) => {
|
|
53
|
+
const isString = typeof context === 'string';
|
|
54
|
+
const content = isString ? context : JSON.stringify(context ?? {}, null, 2);
|
|
55
|
+
return React__default.createElement("div", {
|
|
56
|
+
className: "h-full w-full bg-gray-50 text-gray-800 overflow-auto"
|
|
57
|
+
}, React__default.createElement("div", {
|
|
58
|
+
className: "p-4"
|
|
59
|
+
}, React__default.createElement("h3", {
|
|
60
|
+
className: "text-sm font-semibold text-gray-700 mb-2"
|
|
61
|
+
}, "Context"), React__default.createElement("pre", {
|
|
62
|
+
className: "text-sm whitespace-pre-wrap break-words font-mono bg-white border border-gray-200 rounded-md p-3 shadow-sm"
|
|
63
|
+
}, content || 'No context available.')));
|
|
64
|
+
};
|
|
50
65
|
const InboxWithAi = props => {
|
|
51
66
|
const [activeTab, setActiveTab] = React__default.useState('preview');
|
|
52
67
|
return React__default.createElement(TabContext.Provider, {
|
|
@@ -83,8 +98,19 @@ const InboxWithAiInternal = props => {
|
|
|
83
98
|
const [errorData, setError] = useState(null);
|
|
84
99
|
const [sendMessageInput, handleSendMessage] = useState(null);
|
|
85
100
|
const [isMinimized, setIsMinimized] = useState(false);
|
|
101
|
+
const showContextTab = props.showContextTab ?? true;
|
|
102
|
+
const contextData = useMemo(() => {
|
|
103
|
+
const cfg = selectedPost?.propsConfiguration;
|
|
104
|
+
return cfg?.contents?.fragment?.context || cfg?.content?.fragment?.context || cfg?.fragment?.context || null;
|
|
105
|
+
}, [selectedPost]);
|
|
86
106
|
// Extract channelId from query parameters (priority) or path parameters (fallback)
|
|
87
107
|
const channelId = urlParams?.get('id') || pathChannelId;
|
|
108
|
+
useEffect(() => {
|
|
109
|
+
// If context tab is disabled via props, fall back to preview
|
|
110
|
+
if (activeTab === 'context' && !showContextTab) {
|
|
111
|
+
setActiveTab('preview');
|
|
112
|
+
}
|
|
113
|
+
}, [activeTab, showContextTab, setActiveTab]);
|
|
88
114
|
const recreateSandboxForFragment = useCallback(async messageId => {
|
|
89
115
|
if (!channelId || !messageId) {
|
|
90
116
|
console.error('No channel ID or message ID available for sandbox recreation');
|
|
@@ -198,7 +224,28 @@ const InboxWithAiInternal = props => {
|
|
|
198
224
|
strokeLinejoin: "round",
|
|
199
225
|
strokeWidth: 2,
|
|
200
226
|
d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
|
|
201
|
-
})), React__default.createElement("span", null, "Code"))
|
|
227
|
+
})), React__default.createElement("span", null, "Code")), showContextTab && React__default.createElement("button", {
|
|
228
|
+
onClick: () => setActiveTab('context'),
|
|
229
|
+
className: `flex items-center space-x-2 px-4 py-2 text-xs font-medium transition-all duration-200 ${activeTab === 'context' ? 'bg-blue-500 text-white shadow-sm' : 'text-gray-600 hover:text-gray-900'}`,
|
|
230
|
+
style: {
|
|
231
|
+
borderRadius: '10px'
|
|
232
|
+
}
|
|
233
|
+
}, React__default.createElement("svg", {
|
|
234
|
+
className: "w-4 h-4",
|
|
235
|
+
fill: "none",
|
|
236
|
+
stroke: "currentColor",
|
|
237
|
+
viewBox: "0 0 24 24"
|
|
238
|
+
}, React__default.createElement("path", {
|
|
239
|
+
strokeLinecap: "round",
|
|
240
|
+
strokeLinejoin: "round",
|
|
241
|
+
strokeWidth: 2,
|
|
242
|
+
d: "M12 8c-1.657 0-3 1.343-3 3s1.343 3 3 3 3-1.343 3-3-1.343-3-3-3z"
|
|
243
|
+
}), React__default.createElement("path", {
|
|
244
|
+
strokeLinecap: "round",
|
|
245
|
+
strokeLinejoin: "round",
|
|
246
|
+
strokeWidth: 2,
|
|
247
|
+
d: "M21 12c0 4.97-4.03 9-9 9s-9-4.03-9-9 4.03-9 9-9 9 4.03 9 9z"
|
|
248
|
+
})), React__default.createElement("span", null, "Context")))), isDesktopView && React__default.createElement("div", {
|
|
202
249
|
className: "flex items-center gap-2"
|
|
203
250
|
}, React__default.createElement("button", {
|
|
204
251
|
onClick: () => setIsMinimized(!isMinimized),
|
|
@@ -289,6 +336,8 @@ const InboxWithAiInternal = props => {
|
|
|
289
336
|
channelId: channelId,
|
|
290
337
|
messages: messages,
|
|
291
338
|
selectedPost: selectedPost,
|
|
339
|
+
contextData: contextData,
|
|
340
|
+
showContextTab: showContextTab,
|
|
292
341
|
setIsLoading: setIsLoading,
|
|
293
342
|
setIsCreatingSandbox: setIsCreatingSandbox,
|
|
294
343
|
isCreatingSandbox: isCreatingSandbox,
|
|
@@ -296,6 +345,7 @@ const InboxWithAiInternal = props => {
|
|
|
296
345
|
handleSendMessage: handleSendMessage,
|
|
297
346
|
handleRecreateSandbox: props?.handleRecreateSandbox || null,
|
|
298
347
|
isMinimized: isMinimized,
|
|
348
|
+
ContextTabComponent: props?.ContextTabComponent ?? DefaultContextTab,
|
|
299
349
|
...props
|
|
300
350
|
})))));
|
|
301
351
|
};
|
|
@@ -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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"}
|
|
@@ -34,6 +34,8 @@ export interface InboxProps {
|
|
|
34
34
|
orgName?: string;
|
|
35
35
|
handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
|
|
36
36
|
isShowOnlyInbox?: boolean;
|
|
37
|
+
showContextTab?: boolean;
|
|
38
|
+
ContextTabComponent?: React.ComponentType<{ context: any; selectedPost?: any }>;
|
|
37
39
|
}
|
|
38
40
|
|
|
39
41
|
// Static utility hooks and components
|
|
@@ -92,6 +94,22 @@ const EmptyState = React.memo(() => (
|
|
|
92
94
|
</div>
|
|
93
95
|
));
|
|
94
96
|
|
|
97
|
+
const DefaultContextTab = ({ context }: { context: any }) => {
|
|
98
|
+
const isString = typeof context === 'string';
|
|
99
|
+
const content = isString ? context : JSON.stringify(context ?? {}, null, 2);
|
|
100
|
+
|
|
101
|
+
return (
|
|
102
|
+
<div className="h-full w-full bg-gray-50 text-gray-800 overflow-auto">
|
|
103
|
+
<div className="p-4">
|
|
104
|
+
<h3 className="text-sm font-semibold text-gray-700 mb-2">Context</h3>
|
|
105
|
+
<pre className="text-sm whitespace-pre-wrap break-words font-mono bg-white border border-gray-200 rounded-md p-3 shadow-sm">
|
|
106
|
+
{content || 'No context available.'}
|
|
107
|
+
</pre>
|
|
108
|
+
</div>
|
|
109
|
+
</div>
|
|
110
|
+
);
|
|
111
|
+
};
|
|
112
|
+
|
|
95
113
|
const InboxWithAi = (props: InboxProps) => {
|
|
96
114
|
const [activeTab, setActiveTab] = React.useState('preview');
|
|
97
115
|
|
|
@@ -117,9 +135,26 @@ const InboxWithAiInternal = (props: InboxProps) => {
|
|
|
117
135
|
const [errorData, setError] = useState<string | null>(null);
|
|
118
136
|
const [sendMessageInput, handleSendMessage] = useState<ICreateChannelInput | null>(null);
|
|
119
137
|
const [isMinimized, setIsMinimized] = useState(false);
|
|
138
|
+
const showContextTab = props.showContextTab ?? true;
|
|
139
|
+
const contextData = useMemo(() => {
|
|
140
|
+
const cfg = selectedPost?.propsConfiguration;
|
|
141
|
+
return (
|
|
142
|
+
cfg?.contents?.fragment?.context ||
|
|
143
|
+
cfg?.content?.fragment?.context ||
|
|
144
|
+
cfg?.fragment?.context ||
|
|
145
|
+
null
|
|
146
|
+
);
|
|
147
|
+
}, [selectedPost]);
|
|
120
148
|
// Extract channelId from query parameters (priority) or path parameters (fallback)
|
|
121
149
|
const channelId = urlParams?.get('id') || pathChannelId;
|
|
122
150
|
|
|
151
|
+
useEffect(() => {
|
|
152
|
+
// If context tab is disabled via props, fall back to preview
|
|
153
|
+
if (activeTab === 'context' && !showContextTab) {
|
|
154
|
+
setActiveTab('preview');
|
|
155
|
+
}
|
|
156
|
+
}, [activeTab, showContextTab, setActiveTab]);
|
|
157
|
+
|
|
123
158
|
const recreateSandboxForFragment = useCallback(
|
|
124
159
|
async (messageId: string) => {
|
|
125
160
|
if (!channelId || !messageId) {
|
|
@@ -261,6 +296,38 @@ const InboxWithAiInternal = (props: InboxProps) => {
|
|
|
261
296
|
</svg>
|
|
262
297
|
<span>Code</span>
|
|
263
298
|
</button>
|
|
299
|
+
{showContextTab && (
|
|
300
|
+
<button
|
|
301
|
+
onClick={() => setActiveTab('context')}
|
|
302
|
+
className={`flex items-center space-x-2 px-4 py-2 text-xs font-medium transition-all duration-200 ${
|
|
303
|
+
activeTab === 'context'
|
|
304
|
+
? 'bg-blue-500 text-white shadow-sm'
|
|
305
|
+
: 'text-gray-600 hover:text-gray-900'
|
|
306
|
+
}`}
|
|
307
|
+
style={{ borderRadius: '10px' }}
|
|
308
|
+
>
|
|
309
|
+
<svg
|
|
310
|
+
className="w-4 h-4"
|
|
311
|
+
fill="none"
|
|
312
|
+
stroke="currentColor"
|
|
313
|
+
viewBox="0 0 24 24"
|
|
314
|
+
>
|
|
315
|
+
<path
|
|
316
|
+
strokeLinecap="round"
|
|
317
|
+
strokeLinejoin="round"
|
|
318
|
+
strokeWidth={2}
|
|
319
|
+
d="M12 8c-1.657 0-3 1.343-3 3s1.343 3 3 3 3-1.343 3-3-1.343-3-3-3z"
|
|
320
|
+
/>
|
|
321
|
+
<path
|
|
322
|
+
strokeLinecap="round"
|
|
323
|
+
strokeLinejoin="round"
|
|
324
|
+
strokeWidth={2}
|
|
325
|
+
d="M21 12c0 4.97-4.03 9-9 9s-9-4.03-9-9 4.03-9 9-9 9 4.03 9 9z"
|
|
326
|
+
/>
|
|
327
|
+
</svg>
|
|
328
|
+
<span>Context</span>
|
|
329
|
+
</button>
|
|
330
|
+
)}
|
|
264
331
|
</div>
|
|
265
332
|
)}
|
|
266
333
|
</div>
|
|
@@ -384,6 +451,8 @@ const InboxWithAiInternal = (props: InboxProps) => {
|
|
|
384
451
|
channelId={channelId}
|
|
385
452
|
messages={messages}
|
|
386
453
|
selectedPost={selectedPost}
|
|
454
|
+
contextData={contextData}
|
|
455
|
+
showContextTab={showContextTab}
|
|
387
456
|
setIsLoading={setIsLoading}
|
|
388
457
|
setIsCreatingSandbox={setIsCreatingSandbox}
|
|
389
458
|
isCreatingSandbox={isCreatingSandbox}
|
|
@@ -391,6 +460,7 @@ const InboxWithAiInternal = (props: InboxProps) => {
|
|
|
391
460
|
handleSendMessage={handleSendMessage}
|
|
392
461
|
handleRecreateSandbox={props?.handleRecreateSandbox || null}
|
|
393
462
|
isMinimized={isMinimized}
|
|
463
|
+
ContextTabComponent={props?.ContextTabComponent ?? DefaultContextTab}
|
|
394
464
|
{...props}
|
|
395
465
|
/>
|
|
396
466
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rightSidebar.machine.d.ts","sourceRoot":"","sources":["../../src/xstate/rightSidebar.machine.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"rightSidebar.machine.d.ts","sourceRoot":"","sources":["../../src/xstate/rightSidebar.machine.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAoC,MAAM,sBAAsB,CAAC;AAEhH,eAAO,MAAM,mBAAmB,2WAyS9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC"}
|