fixed statements

removed commented imports
updated example app

Author: dogusata

example/src/main.ts

@@ -198,6 +198,11 @@ export const createMynahUI = (initialData?: MynahUIDataModel): MynahUI => {
         case 'reject-change':
           mynahUI.updateChatAnswerWithMessageId(tabId, messageId, exampleFileListChatItemForUpdate);
           break;
+        case 'show-diff':
+          mynahUI.updateChatAnswerWithMessageId(tabId, messageId, {
+            body: exampleCodeDiff
+          });
+          break;
         case 'revert-rejection':
           mynahUI.updateChatAnswerWithMessageId(tabId, messageId, {fileList: exampleFileListChatItem.fileList});
           break;

example/src/samples/sample-data.ts

@@ -201,6 +201,11 @@ export const exampleFileListChatItem: ChatItem = {
                     name: 'reject-change',
                     description: 'Reject Change',
                 },
+                {
+                    icon: MynahIcons.CODE_BLOCK,
+                    name: 'show-diff',
+                    description: 'Show Diff',
+                },
             ],
         },
         details: {

src/components/chat-item/chat-item-tree-file.ts

@@ -116,7 +116,7 @@ export class ChatItemTreeFile {
   }
 
   private readonly showTooltip = (content: string, vDir?: OverlayVerticalDirection, hDir?: OverlayHorizontalDirection): void => {
-    if (content.trim() !== undefined) {
+    if (content.trim() !== '') {
       clearTimeout(this.fileTooltipTimeout);
       this.fileTooltipTimeout = setTimeout(() => {
         this.fileTooltip = new Overlay({
@@ -143,8 +143,10 @@ export class ChatItemTreeFile {
   };
 
   public readonly hideTooltip = (): void => {
-    clearTimeout(this.fileTooltipTimeout);
-    if (this.fileTooltip !== null) {
+    if (this.fileTooltipTimeout != null) {
+      clearTimeout(this.fileTooltipTimeout);
+    }
+    if (this.fileTooltip != null) {
       this.fileTooltip?.close();
       this.fileTooltip = null;
     }

src/components/syntax-highlighter.ts

@@ -32,7 +32,6 @@ import 'prismjs/components/prism-less.min';
 import 'prismjs/plugins/line-numbers/prism-line-numbers.js';
 import 'prismjs/plugins/keep-markup/prism-keep-markup.js';
 import 'prismjs/plugins/diff-highlight/prism-diff-highlight.min';
-// import 'prismjs/plugins/diff-highlight/prism-diff-highlight.min.css';
 
 import {
   CodeSelectionType,