reachat 1.0.0 → 1.0.2

package/dist/docs.json

@@ -160,6 +160,25 @@
           "name": "boolean"
         }
       },
+      "disabled": {
+        "defaultValue": null,
+        "description": "Whether to disable the chat.",
+        "name": "disabled",
+        "parent": {
+          "fileName": "src/Chat.tsx",
+          "name": "ChatProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/Chat.tsx",
+            "name": "ChatProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "onSelectSession": {
         "defaultValue": null,
         "description": "Callback function to handle when a session is selected.",
@@ -216,6 +235,63 @@
         "type": {
           "name": "() => void"
         }
+      },
+      "onSendMessage": {
+        "defaultValue": null,
+        "description": "Callback function to handle sending a new message.",
+        "name": "onSendMessage",
+        "parent": {
+          "fileName": "src/Chat.tsx",
+          "name": "ChatProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/Chat.tsx",
+            "name": "ChatProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(message: string) => void"
+        }
+      },
+      "onStopMessage": {
+        "defaultValue": null,
+        "description": "Callback function to handle stopping the current action.",
+        "name": "onStopMessage",
+        "parent": {
+          "fileName": "src/Chat.tsx",
+          "name": "ChatProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/Chat.tsx",
+            "name": "ChatProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "() => void"
+        }
+      },
+      "onFileUpload": {
+        "defaultValue": null,
+        "description": "Callback function to handle file upload.",
+        "name": "onFileUpload",
+        "parent": {
+          "fileName": "src/Chat.tsx",
+          "name": "ChatProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/Chat.tsx",
+            "name": "ChatProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(file: File) => void"
+        }
       }
     }
   },
@@ -345,77 +421,79 @@
         "type": {
           "name": "ReactElement<any, string | JSXElementConstructor<any>>"
         }
