Merge pull request #6 from traceroot-ai/zecheng_fix_pre_commit_readme_improve_chat_ui

Fix pre-commit, README and improve chat UI

Author: zechengz

.github/workflows/pre-commit.yml

@@ -34,5 +34,5 @@ jobs:
 
       - name: Run pre-commit
         run: |
-          pre-commit run --all-files
+          SKIP=no-commit-to-branch pre-commit run --all-files
         shell: bash

README.md

@@ -89,6 +89,28 @@ We are a community-driven collective comprising over multiple engineers and rese
   </tr>
 </table>
 
+## AI Agent Framework
+
+Here is an overview for our AI Agent Framework:
+
+### Context Model
+
+<div align="center">
+  <a href="https://traceroot.ai/">
+    <img src="misc/images/agent-context.svg" alt="Context Model" width="80%">
+  </a>
+</div>
+
+### Chunking
+
+TODO: Add TraceRoot's specialized chunking.
+
+### Explainability
+
+TODO: Add TraceRoot's specialized explainability.
+
+Please checkout the [README.md in the `rest/agent` directory](rest/agent/README.md) for more details.
+
 ## Installation
 
 You can install the latest version of TraceRoot with the following command:
@@ -107,6 +129,8 @@ pip install -e .
 
 ## Local Usage
 
+For local usage, all of your data will be stored locally.
+
 You can use the TraceRoot framework locally by following the [README.md in the `ui` directory](ui/README.md) and [README.md in the `rest` directory](rest/README.md).
 
 Also, you can build the latest docker image and run the docker container by following the [README.md in the `docker` directory](docker/public/README.md).
@@ -133,6 +157,9 @@ docker run -d --name jaeger \
   cr.jaegertracing.io/jaegertracing/jaeger:2.8.0
 ```
 
+In local mode, the first step is to go to the integration page and connect with your GitHub account (optional) with your GitHub token.
+You also need to put your OpenAI API key in the integration page.
+
 ## SDK
 
 Our platform is built on top of the TraceRoot SDK. You need to use our SDK to integrate with your applications by
@@ -155,28 +182,6 @@ As mentioned above, you need to setup the Jaeger docker container at first befor
 
 For more details or the SDK usage and examples, please checkout this [Quickstart](https://docs.traceroot.ai/quickstart).
 
-## AI Agent Framework
-
-Here is an overview for our AI Agent Framework:
-
-### Context Model
-
-<div align="center">
-  <a href="https://traceroot.ai/">
-    <img src="misc/images/agent-context.svg" alt="Context Model" width="80%">
-  </a>
-</div>
-
-### Chunking
-
-TODO: Add TraceRoot's specialized chunking.
-
-### Explainability
-
-TODO: Add TraceRoot's specialized explainability.
-
-Please checkout the [README.md in the `rest/agent` directory](rest/agent/README.md) for more details.
-
 ## Citation
 
 If you find TraceRoot useful in your research, please consider citing:

ui/src/components/right-panel/agent/ChatMessage.tsx

@@ -144,6 +144,26 @@ const renderMarkdown = (text: string, messageId: string, references?: Reference[
         );
       }
     },
+    // Standard markdown link pattern - [text](url)
+    {
+      regex: /\[([^\]]+)\]\(([^)]+)\)/g,
+      component: (match: string, ...args: string[]) => {
+        const [linkText, url] = args;
+
+        return (
+          <a
+            key={currentIndex++}
+            href={url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-black dark:text-white hover:text-gray-600 dark:hover:text-gray-300 underline font-medium transition-colors"
+            title={linkText}
+          >
+            {linkText}
+          </a>
+        );
+      }
+    },
     // Reference numbers pattern - must come before log level patterns
     { regex: /\[(\d+)\]/g, component: (match: string, ...args: string[]) => {
         const refNumber = parseInt(args[0]);