1 files changed, 31 insertions, 2 deletions
diff --git a/src/client/views/nodes/ChatBox/MessageComponent.tsx b/src/client/views/nodes/ChatBox/MessageComponent.tsx
index 91671a24a..38faf7e00 100644
--- a/src/client/views/nodes/ChatBox/MessageComponent.tsx
+++ b/src/client/views/nodes/ChatBox/MessageComponent.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import { observer } from 'mobx-react';
 import { AssistantMessage, CHUNK_TYPE, Citation } from './types';
 import { TbInfoCircleFilled } from 'react-icons/tb';
+import { Docs } from '../../../documents/Documents';
+import { DocumentType } from '../../../documents/DocumentTypes';
 
 interface MessageComponentProps {
     message: AssistantMessage;
@@ -11,7 +13,18 @@ interface MessageComponentProps {
     updateMessageCitations: (index: number, citations: Citation[]) => void;
 }
 
-const MessageComponent: React.FC<MessageComponentProps> = function ({ message, index, onFollowUpClick, onCitationClick, updateMessageCitations }) {
+const MessageComponentBox: React.FC<MessageComponentProps> = function ({ message, index, onFollowUpClick, onCitationClick, updateMessageCitations }) {
+    // public static LayoutString(fieldKey: string) {
+    //     return FieldView.LayoutString(MessageComponentBox, fieldKey);
+    // }
+
+    // the presentation view that renders this slide
+
+    // @computed
+    // get chatBoxView() {
+    //     return this.DocumentView?.().containerViewPath?.().lastElement()?.ComponentView as ChatBox;
+    // }
+
     const renderContent = (text: string) => {
         const citationRegex = /<citation chunk_id="([^"]*)" type="([^"]*)">([^<]*)<\/citation>/g;
         const parts = [];
@@ -68,4 +81,20 @@ const MessageComponent: React.FC<MessageComponentProps> = function ({ message, i
     );
 };
 
-export default observer(MessageComponent);
+// Docs.Prototypes.TemplateMap.set(DocumentType.MESSAGE, {
+//     layout: { view: MessageComponentBox, dataField: 'data' },
+//     options: {
+//         acl: '',
+//         _height: 35,
+//         _xMargin: 10,
+//         _yMargin: 10,
+//         _layout_nativeDimEditable: true,
+//         _layout_reflowVertical: true,
+//         _layout_reflowHorizontal: true,
+//         defaultDoubleClick: 'ignore',
+//         systemIcon: 'BsFileEarmarkTextFill',
+//         layout_borderRounding: '10px',
+//     },
+// });
+
+export default observer(MessageComponentBox);