diff --git a/src/lib/common/Markdown.svelte b/src/lib/common/Markdown.svelte
index 4fbc336..6240cd7 100644
--- a/src/lib/common/Markdown.svelte
+++ b/src/lib/common/Markdown.svelte
@@ -9,11 +9,11 @@
export let containerClasses = "";
/** @type {boolean} */
- export let replaceText = false;
+ export let rawText = false;
let displayText = '';
$: {
- const markedText = replaceNewLine(marked(replaceText ? replaceMarkdown(text || '') : text || '')?.toString());
+ const markedText = !rawText ? replaceNewLine(marked(replaceMarkdown(text || ''))?.toString()) : marked(text || '')?.toString();
if (!!markedText && markedText.endsWith('
')) {
const idx = markedText.lastIndexOf('
');
displayText = markedText.substring(0, idx);
diff --git a/src/lib/scss/custom/common/_common.scss b/src/lib/scss/custom/common/_common.scss
index 83337cc..a593d41 100644
--- a/src/lib/scss/custom/common/_common.scss
+++ b/src/lib/scss/custom/common/_common.scss
@@ -183,8 +183,8 @@ button:focus {
}
p {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
+ margin-top: 1em !important;
+ margin-bottom: 1em !important;
}
a {
diff --git a/src/lib/scss/custom/pages/_chat.scss b/src/lib/scss/custom/pages/_chat.scss
index ca3d538..a18cc57 100644
--- a/src/lib/scss/custom/pages/_chat.scss
+++ b/src/lib/scss/custom/pages/_chat.scss
@@ -218,8 +218,8 @@
}
span p {
- margin-top: 0px !important;
- margin-bottom: 0px !important;
+ margin-top: 1em !important;
+ margin-bottom: 1em !important;
}
.chat-indication {
diff --git a/src/routes/chat/[agentId]/[conversationId]/persist-log/content-log-element.svelte b/src/routes/chat/[agentId]/[conversationId]/persist-log/content-log-element.svelte
index 6d97e1d..0409023 100644
--- a/src/routes/chat/[agentId]/[conversationId]/persist-log/content-log-element.svelte
+++ b/src/routes/chat/[agentId]/[conversationId]/persist-log/content-log-element.svelte
@@ -13,13 +13,18 @@
let logTextStyle = '';
let is_collapsed = true;
const unknownAgent = "Uknown";
- const includedSources = [
+ const collapsedSources = [
ContentLogSource.Prompt,
ContentLogSource.AgentResponse,
ContentLogSource.FunctionCall,
ContentLogSource.Notification
];
+ const rawTextSources = [
+ ContentLogSource.AgentResponse,
+ ContentLogSource.FunctionCall,
+ ];
+
$: {
if (data.source === ContentLogSource.AgentResponse || data.source === ContentLogSource.Notification) {
logDisplayStyle = 'border border-secondary';
@@ -63,11 +68,11 @@
class={`rounded log-content ${logDisplayStyle}`}
style="padding: 5px 8px;"
>
-