-      },
-      "onSendMessage": {
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "src/Markdown/CodeHighlighter.tsx",
+    "description": "",
+    "displayName": "CodeHighlighter",
+    "methods": [],
+    "props": {
+      "className": {
         "defaultValue": null,
-        "description": "Callback function to handle sending a new message.",
-        "name": "onSendMessage",
+        "description": "The class name to apply to the code block.",
+        "name": "className",
         "parent": {
-          "fileName": "src/ChatInput.tsx",
-          "name": "ChatInputProps"
+          "fileName": "src/Markdown/CodeHighlighter.tsx",
+          "name": "CodeHighlighterProps"
         },
         "declarations": [
           {
-            "fileName": "src/ChatInput.tsx",
-            "name": "ChatInputProps"
+            "fileName": "src/Markdown/CodeHighlighter.tsx",
+            "name": "CodeHighlighterProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "(message: string) => void"
+          "name": "string"
         }
       },
-      "onStopMessage": {
+      "language": {
         "defaultValue": null,
-        "description": "Callback function to handle stopping the current action.",
-        "name": "onStopMessage",
+        "description": "The language of the code block.",
+        "name": "language",
         "parent": {
-          "fileName": "src/ChatInput.tsx",
-          "name": "ChatInputProps"
+          "fileName": "src/Markdown/CodeHighlighter.tsx",
+          "name": "CodeHighlighterProps"
         },
         "declarations": [
           {
-            "fileName": "src/ChatInput.tsx",
-            "name": "ChatInputProps"
+            "fileName": "src/Markdown/CodeHighlighter.tsx",
+            "name": "CodeHighlighterProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "() => void"
+          "name": "string"
         }
       },
-      "onFileUpload": {
+      "copyClassName": {
         "defaultValue": null,
-        "description": "Callback function to handle file upload.",
-        "name": "onFileUpload",
+        "description": "The class name to apply to the copy button.",
+        "name": "copyClassName",
         "parent": {
-          "fileName": "src/ChatInput.tsx",
-          "name": "ChatInputProps"
+          "fileName": "src/Markdown/CodeHighlighter.tsx",
+          "name": "CodeHighlighterProps"
         },
         "declarations": [
           {
-            "fileName": "src/ChatInput.tsx",
-            "name": "ChatInputProps"
+            "fileName": "src/Markdown/CodeHighlighter.tsx",
+            "name": "CodeHighlighterProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "(file: File) => void"
+          "name": "string"
         }
-      }
-    }
-  },
-  {
-    "tags": {},
-    "filePath": "src/Markdown/CodeHighlighter.tsx",
-    "description": "",
-    "displayName": "CodeHighlighter",
-    "methods": [],
-    "props": {
-      "className": {
-        "defaultValue": null,
-        "description": "The class name to apply to the code block.",
-        "name": "className",
+      },
+      "copyIcon": {
+        "defaultValue": {
+          "value": "<CopyIcon />"
+        },
+        "description": "Icon to show for copy.",
+        "name": "copyIcon",
         "parent": {
           "fileName": "src/Markdown/CodeHighlighter.tsx",
           "name": "CodeHighlighterProps"
@@ -428,7 +506,28 @@
         ],
         "required": false,
         "type": {
-          "name": "string"
+          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
+        }
+      },
+      "theme": {
+        "defaultValue": {
+          "value": "{\n  'code[class*=\"language-\"]': {\n    'background': '#11111f',\n    'color': '#e2e8f0',\n    'textShadow': '0 1px rgba(0, 0, 0, 0.3)',\n    'fontFamily': '\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace',\n    'direction': 'ltr',\n    'textAlign': 'left',\n    'whiteSpace': 'pre',\n    'wordSpacing': 'normal',\n    'wordBreak': 'normal',\n    'lineHeight': '1.5',\n    'MozTabSize': '2',\n    'OTabSize': '2',\n    'tabSize': '2',\n    'WebkitHyphens': 'none',\n    'MozHyphens': 'none',\n    'msHyphens': 'none',\n    'hyphens': 'none'\n  },\n  'pre[class*=\"language-\"]': {\n    'background': '#11111f',\n    'color': '#e2e8f0',\n    'textShadow': '0 1px rgba(0, 0, 0, 0.3)',\n    'fontFamily': '\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace',\n    'direction': 'ltr',\n    'textAlign': 'left',\n    'whiteSpace': 'pre',\n    'wordSpacing': 'normal',\n    'wordBreak': 'normal',\n    'lineHeight': '1.5',\n    'MozTabSize': '2',\n    'OTabSize': '2',\n    'tabSize': '2',\n    'WebkitHyphens': 'none',\n    'MozHyphens': 'none',\n    'msHyphens': 'none',\n    'hyphens': 'none',\n    'padding': '1em',\n    'margin': '0.5em 0',\n    'overflow': 'auto',\n    'borderRadius': '0.3em'\n  },\n  'code[class*=\"language-\"]::-moz-selection': {\n    'background': '#1e293b',\n    'color': 'inherit',\n    'textShadow': 'none'\n  },\n  'code[class*=\"language-\"] *::-moz-selection': {\n    'background': '#1e293b',\n    'color': 'inherit',\n    'textShadow': 'none'\n  },\n  'pre[class*=\"language-\"] *::-moz-selection': {\n    'background': '#1e293b',\n    'color': 'inherit',\n    'textShadow': 'none'\n  },\n  'code[class*=\"language-\"]::selection': {\n    'background': '#1e293b',\n    'color': 'inherit',\n    'textShadow': 'none'\n  },\n  'code[class*=\"language-\"] *::selection': {\n    'background': '#1e293b',\n    'color': 'inherit',\n    'textShadow': 'none'\n  },\n  'pre[class*=\"language-\"] *::selection': {\n    'background': '#1e293b',\n    'color': 'inherit',\n    'textShadow': 'none'\n  },\n  ':not(pre) > code[class*=\"language-\"]': {\n    'padding': '0.2em 0.3em',\n    'borderRadius': '0.3em',\n    'whiteSpace': 'normal'\n  },\n  'comment': {\n    'color': '#64748b',\n    'fontStyle': 'italic'\n  },\n  'prolog': {\n    'color': '#64748b'\n  },\n  'cdata': {\n    'color': '#64748b'\n  },\n  'doctype': {\n    'color': '#e2e8f0'\n  },\n  'punctuation': {\n    'color': '#e2e8f0'\n  },\n  'entity': {\n    'color': '#3b82f6',\n    'cursor': 'help'\n  },\n  'attr-name': {\n    'color': '#f59e0b'\n  },\n  'class-name': {\n    'color': '#f59e0b'\n  },\n  'boolean': {\n    'color': '#3b82f6'\n  },\n  'constant': {\n    'color': '#3b82f6'\n  },\n  'number': {\n    'color': '#3b82f6'\n  },\n  'atrule': {\n    'color': '#f59e0b'\n  },\n  'keyword': {\n    'color': '#f472b6'\n  },\n  'property': {\n    'color': '#3b82f6'\n  },\n  'tag': {\n    'color': '#3b82f6'\n  },\n  'symbol': {\n    'color': '#3b82f6'\n  },\n  'deleted': {\n    'color': '#ef4444'\n  },\n  'important': {\n    'color': '#f472b6'\n  },\n  'selector': {\n    'color': '#10b981'\n  },\n  'string': {\n    'color': '#10b981'\n  },\n  'char': {\n    'color': '#10b981'\n  },\n  'builtin': {\n    'color': '#10b981'\n  },\n  'inserted': {\n    'color': '#10b981'\n  },\n  'regex': {\n    'color': '#10b981'\n  },\n  'attr-value': {\n    'color': '#10b981'\n  },\n  'attr-value > .token.punctuation': {\n    'color': '#10b981'\n  },\n  'variable': {\n    'color': '#60a5fa'\n  },\n  'operator': {\n    'color': '#60a5fa'\n  },\n  'function': {\n    'color': '#60a5fa'\n  },\n  'url': {\n    'color': '#60a5fa'\n  },\n  'attr-value > .token.punctuation.attr-equals': {\n    'color': '#e2e8f0'\n  },\n  'special-attr > .token.attr-value > .token.value.css': {\n    'color': '#e2e8f0'\n  },\n  '.language-css .token.selector': {\n    'color': '#3b82f6'\n  },\n  '.language-css .token.property': {\n    'color': '#e2e8f0'\n  },\n  '.language-css .token.function': {\n    'color': '#60a5fa'\n  },\n  '.language-css .token.url > .token.function': {\n    'color': '#60a5fa'\n  },\n  '.language-css .token.url > .token.string.url': {\n    'color': '#10b981'\n  },\n  '.language-css .token.important': {\n    'color': '#f472b6'\n  },\n  '.language-css .token.atrule .token.rule': {\n    'color': '#f472b6'\n  },\n  '.language-javascript .token.operator': {\n    'color': '#f472b6'\n  },\n  '.language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation': {\n    'color': '#ef4444'\n  },\n  '.language-json .token.operator': {\n    'color': '#e2e8f0'\n  },\n  '.language-json .token.null.keyword': {\n    'color': '#3b82f6'\n  },\n  '.language-markdown .token.url': {\n    'color': '#e2e8f0'\n  },\n  '.language-markdown .token.url > .token.operator': {\n    'color': '#e2e8f0'\n  },\n  '.language-markdown .token.url-reference.url > .token.string': {\n    'color': '#e2e8f0'\n  },\n  '.language-markdown .token.url > .token.content': {\n    'color': '#60a5fa'\n  },\n  '.language-markdown .token.url > .token.url': {\n    'color': '#60a5fa'\n  },\n  '.language-markdown .token.url-reference.url': {\n    'color': '#60a5fa'\n  },\n  '.language-markdown .token.blockquote.punctuation': {\n    'color': '#64748b',\n    'fontStyle': 'italic'\n  },\n  '.language-markdown .token.hr.punctuation': {\n    'color': '#64748b',\n    'fontStyle': 'italic'\n  },\n  '.language-markdown .token.code-snippet': {\n    'color': '#10b981'\n  },\n  '.language-markdown .token.bold .token.content': {\n    'color': '#f59e0b'\n  },\n  '.language-markdown .token.italic .token.content': {\n    'color': '#f472b6'\n  },\n  '.language-markdown .token.strike .token.content': {\n    'color': '#3b82f6'\n  },\n  '.language-markdown .token.strike .token.punctuation': {\n    'color': '#3b82f6'\n  },\n  '.language-markdown .token.list.punctuation': {\n    'color': '#3b82f6'\n  },\n  '.language-markdown .token.title.important > .token.punctuation': {\n    'color': '#3b82f6'\n  },\n  'bold': {\n    'fontWeight': 'bold'\n  },\n  'italic': {\n    'fontStyle': 'italic'\n  },\n  'namespace': {\n    'Opacity': '0.8'\n  },\n  'token.tab:not(:empty):before': {\n    'color': '#64748b',\n    'textShadow': 'none'\n  },\n  'token.cr:before': {\n    'color': '#64748b',\n    'textShadow': 'none'\n  },\n  'token.lf:before': {\n    'color': '#64748b',\n    'textShadow': 'none'\n  },\n  'token.space:before': {\n    'color': '#64748b',\n    'textShadow': 'none'\n  },\n  'div.code-toolbar > .toolbar.toolbar > .toolbar-item': {\n    'marginRight': '0.4em'\n  },\n  'div.code-toolbar > .toolbar.toolbar > .toolbar-item > button': {\n    'background': '#1e293b',\n    'color': '#94a3b8',\n    'padding': '0.1em 0.4em',\n    'borderRadius': '0.3em'\n  },\n  'div.code-toolbar > .toolbar.toolbar > .toolbar-item > a': {\n    'background': '#1e293b',\n    'color': '#94a3b8',\n    'padding': '0.1em 0.4em',\n    'borderRadius': '0.3em'\n  },\n  'div.code-toolbar > .toolbar.toolbar > .toolbar-item > span': {\n    'background': '#1e293b',\n    'color': '#94a3b8',\n    'padding': '0.1em 0.4em',\n    'borderRadius': '0.3em'\n  },\n  'div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover': {\n    'background': '#3b82f6',\n    'color': '#ffffff'\n  },\n  'div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus': {\n    'background': '#3b82f6',\n    'color': '#ffffff'\n  },\n  'div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover': {\n    'background': '#3b82f6',\n    'color': '#ffffff'\n  },\n  'div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus': {\n    'background': '#3b82f6',\n    'color': '#ffffff'\n  },\n  'div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover': {\n    'background': '#3b82f6',\n    'color': '#ffffff'\n  },\n  'div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus': {\n    'background': '#3b82f6',\n    'color': '#ffffff'\n  },\n  '.line-highlight.line-highlight': {\n    'background': 'rgba(59, 130, 246, 0.08)'\n  },\n  '.line-highlight.line-highlight:before': {\n    'background': '#1e293b',\n    'color': '#e2e8f0',\n    'padding': '0.1em 0.6em',\n    'borderRadius': '0.3em',\n    'boxShadow': '0 2px 0 0 rgba(0, 0, 0, 0.2)'\n  },\n  '.line-highlight.line-highlight[data-end]:after': {\n    'background': '#1e293b',\n    'color': '#e2e8f0',\n    'padding': '0.1em 0.6em',\n    'borderRadius': '0.3em',\n    'boxShadow': '0 2px 0 0 rgba(0, 0, 0, 0.2)'\n  },\n  'pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before': {\n    'backgroundColor': 'rgba(59, 130, 246, 0.08)'\n  },\n  '.line-numbers.line-numbers .line-numbers-rows': {\n    'borderRightColor': '#1e293b'\n  },\n  '.command-line .command-line-prompt': {\n    'borderRightColor': '#1e293b'\n  },\n  '.line-numbers .line-numbers-rows > span:before': {\n    'color': '#64748b'\n  },\n  '.command-line .command-line-prompt > span:before': {\n    'color': '#64748b'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-1': {\n    'color': '#3b82f6'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-5': {\n    'color': '#3b82f6'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-9': {\n    'color': '#3b82f6'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-2': {\n    'color': '#10b981'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-6': {\n    'color': '#10b981'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-10': {\n    'color': '#10b981'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-3': {\n    'color': '#60a5fa'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-7': {\n    'color': '#60a5fa'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-11': {\n    'color': '#60a5fa'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-4': {\n    'color': '#f472b6'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-8': {\n    'color': '#f472b6'\n  },\n  '.rainbow-braces .token.token.punctuation.brace-level-12': {\n    'color': '#f472b6'\n  },\n  'pre.diff-highlight > code .token.token.deleted:not(.prefix)': {\n    'backgroundColor': 'rgba(239, 68, 68, 0.15)'\n  },\n  'pre > code.diff-highlight .token.token.deleted:not(.prefix)': {\n    'backgroundColor': 'rgba(239, 68, 68, 0.15)'\n  },\n  'pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection': {\n    'backgroundColor': 'rgba(239, 68, 68, 0.25)'\n  },\n  'pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection': {\n    'backgroundColor': 'rgba(239, 68, 68, 0.25)'\n  },\n  'pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection': {\n    'backgroundColor': 'rgba(239, 68, 68, 0.25)'\n  },\n  'pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection': {\n    'backgroundColor': 'rgba(239, 68, 68, 0.25)'\n  },\n  'pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection': {\n    'backgroundColor': 'rgba(239, 68, 68, 0.25)'\n  },\n  'pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection': {\n    'backgroundColor': 'rgba(239, 68, 68, 0.25)'\n  },\n  'pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection': {\n    'backgroundColor': 'rgba(239, 68, 68, 0.25)'\n  },\n  'pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection': {\n    'backgroundColor': 'rgba(239, 68, 68, 0.25)'\n  },\n  'pre.diff-highlight > code .token.token.inserted:not(.prefix)': {\n    'backgroundColor': 'rgba(16, 185, 129, 0.15)'\n  },\n  'pre > code.diff-highlight .token.token.inserted:not(.prefix)': {\n    'backgroundColor': 'rgba(16, 185, 129, 0.15)'\n  },\n  'pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection': {\n    'backgroundColor': 'rgba(16, 185, 129, 0.25)'\n  },\n  'pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection': {\n    'backgroundColor': 'rgba(16, 185, 129, 0.25)'\n  },\n  'pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection': {\n    'backgroundColor': 'rgba(16, 185, 129, 0.25)'\n  },\n  'pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection': {\n    'backgroundColor': 'rgba(16, 185, 129, 0.25)'\n  },\n  'pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection': {\n    'backgroundColor': 'rgba(16, 185, 129, 0.25)'\n  },\n  'pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection': {\n    'backgroundColor': 'rgba(16, 185, 129, 0.25)'\n  },\n  'pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection': {\n    'backgroundColor': 'rgba(16, 185, 129, 0.25)'\n  },\n  'pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection': {\n    'backgroundColor': 'rgba(16, 185, 129, 0.25)'\n  },\n  '.prism-previewer.prism-previewer:before': {\n    'borderColor': '#11111f'\n  },\n  '.prism-previewer-gradient.prism-previewer-gradient div': {\n    'borderColor': '#11111f',\n    'borderRadius': '0.3em'\n  },\n  '.prism-previewer-color.prism-previewer-color:before': {\n    'borderRadius': '0.3em'\n  },\n  '.prism-previewer-easing.prism-previewer-easing:before': {\n    'borderRadius': '0.3em'\n  },\n  '.prism-previewer.prism-previewer:after': {\n    'borderTopColor': '#11111f'\n  },\n  '.prism-previewer-flipped.prism-previewer-flipped.after': {\n    'borderBottomColor': '#11111f'\n  },\n  '.prism-previewer-angle.prism-previewer-angle:before': {\n    'background': '#1e293b'\n  },\n  '.prism-previewer-time.prism-previewer-time:before': {\n    'background': '#1e293b'\n  },\n  '.prism-previewer-easing.prism-previewer-easing': {\n    'background': '#1e293b'\n  },\n  '.prism-previewer-angle.prism-previewer-angle circle': {\n    'stroke': '#e2e8f0',\n    'strokeOpacity': '1'\n  },\n  '.prism-previewer-time.prism-previewer-time circle': {\n    'stroke': '#e2e8f0',\n    'strokeOpacity': '1'\n  },\n  '.prism-previewer-easing.prism-previewer-easing circle': {\n    'stroke': '#e2e8f0',\n    'fill': 'transparent'\n  },\n  '.prism-previewer-easing.prism-previewer-easing path': {\n    'stroke': '#e2e8f0'\n  },\n  '.prism-previewer-easing.prism-previewer-easing line': {\n    'stroke': '#e2e8f0'\n  }\n}"
+        },
+        "description": "The theme to use for the code block.",
+        "name": "theme",
+        "parent": {
+          "fileName": "src/Markdown/CodeHighlighter.tsx",
+          "name": "CodeHighlighterProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/Markdown/CodeHighlighter.tsx",
+            "name": "CodeHighlighterProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Record<string, string>"
         }
       }
     }
@@ -489,651 +588,600 @@
   },
   {
     "tags": {},
-    "filePath": "src/SessionMessages/MessageActions.tsx",
+    "filePath": "src/SessionMessages/SessionEmpty.tsx",
     "description": "",
-    "displayName": "MessageActions",
+    "displayName": "SessionEmpty",
+    "methods": [],
+    "props": {}
+  },
+  {
+    "tags": {},
+    "filePath": "src/SessionMessages/SessionMessagePanel.tsx",
+    "description": "",
+    "displayName": "SessionMessagePanel",
+    "methods": [],
+    "props": {}
+  },
+  {
+    "tags": {},
+    "filePath": "src/SessionMessages/SessionMessages.tsx",
+    "description": "",
+    "displayName": "SessionMessages",
     "methods": [],
     "props": {
-      "question": {
+      "newSessionContent": {
         "defaultValue": null,
-        "description": "Question to be copied",
-        "name": "question",
+        "description": "Content to display when there are no sessions selected or a new session is started.",
+        "name": "newSessionContent",
         "parent": {
-          "fileName": "src/SessionMessages/MessageActions.tsx",
-          "name": "MessageActionsProps"
+          "fileName": "src/SessionMessages/SessionMessages.tsx",
+          "name": "SessionMessagesProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageActions.tsx",
-            "name": "MessageActionsProps"
+            "fileName": "src/SessionMessages/SessionMessages.tsx",
+            "name": "SessionMessagesProps"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
-          "name": "string"
+          "name": "ReactNode"
         }
       },
-      "response": {
-        "defaultValue": null,
-        "description": "Response to be copied",
-        "name": "response",
+      "limit": {
+        "defaultValue": {
+          "value": "10"
+        },
+        "description": "Limit the number of results returned. Clientside pagination.",
+        "name": "limit",
         "parent": {
-          "fileName": "src/SessionMessages/MessageActions.tsx",
-          "name": "MessageActionsProps"
+          "fileName": "src/SessionMessages/SessionMessages.tsx",
+          "name": "SessionMessagesProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageActions.tsx",
-            "name": "MessageActionsProps"
+            "fileName": "src/SessionMessages/SessionMessages.tsx",
+            "name": "SessionMessagesProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "string"
+          "name": "number"
         }
       },
-      "copyIcon": {
-        "defaultValue": null,
-        "description": "Icon to show for copy.",
-        "name": "copyIcon",
+      "showMoreText": {
+        "defaultValue": {
+          "value": "Show more"
+        },
+        "description": "Text to display for the show more button.",
+        "name": "showMoreText",
         "parent": {
-          "fileName": "src/SessionMessages/MessageActions.tsx",
-          "name": "MessageActionsProps"
+          "fileName": "src/SessionMessages/SessionMessages.tsx",
+          "name": "SessionMessagesProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageActions.tsx",
-            "name": "MessageActionsProps"
+            "fileName": "src/SessionMessages/SessionMessages.tsx",
+            "name": "SessionMessagesProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
+          "name": "string"
         }
       },
-      "thumbsUpIcon": {
+      "children": {
         "defaultValue": null,
-        "description": "Icon to show for thumbs up.",
-        "name": "thumbsUpIcon",
+        "description": "Render function for the session messages.",
+        "name": "children",
         "parent": {
-          "fileName": "src/SessionMessages/MessageActions.tsx",
-          "name": "MessageActionsProps"
+          "fileName": "src/SessionMessages/SessionMessages.tsx",
+          "name": "SessionMessagesProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageActions.tsx",
-            "name": "MessageActionsProps"
+            "fileName": "src/SessionMessages/SessionMessages.tsx",
+            "name": "SessionMessagesProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
+          "name": "(conversations: Conversation[]) => ReactNode"
         }
-      },
-      "thumbsDownIcon": {
-        "defaultValue": null,
-        "description": "Icon to show for thumbs down.",
-        "name": "thumbsDownIcon",
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "src/SessionMessages/SessionMessagesHeader.tsx",
+    "description": "",
+    "displayName": "SessionMessagesHeader",
+    "methods": [],
+    "props": {}
+  },
+  {
+    "tags": {},
+    "filePath": "src/SessionsList/NewSessionButton.tsx",
+    "description": "",
+    "displayName": "NewSessionButton",
+    "methods": [],
+    "props": {
+      "newSessionText": {
+        "defaultValue": {
+          "value": "New Session"
+        },
+        "description": "Text for the new session button.",
+        "name": "newSessionText",
         "parent": {
-          "fileName": "src/SessionMessages/MessageActions.tsx",
-          "name": "MessageActionsProps"
+          "fileName": "src/SessionsList/NewSessionButton.tsx",
+          "name": "NewSessionButtonProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageActions.tsx",
-            "name": "MessageActionsProps"
+            "fileName": "src/SessionsList/NewSessionButton.tsx",
+            "name": "NewSessionButtonProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
+          "name": "ReactNode"
         }
-      },
-      "refreshIcon": {
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "src/SessionsList/SessionGroups.tsx",
+    "description": "",
+    "displayName": "SessionGroups",
+    "methods": [],
+    "props": {
+      "children": {
         "defaultValue": null,
-        "description": "Icon to show for refresh.",
-        "name": "refreshIcon",
+        "description": "Render function for the session groups.",
+        "name": "children",
         "parent": {
-          "fileName": "src/SessionMessages/MessageActions.tsx",
-          "name": "MessageActionsProps"
+          "fileName": "src/SessionsList/SessionGroups.tsx",
+          "name": "SessionGroupsProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageActions.tsx",
-            "name": "MessageActionsProps"
+            "fileName": "src/SessionsList/SessionGroups.tsx",
+            "name": "SessionGroupsProps"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
+          "name": "(groups: GroupedSessions[]) => ReactNode"
         }
-      },
-      "onCopy": {
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "src/SessionsList/SessionListItem.tsx",
+    "description": "",
+    "displayName": "SessionListItem",
+    "methods": [],
+    "props": {
+      "session": {
         "defaultValue": null,
-        "description": "Callback function to handle copying.",
-        "name": "onCopy",
+        "description": "Session to display.",
+        "name": "session",
         "parent": {
-          "fileName": "src/SessionMessages/MessageActions.tsx",
-          "name": "MessageActionsProps"
+          "fileName": "src/SessionsList/SessionListItem.tsx",
+          "name": "SessionListItemProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageActions.tsx",
-            "name": "MessageActionsProps"
+            "fileName": "src/SessionsList/SessionListItem.tsx",
+            "name": "SessionListItemProps"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "() => void"
+          "name": "Session"
         }
       },
-      "onUpvote": {
-        "defaultValue": null,
-        "description": "Callback function to handle upvoting.",
-        "name": "onUpvote",
+      "deletable": {
+        "defaultValue": {
+          "value": "true"
+        },
+        "description": "Indicates whether the session is deletable.",
+        "name": "deletable",
         "parent": {
-          "fileName": "src/SessionMessages/MessageActions.tsx",
-          "name": "MessageActionsProps"
+          "fileName": "src/SessionsList/SessionListItem.tsx",
+          "name": "SessionListItemProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageActions.tsx",
-            "name": "MessageActionsProps"
+            "fileName": "src/SessionsList/SessionListItem.tsx",
+            "name": "SessionListItemProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "() => void"
+          "name": "boolean"
         }
       },
-      "onDownvote": {
-        "defaultValue": null,
-        "description": "Callback function to handle downvoting.",
-        "name": "onDownvote",
+      "deleteIcon": {
+        "defaultValue": {
+          "value": "<TrashIcon />"
+        },
+        "description": "Icon to show for delete.",
+        "name": "deleteIcon",
         "parent": {
-          "fileName": "src/SessionMessages/MessageActions.tsx",
-          "name": "MessageActionsProps"
+          "fileName": "src/SessionsList/SessionListItem.tsx",
+          "name": "SessionListItemProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageActions.tsx",
-            "name": "MessageActionsProps"
+            "fileName": "src/SessionsList/SessionListItem.tsx",
+            "name": "SessionListItemProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "() => void"
+          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
         }
       },
-      "onRefresh": {
-        "defaultValue": null,
-        "description": "Callback function to handle refreshing.",
-        "name": "onRefresh",
+      "limit": {
+        "defaultValue": {
+          "value": "100"
+        },
+        "description": "Limit for the ellipsis.",
+        "name": "limit",
         "parent": {
-          "fileName": "src/SessionMessages/MessageActions.tsx",
-          "name": "MessageActionsProps"
+          "fileName": "src/SessionsList/SessionListItem.tsx",
+          "name": "SessionListItemProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageActions.tsx",
-            "name": "MessageActionsProps"
+            "fileName": "src/SessionsList/SessionListItem.tsx",
+            "name": "SessionListItemProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "() => void"
+          "name": "number"
         }
       }
     }
   },
   {
     "tags": {},
-    "filePath": "src/SessionMessages/MessageFile.tsx",
+    "filePath": "src/SessionsList/SessionsGroup.tsx",
     "description": "",
-    "displayName": "MessageFile",
+    "displayName": "SessionsGroup",
     "methods": [],
     "props": {
-      "fileIcon": {
-        "defaultValue": {
-          "value": "<FileIcon />"
-        },
-        "description": "Icon to show for delete.",
-        "name": "fileIcon",
+      "heading": {
+        "defaultValue": null,
+        "description": "Heading for the session group.",
+        "name": "heading",
         "parent": {
-          "fileName": "src/SessionMessages/MessageFile.tsx",
-          "name": "MessageFileProps"
+          "fileName": "src/SessionsList/SessionsGroup.tsx",
+          "name": "SessionsGroupProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageFile.tsx",
-            "name": "MessageFileProps"
+            "fileName": "src/SessionsList/SessionsGroup.tsx",
+            "name": "SessionsGroupProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
+          "name": "ReactNode"
         }
-      },
-      "limit": {
-        "defaultValue": {
-          "value": "100"
-        },
-        "description": "Limit for the name.",
-        "name": "limit",
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "src/SessionsList/SessionsList.tsx",
+    "description": "",
+    "displayName": "SessionsList",
+    "methods": [],
+    "props": {}
+  },
+  {
+    "tags": {},
+    "filePath": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+    "description": "",
+    "displayName": "MessageActions",
+    "methods": [],
+    "props": {
+      "question": {
+        "defaultValue": null,
+        "description": "Question to be copied",
+        "name": "question",
         "parent": {
-          "fileName": "src/SessionMessages/MessageFile.tsx",
-          "name": "MessageFileProps"
+          "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+          "name": "MessageActionsProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageFile.tsx",
-            "name": "MessageFileProps"
+            "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+            "name": "MessageActionsProps"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "number"
+          "name": "string"
         }
       },
-      "name": {
+      "response": {
         "defaultValue": null,
-        "description": "Name of the file",
-        "name": "name",
+        "description": "Response to be copied",
+        "name": "response",
         "parent": {
-          "fileName": "src/types.ts",
-          "name": "ConversationFile"
+          "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+          "name": "MessageActionsProps"
         },
         "declarations": [
           {
-            "fileName": "src/types.ts",
-            "name": "ConversationFile"
+            "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+            "name": "MessageActionsProps"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
           "name": "string"
         }
       },
-      "type": {
+      "copyIcon": {
         "defaultValue": null,
-        "description": "Type of the file",
-        "name": "type",
+        "description": "Icon to show for copy.",
+        "name": "copyIcon",
         "parent": {
-          "fileName": "src/types.ts",
-          "name": "ConversationFile"
+          "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+          "name": "MessageActionsProps"
         },
         "declarations": [
           {
-            "fileName": "src/types.ts",
-            "name": "ConversationFile"
+            "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+            "name": "MessageActionsProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "string"
+          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
         }
       },
-      "size": {
+      "thumbsUpIcon": {
         "defaultValue": null,
-        "description": "Size of the file",
-        "name": "size",
+        "description": "Icon to show for thumbs up.",
+        "name": "thumbsUpIcon",
         "parent": {
-          "fileName": "src/types.ts",
-          "name": "ConversationFile"
+          "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+          "name": "MessageActionsProps"
         },
         "declarations": [
           {
-            "fileName": "src/types.ts",
-            "name": "ConversationFile"
+            "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+            "name": "MessageActionsProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "number"
+          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
         }
       },
-      "url": {
+      "thumbsDownIcon": {
         "defaultValue": null,
-        "description": "URL of the file",
-        "name": "url",
+        "description": "Icon to show for thumbs down.",
+        "name": "thumbsDownIcon",
         "parent": {
-          "fileName": "src/types.ts",
-          "name": "ConversationFile"
+          "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+          "name": "MessageActionsProps"
         },
         "declarations": [
           {
-            "fileName": "src/types.ts",
-            "name": "ConversationFile"
+            "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+            "name": "MessageActionsProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "string"
-        }
-      }
-    }
-  },
-  {
-    "tags": {},
-    "filePath": "src/SessionMessages/MessageFiles.tsx",
-    "description": "",
-    "displayName": "MessageFiles",
-    "methods": [],
-    "props": {
-      "files": {
-        "defaultValue": null,
-        "description": "Files to render.",
-        "name": "files",
-        "parent": {
-          "fileName": "src/SessionMessages/MessageFiles.tsx",
-          "name": "MessageFilesProps"
-        },
-        "declarations": [
-          {
-            "fileName": "src/SessionMessages/MessageFiles.tsx",
-            "name": "MessageFilesProps"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "ConversationFile[]"
-        }
-      }
-    }
-  },
-  {
-    "tags": {},
-    "filePath": "src/SessionMessages/MessageQuestion.tsx",
-    "description": "",
-    "displayName": "MessageQuestion",
-    "methods": [],
-    "props": {
-      "question": {
-        "defaultValue": null,
-        "description": "Question to render.",
-        "name": "question",
-        "parent": {
-          "fileName": "src/SessionMessages/MessageQuestion.tsx",
-          "name": "MessageQuestionProps"
-        },
-        "declarations": [
-          {
-            "fileName": "src/SessionMessages/MessageQuestion.tsx",
-            "name": "MessageQuestionProps"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "string"
-        }
-      }
-    }
-  },
-  {
-    "tags": {},
-    "filePath": "src/SessionMessages/MessageResponse.tsx",
-    "description": "",
-    "displayName": "MessageResponse",
-    "methods": [],
-    "props": {
-      "response": {
-        "defaultValue": null,
-        "description": "Response to render.",
-        "name": "response",
-        "parent": {
-          "fileName": "src/SessionMessages/MessageResponse.tsx",
-          "name": "MessageResponseProps"
-        },
-        "declarations": [
-          {
-            "fileName": "src/SessionMessages/MessageResponse.tsx",
-            "name": "MessageResponseProps"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "string"
+          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
         }
       },
-      "isLoading": {
+      "refreshIcon": {
         "defaultValue": null,
-        "description": "Whether the response is loading.",
-        "name": "isLoading",
+        "description": "Icon to show for refresh.",
+        "name": "refreshIcon",
         "parent": {
-          "fileName": "src/SessionMessages/MessageResponse.tsx",
-          "name": "MessageResponseProps"
+          "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+          "name": "MessageActionsProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageResponse.tsx",
-            "name": "MessageResponseProps"
+            "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+            "name": "MessageActionsProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "boolean"
+          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
         }
-      }
-    }
-  },
-  {
-    "tags": {},
-    "filePath": "src/SessionMessages/MessageSource.tsx",
-    "description": "",
-    "displayName": "MessageSource",
-    "methods": [],
-    "props": {
-      "limit": {
-        "defaultValue": {
-          "value": "50"
-        },
-        "description": "Limit for the title.",
-        "name": "limit",
+      },
+      "onCopy": {
+        "defaultValue": null,
+        "description": "Callback function to handle copying.",
+        "name": "onCopy",
         "parent": {
-          "fileName": "src/SessionMessages/MessageSource.tsx",
-          "name": "MessageSourceProps"
+          "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+          "name": "MessageActionsProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageSource.tsx",
-            "name": "MessageSourceProps"
+            "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+            "name": "MessageActionsProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "number"
+          "name": "() => void"
         }
       },
-      "url": {
+      "onUpvote": {
         "defaultValue": null,
-        "description": "URL of the source, if applicable",
-        "name": "url",
+        "description": "Callback function to handle upvoting.",
+        "name": "onUpvote",
         "parent": {
-          "fileName": "src/types.ts",
-          "name": "ConversationSource"
+          "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+          "name": "MessageActionsProps"
         },
         "declarations": [
           {
-            "fileName": "src/types.ts",
-            "name": "ConversationSource"
+            "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+            "name": "MessageActionsProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "string"
+          "name": "() => void"
         }
       },
-      "title": {
+      "onDownvote": {
         "defaultValue": null,
-        "description": "Title or description of the source",
-        "name": "title",
+        "description": "Callback function to handle downvoting.",
+        "name": "onDownvote",
         "parent": {
-          "fileName": "src/types.ts",
-          "name": "ConversationSource"
+          "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+          "name": "MessageActionsProps"
         },
         "declarations": [
           {
-            "fileName": "src/types.ts",
-            "name": "ConversationSource"
+            "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+            "name": "MessageActionsProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "string"
+          "name": "() => void"
         }
       },
-      "image": {
+      "onRefresh": {
         "defaultValue": null,
-        "description": "Image URL of the source, if applicable.",
-        "name": "image",
+        "description": "Callback function to handle refreshing.",
+        "name": "onRefresh",
         "parent": {
-          "fileName": "src/types.ts",
-          "name": "ConversationSource"
+          "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+          "name": "MessageActionsProps"
         },
         "declarations": [
           {
-            "fileName": "src/types.ts",
-            "name": "ConversationSource"
+            "fileName": "src/SessionMessages/SessionMessage/MessageActions.tsx",
+            "name": "MessageActionsProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "string"
+          "name": "() => void"
         }
       }
     }
   },
   {
     "tags": {},
-    "filePath": "src/SessionMessages/MessageSources.tsx",
+    "filePath": "src/SessionMessages/SessionMessage/MessageFile.tsx",
     "description": "",
-    "displayName": "MessageSources",
+    "displayName": "MessageFile",
     "methods": [],
     "props": {
-      "sources": {
-        "defaultValue": null,
-        "description": "Sources to render.",
-        "name": "sources",
+      "fileIcon": {
+        "defaultValue": {
+          "value": "<FileIcon />"
+        },
+        "description": "Icon to show for delete.",
+        "name": "fileIcon",
         "parent": {
-          "fileName": "src/SessionMessages/MessageSources.tsx",
-          "name": "MessageSourcesProps"
+          "fileName": "src/SessionMessages/SessionMessage/MessageFile.tsx",
+          "name": "MessageFileProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/MessageSources.tsx",
-            "name": "MessageSourcesProps"
+            "fileName": "src/SessionMessages/SessionMessage/MessageFile.tsx",
+            "name": "MessageFileProps"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
-          "name": "ConversationSource[]"
+          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
         }
-      }
-    }
-  },
-  {
-    "tags": {},
-    "filePath": "src/SessionMessages/SessionEmpty.tsx",
-    "description": "",
-    "displayName": "SessionEmpty",
-    "methods": [],
-    "props": {}
-  },
-  {
-    "tags": {},
-    "filePath": "src/SessionMessages/SessionMessage.tsx",
-    "description": "",
-    "displayName": "SessionMessage",
-    "methods": [],
-    "props": {
-      "conversation": {
-        "defaultValue": null,
-        "description": "Conversation to render.",
-        "name": "conversation",
+      },
+      "limit": {
+        "defaultValue": {
+          "value": "100"
+        },
+        "description": "Limit for the name.",
+        "name": "limit",
         "parent": {
-          "fileName": "src/SessionMessages/SessionMessage.tsx",
-          "name": "SessionMessageProps"
+          "fileName": "src/SessionMessages/SessionMessage/MessageFile.tsx",
+          "name": "MessageFileProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/SessionMessage.tsx",
-            "name": "SessionMessageProps"
+            "fileName": "src/SessionMessages/SessionMessage/MessageFile.tsx",
+            "name": "MessageFileProps"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
-          "name": "Conversation"
+          "name": "number"
         }
       },
-      "isLast": {
+      "name": {
         "defaultValue": null,
-        "description": "Whether the message is the last one in the list.",
-        "name": "isLast",
+        "description": "Name of the file",
+        "name": "name",
         "parent": {
-          "fileName": "src/SessionMessages/SessionMessage.tsx",
-          "name": "SessionMessageProps"
+          "fileName": "src/types.ts",
+          "name": "ConversationFile"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/SessionMessage.tsx",
-            "name": "SessionMessageProps"
+            "fileName": "src/types.ts",
+            "name": "ConversationFile"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "boolean"
+          "name": "string"
         }
-      }
-    }
-  },
-  {
-    "tags": {},
-    "filePath": "src/SessionMessages/SessionMessagePanel.tsx",
-    "description": "",
-    "displayName": "SessionMessagePanel",
-    "methods": [],
-    "props": {}
-  },
-  {
-    "tags": {},
-    "filePath": "src/SessionMessages/SessionMessages.tsx",
-    "description": "",
-    "displayName": "SessionMessages",
-    "methods": [],
-    "props": {
-      "newSessionContent": {
+      },
+      "type": {
         "defaultValue": null,
-        "description": "Content to display when there are no sessions selected or a new session is started.",
-        "name": "newSessionContent",
+        "description": "Type of the file",
+        "name": "type",
         "parent": {
-          "fileName": "src/SessionMessages/SessionMessages.tsx",
-          "name": "SessionMessagesProps"
+          "fileName": "src/types.ts",
+          "name": "ConversationFile"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/SessionMessages.tsx",
-            "name": "SessionMessagesProps"
+            "fileName": "src/types.ts",
+            "name": "ConversationFile"
           }
         ],
         "required": false,
         "type": {
-          "name": "ReactNode"
+          "name": "string"
         }
       },
-      "limit": {
-        "defaultValue": {
-          "value": "10"
-        },
-        "description": "Limit the number of results returned. Clientside pagination.",
-        "name": "limit",
+      "size": {
+        "defaultValue": null,
+        "description": "Size of the file",
+        "name": "size",
         "parent": {
-          "fileName": "src/SessionMessages/SessionMessages.tsx",
-          "name": "SessionMessagesProps"
+          "fileName": "src/types.ts",
+          "name": "ConversationFile"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/SessionMessages.tsx",
-            "name": "SessionMessagesProps"
+            "fileName": "src/types.ts",
+            "name": "ConversationFile"
           }
         ],
         "required": false,
@@ -1141,239 +1189,290 @@
           "name": "number"
         }
       },
-      "showMoreText": {
-        "defaultValue": {
-          "value": "Show more"
-        },
-        "description": "Text to display for the show more button.",
-        "name": "showMoreText",
+      "url": {
+        "defaultValue": null,
+        "description": "URL of the file",
+        "name": "url",
         "parent": {
-          "fileName": "src/SessionMessages/SessionMessages.tsx",
-          "name": "SessionMessagesProps"
+          "fileName": "src/types.ts",
+          "name": "ConversationFile"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/SessionMessages.tsx",
-            "name": "SessionMessagesProps"
+            "fileName": "src/types.ts",
+            "name": "ConversationFile"
           }
         ],
         "required": false,
         "type": {
           "name": "string"
         }
-      },
-      "children": {
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "src/SessionMessages/SessionMessage/MessageFiles.tsx",
+    "description": "",
+    "displayName": "MessageFiles",
+    "methods": [],
+    "props": {
+      "files": {
         "defaultValue": null,
-        "description": "Render function for the session messages.",
-        "name": "children",
+        "description": "Files to render.",
+        "name": "files",
         "parent": {
-          "fileName": "src/SessionMessages/SessionMessages.tsx",
-          "name": "SessionMessagesProps"
+          "fileName": "src/SessionMessages/SessionMessage/MessageFiles.tsx",
+          "name": "MessageFilesProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionMessages/SessionMessages.tsx",
-            "name": "SessionMessagesProps"
+            "fileName": "src/SessionMessages/SessionMessage/MessageFiles.tsx",
+            "name": "MessageFilesProps"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "(conversations: Conversation[]) => ReactNode"
+          "name": "ConversationFile[]"
         }
       }
     }
   },
   {
     "tags": {},
-    "filePath": "src/SessionMessages/SessionMessagesHeader.tsx",
-    "description": "",
-    "displayName": "SessionMessagesHeader",
-    "methods": [],
-    "props": {}
-  },
-  {
-    "tags": {},
-    "filePath": "src/SessionsList/NewSessionButton.tsx",
+    "filePath": "src/SessionMessages/SessionMessage/MessageQuestion.tsx",
     "description": "",
-    "displayName": "NewSessionButton",
+    "displayName": "MessageQuestion",
     "methods": [],
     "props": {
-      "newSessionText": {
-        "defaultValue": {
-          "value": "New Session"
-        },
-        "description": "Text for the new session button.",
-        "name": "newSessionText",
+      "question": {
+        "defaultValue": null,
+        "description": "Question to render.",
+        "name": "question",
         "parent": {
-          "fileName": "src/SessionsList/NewSessionButton.tsx",
-          "name": "NewSessionButtonProps"
+          "fileName": "src/SessionMessages/SessionMessage/MessageQuestion.tsx",
+          "name": "MessageQuestionProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionsList/NewSessionButton.tsx",
-            "name": "NewSessionButtonProps"
+            "fileName": "src/SessionMessages/SessionMessage/MessageQuestion.tsx",
+            "name": "MessageQuestionProps"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "ReactNode"
+          "name": "string"
         }
       }
     }
   },
   {
     "tags": {},
-    "filePath": "src/SessionsList/SessionGroups.tsx",
+    "filePath": "src/SessionMessages/SessionMessage/MessageResponse.tsx",
     "description": "",
-    "displayName": "SessionGroups",
+    "displayName": "MessageResponse",
     "methods": [],
     "props": {
-      "children": {
+      "response": {
         "defaultValue": null,
-        "description": "Render function for the session groups.",
-        "name": "children",
+        "description": "Response to render.",
+        "name": "response",
         "parent": {
-          "fileName": "src/SessionsList/SessionGroups.tsx",
-          "name": "SessionGroupsProps"
+          "fileName": "src/SessionMessages/SessionMessage/MessageResponse.tsx",
+          "name": "MessageResponseProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionsList/SessionGroups.tsx",
-            "name": "SessionGroupsProps"
+            "fileName": "src/SessionMessages/SessionMessage/MessageResponse.tsx",
+            "name": "MessageResponseProps"
           }
         ],
         "required": true,
         "type": {
-          "name": "(groups: GroupedSessions[]) => ReactNode"
+          "name": "string"
+        }
+      },
+      "isLoading": {
+        "defaultValue": null,
+        "description": "Whether the response is loading.",
+        "name": "isLoading",
+        "parent": {
+          "fileName": "src/SessionMessages/SessionMessage/MessageResponse.tsx",
+          "name": "MessageResponseProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/SessionMessages/SessionMessage/MessageResponse.tsx",
+            "name": "MessageResponseProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
         }
       }
     }
   },
   {
     "tags": {},
-    "filePath": "src/SessionsList/SessionListItem.tsx",
+    "filePath": "src/SessionMessages/SessionMessage/MessageSource.tsx",
     "description": "",
-    "displayName": "SessionListItem",
+    "displayName": "MessageSource",
     "methods": [],
     "props": {
-      "session": {
-        "defaultValue": null,
-        "description": "Session to display.",
-        "name": "session",
+      "limit": {
+        "defaultValue": {
+          "value": "50"
+        },
+        "description": "Limit for the title.",
+        "name": "limit",
         "parent": {
-          "fileName": "src/SessionsList/SessionListItem.tsx",
-          "name": "SessionListItemProps"
+          "fileName": "src/SessionMessages/SessionMessage/MessageSource.tsx",
+          "name": "MessageSourceProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionsList/SessionListItem.tsx",
-            "name": "SessionListItemProps"
+            "fileName": "src/SessionMessages/SessionMessage/MessageSource.tsx",
+            "name": "MessageSourceProps"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
-          "name": "Session"
+          "name": "number"
         }
       },
-      "deletable": {
-        "defaultValue": {
-          "value": "true"
-        },
-        "description": "Indicates whether the session is deletable.",
-        "name": "deletable",
+      "url": {
+        "defaultValue": null,
+        "description": "URL of the source, if applicable",
+        "name": "url",
         "parent": {
-          "fileName": "src/SessionsList/SessionListItem.tsx",
-          "name": "SessionListItemProps"
+          "fileName": "src/types.ts",
+          "name": "ConversationSource"
         },
         "declarations": [
           {
-            "fileName": "src/SessionsList/SessionListItem.tsx",
-            "name": "SessionListItemProps"
+            "fileName": "src/types.ts",
+            "name": "ConversationSource"
           }
         ],
         "required": false,
         "type": {
-          "name": "boolean"
+          "name": "string"
         }
       },
-      "deleteIcon": {
-        "defaultValue": {
-          "value": "<TrashIcon />"
-        },
-        "description": "Icon to show for delete.",
-        "name": "deleteIcon",
+      "title": {
+        "defaultValue": null,
+        "description": "Title or description of the source",
+        "name": "title",
         "parent": {
-          "fileName": "src/SessionsList/SessionListItem.tsx",
-          "name": "SessionListItemProps"
+          "fileName": "src/types.ts",
+          "name": "ConversationSource"
         },
         "declarations": [
           {
-            "fileName": "src/SessionsList/SessionListItem.tsx",
-            "name": "SessionListItemProps"
+            "fileName": "src/types.ts",
+            "name": "ConversationSource"
           }
         ],
         "required": false,
         "type": {
-          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
+          "name": "string"
         }
       },
-      "limit": {
-        "defaultValue": {
-          "value": "100"
-        },
-        "description": "Limit for the ellipsis.",
-        "name": "limit",
+      "image": {
+        "defaultValue": null,
+        "description": "Image URL of the source, if applicable.",
+        "name": "image",
         "parent": {
-          "fileName": "src/SessionsList/SessionListItem.tsx",
-          "name": "SessionListItemProps"
+          "fileName": "src/types.ts",
+          "name": "ConversationSource"
         },
         "declarations": [
           {
-            "fileName": "src/SessionsList/SessionListItem.tsx",
-            "name": "SessionListItemProps"
+            "fileName": "src/types.ts",
+            "name": "ConversationSource"
           }
         ],
         "required": false,
         "type": {
-          "name": "number"
+          "name": "string"
         }
       }
     }
   },
   {
     "tags": {},
-    "filePath": "src/SessionsList/SessionsGroup.tsx",
+    "filePath": "src/SessionMessages/SessionMessage/MessageSources.tsx",
     "description": "",
-    "displayName": "SessionsGroup",
+    "displayName": "MessageSources",
     "methods": [],
     "props": {
-      "heading": {
+      "sources": {
         "defaultValue": null,
-        "description": "Heading for the session group.",
-        "name": "heading",
+        "description": "Sources to render.",
+        "name": "sources",
         "parent": {
-          "fileName": "src/SessionsList/SessionsGroup.tsx",
-          "name": "SessionsGroupProps"
+          "fileName": "src/SessionMessages/SessionMessage/MessageSources.tsx",
+          "name": "MessageSourcesProps"
         },
         "declarations": [
           {
-            "fileName": "src/SessionsList/SessionsGroup.tsx",
-            "name": "SessionsGroupProps"
+            "fileName": "src/SessionMessages/SessionMessage/MessageSources.tsx",
+            "name": "MessageSourcesProps"
           }
         ],
-        "required": false,
+        "required": true,
         "type": {
-          "name": "ReactNode"
+          "name": "ConversationSource[]"
         }
       }
     }
   },
   {
     "tags": {},
-    "filePath": "src/SessionsList/SessionsList.tsx",
+    "filePath": "src/SessionMessages/SessionMessage/SessionMessage.tsx",
     "description": "",
-    "displayName": "SessionsList",
+    "displayName": "SessionMessage",
     "methods": [],
-    "props": {}
+    "props": {
+      "conversation": {
+        "defaultValue": null,
+        "description": "Conversation to render.",
+        "name": "conversation",
+        "parent": {
+          "fileName": "src/SessionMessages/SessionMessage/SessionMessage.tsx",
+          "name": "SessionMessageProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/SessionMessages/SessionMessage/SessionMessage.tsx",
+            "name": "SessionMessageProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Conversation"
+        }
+      },
+      "isLast": {
+        "defaultValue": null,
+        "description": "Whether the message is the last one in the list.",
+        "name": "isLast",
+        "parent": {
+          "fileName": "src/SessionMessages/SessionMessage/SessionMessage.tsx",
+          "name": "SessionMessageProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/SessionMessages/SessionMessage/SessionMessage.tsx",
+            "name": "SessionMessageProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      }
+    }
   }
 ]