widget updated

.dockerignore

@@ -1,2 +1,4 @@
 .github
-docker
+docker
+dev.bat
+dev.sh

app/widget/.env.example

@@ -1,2 +1,2 @@
 # this is for local development environment
-VITE_API_URL=http://localhost:3000/bot=
+VITE_API_URL=http://localhost:3000/bot

app/widget/src/App.tsx

@@ -189,7 +189,90 @@ function App() {
                                     </code>
                                   );
                                 },
+                                a({ node, ...props }) {
+                                  return (
+                                    <a
+                                      target="_blank"
+                                      rel="noreferrer"
+                                      className="text-blue-500 hover:underline"
+                                      {...props}
+                                    >
+                                      {props.children}
+                                    </a>
+                                  );
+                                },
+                                li({ node, ...props }) {
+                                  return (
+                                    <li className="list-decimal marker:text-gray-500" {...props}>
+                                      {props.children}
+                                    </li>
+                                  );
+                                },
+                                ul({ node, ...props }) {
+                                  return (
+                                    <ul className="mx-2" {...props}>
+                                      {props.children}
+                                    </ul>
+                                  );
+                                },
+                                ol({ node, ...props }) {
+                                  return (
+                                    <ul className="mx-2" {...props}>
+                                      {props.children}
+                                    </ul>
+                                  );
+                                },
+                                h1({ node, ...props }) {
+                                  return (
+                                    <h1 className="text-2xl font-bold" {...props}>
+                                      {props.children}
+                                    </h1>
+                                  );
+                                },
+                                h2({ node, ...props }) {
+                                  return (
+                                    <h2 className="text-xl font-bold" {...props}>
+                                      {props.children}
+                                    </h2>
+                                  );
+                                },
+                                h3({ node, ...props }) {
+                                  return (
+                                    <h3 className="text-lg font-bold" {...props}>
+                                      {props.children}
+                                    </h3>
+                                  );
+                                },
+                                h4({ node, ...props }) {
+                                  return (
+                                    <h4 className="text-base font-bold" {...props}>
+                                      {props.children}
+                                    </h4>
+                                  );
+                                },
+                                h5({ node, ...props }) {
+                                  return (
+                                    <h5 className="text-sm font-bold" {...props}>
+                                      {props.children}
+                                    </h5>
+                                  );
+                                },
+                                h6({ node, ...props }) {
+                                  return (
+                                    <h6 className="text-xs font-bold" {...props}>
+                                      {props.children}
+                                    </h6>
+                                  );
+                                },
+                                p({ node, ...props }) {
+                                  return (
+                                    <p className="text-sm" {...props}>
+                                      {props.children}
+                                    </p>
+                                  );
+                                }
                               }}
+
                             >
                               {message.message}
                             </ReactMarkdown>