@genexus/genexus-ide-ui 1.1.23 → 1.1.24

package/dist/collection/showcase/chat-container/models.js

@@ -0,0 +1,321 @@
+export const ASSISTANT_RESPONSE_SHORT_MARKDOWN = '\n### Code block {#code-block}\nTo create code blocks, you’ll use three backticks (` ``` `) or three tildes (`~~~`) on the lines before and after the code block.\n\n```json\n{\n  "firstName": "John",\n  "lastName": "Smith",\n  "age": 25\n}';
+export const ASSISTANT_NAME = "Nexa";
+// - - - - - - - - - - - - - -
+// Types of messages
+// - - - - - - - - - - - - - -
+export const userMessageChatModel = [
+    {
+        id: "1",
+        role: "user",
+        content: "Generate a web form for customer registration with fields for name, email, phone, and address. Include validation, save the data to the database, and show a confirmation message after submission.",
+        metadata: null
+    }
+];
+export const assistantMessageChatModel = [
+    {
+        id: "1",
+        role: "assistant",
+        status: "complete",
+        content: "I’ve created the basic structure for the registration form, but I need a bit more info: Should the address include city, state, and ZIP? Do you want a separate confirmation page or just a message on the same screen? Any specific format or validation for the phone number?",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        }
+    }
+];
+export const assistantMessageWarningChatModel = [
+    {
+        id: "1",
+        role: "assistant",
+        status: "complete",
+        content: "The CustomerRegistration panel was created with warnings: The “Phone” field uses a generic character format—consider a phone mask. No address validation rules applied.The data is still saved correctly, and the panel works as expected.",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        },
+        parts: "warning"
+    }
+];
+export const assistantMessageSuccessChatModel = [
+    {
+        id: "1",
+        role: "assistant",
+        status: "complete",
+        content: "The CustomerRegistration web panel was created successfully. Fields: Name, Email, Phone, Address. Validations applied (required, email format). Data saved to “Customer” transaction. Confirmation message shown after submit. Let me know if you'd like to add styles or link it to another object.",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        },
+        parts: "success"
+    }
+];
+export const errorMessageChatModel = [
+    {
+        id: "1",
+        role: "error",
+        content: "Sorry, I couldn't generate the requested form. Reason: The “Customer” transaction does not exist in the current Knowledge Base. Please create the “Customer” object or check if it’s named differently.",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        }
+    }
+];
+export const assistantWaitingChatModel = [
+    {
+        id: "1",
+        role: "assistant",
+        status: "waiting",
+        content: "Creating CustomerRegistration panel",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        }
+    }
+];
+export const chatTranslations = {
+    accessibleName: {
+        clearChat: "Clear chat",
+        copyMessageContent: "Copy assistant content",
+        downloadCodeButton: "Download code",
+        sendButton: "Send",
+        sendInput: "Message",
+        stopGeneratingAnswerButton: "Stop generating answer"
+    },
+    placeholder: {
+        sendInput: "Ask me a question..."
+    },
+    text: {
+        copyCodeButton: "Copy code",
+        copyMessageContent: "Copy",
+        downloadCodeButton: "Download",
+        processing: `Processing...`,
+        sourceFiles: "Source files:",
+        stopGeneratingAnswerButton: "Stop generating answer"
+    }
+};
+// All messages
+export const allMessagesModel = [
+    {
+        id: "1",
+        role: "user",
+        content: "Generate a web form for customer registration with fields for name, email, phone, and address. Include validation, save the data to the database, and show a confirmation message after submission.",
+        metadata: null
+    },
+    {
+        id: "1",
+        role: "assistant",
+        status: "complete",
+        content: "I’ve created the basic structure for the registration form, but I need a bit more info: Should the address include city, state, and ZIP? Do you want a separate confirmation page or just a message on the same screen? Any specific format or validation for the phone number?",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        }
+    },
+    {
+        id: "1",
+        role: "assistant",
+        status: "complete",
+        content: "The CustomerRegistration panel was created with warnings: The “Phone” field uses a generic character format—consider a phone mask. No address validation rules applied.The data is still saved correctly, and the panel works as expected.",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        },
+        parts: "warning"
+    },
+    {
+        id: "1",
+        role: "error",
+        content: "Sorry, I couldn't generate the requested form. Reason: The “Customer” transaction does not exist in the current Knowledge Base. Please create the “Customer” object or check if it’s named differently.",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        }
+    },
+    {
+        id: "5",
+        role: "assistant",
+        status: "complete",
+        content: "Your information has been saved successfully, and all changes are now reflected in your account. You can continue with the next steps or return to the dashboard at any time.",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "15:00"
+        },
+        parts: "success"
+    }
+];
+// - - - - - - - - - - - - - -
+// Other messages
+// - - - - - - - - - - - - - -
+export const ASSISTANT_RESPONSE_MARKDOWN = `
+###### Code block {#code-block}
+To create code blocks, you’ll use three backticks (\` \`\`\` \`) or three tildes (\`~~~\`) on the lines before and after the code block.
+
+\`\`\`
+{
+  "firstName": "John",
+  "lastName": "Smith",
+  "age": 25
+}
+\`\`\`
+
+Another way to create code blocks is to indent every line of the block by at least four spaces or one tab.
+
+    <html>
+      <head>
+      </head>
+    </html>
+
+
+###### Syntax Highlighting {#syntax-highlighting}
+This feature allows you to add color highlighting for whatever language your code was written in.
+To add syntax highlighting, specify a language next to the backticks before the fenced code block.
+
+\`\`\`json
+{
+  "firstName": "John",
+  "lastName": "Smith",
+  "age": 25
+}
+\`\`\`
+
+\`\`\`javascript
+import React from 'react'
+import ReactDOM from 'react-dom'
+import Markdown from 'react-markdown'
+import rehypeHighlight from 'rehype-highlight'
+
+const markdown = \`
+# Your markdown here
+\`
+
+ReactDOM.render(
+  <Markdown rehypePlugins={[rehypeHighlight]}>{markdown}</Markdown>,
+  document.querySelector('#content')
+)
+\`\`\`
+
+###### Horizontal Rules {#horizontal-rules}
+To create a horizontal rule, use three or more asterisks (\`***\`), dashes (\`---\`), or underscores (\`___\`) on a line by themselves.
+`;
+export const chatRecord = [
+    { id: "1", role: "user", content: "Hello world" },
+    { id: "2", role: "assistant", content: ASSISTANT_RESPONSE_MARKDOWN },
+    { id: "3", role: "user", content: "Hello world 1" },
+    { id: "4", role: "assistant", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },
+    { id: "5", role: "user", content: "Hello world 2" },
+    { id: "6", role: "assistant", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },
+    { id: "7", role: "user", content: "Hello world 3" },
+    { id: "8", role: "assistant", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },
+    { id: "9", role: "user", content: "Hello world 4" },
+    { id: "10", role: "assistant", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN }
+];
+export const longChatRecord = Array.from({ length: 40 }, (_, index) => index % 2 === 0
+    ? {
+        id: `index: ${index}`,
+        role: "user",
+        content: `index: ${index}` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n`
+    }
+    : {
+        id: `index: ${index}`,
+        role: "assistant",
+        content: ASSISTANT_RESPONSE_SHORT_MARKDOWN +
+            `\nindex: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n`
+    });
+export const codeFixerRecord = [
+    {
+        id: "1",
+        role: "user",
+        content: "Please give me an example about...",
+        metadata: "14:55"
+    },
+    {
+        id: "2",
+        role: "assistant",
+        status: "complete",
+        content: "Action required example. Action required example. Action required example.",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        }
+    },
+    {
+        id: "3",
+        role: "assistant",
+        status: "complete",
+        content: "Some fields contain missing or invalid data, which may prevent the process from completing correctly. Review your input carefully and make any necessary corrections before continuing.",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        },
+        parts: "warning"
+    },
+    {
+        id: "4",
+        role: "error",
+        content: "An unexpected error occurred while processing your request, and the operation couldn’t be completed.Please check your internet connection or try again later. If the problem persists, contact support.",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        }
+    },
+    {
+        id: "5",
+        role: "assistant",
+        status: "complete",
+        content: "Your information has been saved successfully, and all changes are now reflected in your account. You can continue with the next steps or return to the dashboard at any time.",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        },
+        parts: "success"
+    },
+    {
+        id: "6",
+        role: "user",
+        content: "Implement the function calculate_average_grade in grades.py that takes a list of grades as input and returns the average grade as a floating-point number",
+        metadata: "15:00"
+    },
+    {
+        id: "7",
+        role: "assistant",
+        status: "complete",
+        content: "You can provide further details or updates regarding your support ticket and its associated code. Your input here helps us better understand and address your issue effectively.",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        }
+    },
+    {
+        id: "8",
+        role: "assistant",
+        status: "waiting",
+        content: "You can provide further details or updates",
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        }
+    },
+    {
+        id: "9",
+        role: "assistant",
+        status: "complete",
+        content: ASSISTANT_RESPONSE_SHORT_MARKDOWN,
+        metadata: {
+            assistantName: ASSISTANT_NAME,
+            time: "14:25"
+        }
+    }
+];
+//# sourceMappingURL=models.js.map

package/dist/collection/showcase/chat-container/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../src/showcase/chat-container/models.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  ChatMessage,\n  ChatTranslations\n} from \"@genexus/chameleon-controls-library\";\n\nimport { MercuryChatMessageMetadata } from \"../../components/chat/lit-custom-render/types\";\n\nexport const ASSISTANT_RESPONSE_SHORT_MARKDOWN =\n  '\\n### Code block {#code-block}\\nTo create code blocks, you’ll use three backticks (` ``` `) or three tildes (`~~~`) on the lines before and after the code block.\\n\\n```json\\n{\\n  \"firstName\": \"John\",\\n  \"lastName\": \"Smith\",\\n  \"age\": 25\\n}';\n\nexport const ASSISTANT_NAME = \"Nexa\";\n\n// - - - - - - - - - - - - - -\n// Types of messages\n// - - - - - - - - - - - - - -\n\nexport const userMessageChatModel: ChatMessage[] = [\n  {\n    id: \"1\",\n    role: \"user\",\n    content:\n      \"Generate a web form for customer registration with fields for name, email, phone, and address. Include validation, save the data to the database, and show a confirmation message after submission.\",\n    metadata: null\n  }\n];\n\nexport const assistantMessageChatModel: ChatMessage[] = [\n  {\n    id: \"1\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"I’ve created the basic structure for the registration form, but I need a bit more info: Should the address include city, state, and ZIP? Do you want a separate confirmation page or just a message on the same screen? Any specific format or validation for the phone number?\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata\n  }\n];\n\nexport const assistantMessageWarningChatModel: ChatMessage[] = [\n  {\n    id: \"1\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"The CustomerRegistration panel was created with warnings: The “Phone” field uses a generic character format—consider a phone mask. No address validation rules applied.The data is still saved correctly, and the panel works as expected.\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata,\n    parts: \"warning\"\n  }\n];\n\nexport const assistantMessageSuccessChatModel: ChatMessage[] = [\n  {\n    id: \"1\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"The CustomerRegistration web panel was created successfully. Fields: Name, Email, Phone, Address. Validations applied (required, email format). Data saved to “Customer” transaction. Confirmation message shown after submit. Let me know if you'd like to add styles or link it to another object.\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata,\n    parts: \"success\"\n  }\n];\n\nexport const errorMessageChatModel: ChatMessage[] = [\n  {\n    id: \"1\",\n    role: \"error\",\n    content:\n      \"Sorry, I couldn't generate the requested form. Reason: The “Customer” transaction does not exist in the current Knowledge Base. Please create the “Customer” object or check if it’s named differently.\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata\n  }\n];\n\nexport const assistantWaitingChatModel: ChatMessage[] = [\n  {\n    id: \"1\",\n    role: \"assistant\",\n    status: \"waiting\",\n    content: \"Creating CustomerRegistration panel\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata\n  }\n];\n\nexport const chatTranslations: ChatTranslations = {\n  accessibleName: {\n    clearChat: \"Clear chat\",\n    copyMessageContent: \"Copy assistant content\",\n    downloadCodeButton: \"Download code\",\n    sendButton: \"Send\",\n    sendInput: \"Message\",\n    stopGeneratingAnswerButton: \"Stop generating answer\"\n  },\n  placeholder: {\n    sendInput: \"Ask me a question...\"\n  },\n  text: {\n    copyCodeButton: \"Copy code\",\n    copyMessageContent: \"Copy\",\n    downloadCodeButton: \"Download\",\n    processing: `Processing...`,\n    sourceFiles: \"Source files:\",\n    stopGeneratingAnswerButton: \"Stop generating answer\"\n  }\n};\n\n// All messages\n\nexport const allMessagesModel: ChatMessage[] = [\n  {\n    id: \"1\",\n    role: \"user\",\n    content:\n      \"Generate a web form for customer registration with fields for name, email, phone, and address. Include validation, save the data to the database, and show a confirmation message after submission.\",\n    metadata: null\n  },\n  {\n    id: \"1\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"I’ve created the basic structure for the registration form, but I need a bit more info: Should the address include city, state, and ZIP? Do you want a separate confirmation page or just a message on the same screen? Any specific format or validation for the phone number?\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata\n  },\n  {\n    id: \"1\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"The CustomerRegistration panel was created with warnings: The “Phone” field uses a generic character format—consider a phone mask. No address validation rules applied.The data is still saved correctly, and the panel works as expected.\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata,\n    parts: \"warning\"\n  },\n  {\n    id: \"1\",\n    role: \"error\",\n    content:\n      \"Sorry, I couldn't generate the requested form. Reason: The “Customer” transaction does not exist in the current Knowledge Base. Please create the “Customer” object or check if it’s named differently.\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata\n  },\n  {\n    id: \"5\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"Your information has been saved successfully, and all changes are now reflected in your account. You can continue with the next steps or return to the dashboard at any time.\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"15:00\"\n    } satisfies MercuryChatMessageMetadata,\n    parts: \"success\"\n  }\n];\n\n// - - - - - - - - - - - - - -\n// Other messages\n// - - - - - - - - - - - - - -\n\nexport const ASSISTANT_RESPONSE_MARKDOWN = `\n###### Code block {#code-block}\nTo create code blocks, you’ll use three backticks (\\` \\`\\`\\` \\`) or three tildes (\\`~~~\\`) on the lines before and after the code block.\n\n\\`\\`\\`\n{\n  \"firstName\": \"John\",\n  \"lastName\": \"Smith\",\n  \"age\": 25\n}\n\\`\\`\\`\n\nAnother way to create code blocks is to indent every line of the block by at least four spaces or one tab.\n\n    <html>\n      <head>\n      </head>\n    </html>\n\n\n###### Syntax Highlighting {#syntax-highlighting}\nThis feature allows you to add color highlighting for whatever language your code was written in.\nTo add syntax highlighting, specify a language next to the backticks before the fenced code block.\n\n\\`\\`\\`json\n{\n  \"firstName\": \"John\",\n  \"lastName\": \"Smith\",\n  \"age\": 25\n}\n\\`\\`\\`\n\n\\`\\`\\`javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport Markdown from 'react-markdown'\nimport rehypeHighlight from 'rehype-highlight'\n\nconst markdown = \\`\n# Your markdown here\n\\`\n\nReactDOM.render(\n  <Markdown rehypePlugins={[rehypeHighlight]}>{markdown}</Markdown>,\n  document.querySelector('#content')\n)\n\\`\\`\\`\n\n###### Horizontal Rules {#horizontal-rules}\nTo create a horizontal rule, use three or more asterisks (\\`***\\`), dashes (\\`---\\`), or underscores (\\`___\\`) on a line by themselves.\n`;\n\nexport const chatRecord: ChatMessage[] = [\n  { id: \"1\", role: \"user\", content: \"Hello world\" },\n  { id: \"2\", role: \"assistant\", content: ASSISTANT_RESPONSE_MARKDOWN },\n  { id: \"3\", role: \"user\", content: \"Hello world 1\" },\n  { id: \"4\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"5\", role: \"user\", content: \"Hello world 2\" },\n  { id: \"6\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"7\", role: \"user\", content: \"Hello world 3\" },\n  { id: \"8\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"9\", role: \"user\", content: \"Hello world 4\" },\n  { id: \"10\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN }\n];\n\nexport const longChatRecord: ChatMessage[] = Array.from(\n  { length: 40 },\n  (_, index) =>\n    index % 2 === 0\n      ? {\n          id: `index: ${index}`,\n          role: \"user\",\n          content:\n            `index: ${index}` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n`\n        }\n      : {\n          id: `index: ${index}`,\n          role: \"assistant\",\n          content:\n            ASSISTANT_RESPONSE_SHORT_MARKDOWN +\n            `\\nindex: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n`\n        }\n);\n\nexport const codeFixerRecord: ChatMessage[] = [\n  {\n    id: \"1\",\n    role: \"user\",\n    content: \"Please give me an example about...\",\n    metadata: \"14:55\"\n  },\n  {\n    id: \"2\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"Action required example. Action required example. Action required example.\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata\n  },\n  {\n    id: \"3\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"Some fields contain missing or invalid data, which may prevent the process from completing correctly. Review your input carefully and make any necessary corrections before continuing.\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata,\n    parts: \"warning\"\n  },\n  {\n    id: \"4\",\n    role: \"error\",\n    content:\n      \"An unexpected error occurred while processing your request, and the operation couldn’t be completed.Please check your internet connection or try again later. If the problem persists, contact support.\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata\n  },\n  {\n    id: \"5\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"Your information has been saved successfully, and all changes are now reflected in your account. You can continue with the next steps or return to the dashboard at any time.\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata,\n    parts: \"success\"\n  },\n  {\n    id: \"6\",\n    role: \"user\",\n    content:\n      \"Implement the function calculate_average_grade in grades.py that takes a list of grades as input and returns the average grade as a floating-point number\",\n    metadata: \"15:00\"\n  },\n  {\n    id: \"7\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"You can provide further details or updates regarding your support ticket and its associated code. Your input here helps us better understand and address your issue effectively.\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata\n  },\n  {\n    id: \"8\",\n    role: \"assistant\",\n    status: \"waiting\",\n    content: \"You can provide further details or updates\",\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata\n  },\n  {\n    id: \"9\",\n    role: \"assistant\",\n    status: \"complete\",\n    content: ASSISTANT_RESPONSE_SHORT_MARKDOWN,\n    metadata: {\n      assistantName: ASSISTANT_NAME,\n      time: \"14:25\"\n    } satisfies MercuryChatMessageMetadata\n  }\n];\n"]}