Add type import for Item in ChatPanel.tsx and remove unused variable in InputMessage/index.tsx

Author: small-stone

src/views/components/InputMessage/index.tsx

@@ -72,7 +72,6 @@ const InputMessage = observer((props: any) => {
     modelMenus,
   } = input;
   const { generating } = chat;
-  const isVscode = process.env.platform === "vscode";
   const viewport = useRef<HTMLDivElement>(null);
 
   const [drawerOpened, { open: openDrawer, close: closeDrawer }] =
@@ -175,18 +174,6 @@ const InputMessage = observer((props: any) => {
     }
   };
 
-  const contextMenuIcon = (name: string) => {
-    if (name === "git diff --cached") {
-      return (
-        <IconGitBranchChecked size={14} color="var(--vscode-menu-foreground)" />
-      );
-    }
-    if (name === "git diff HEAD") {
-      return <IconGitBranch size={14} color="var(--vscode-menu-foreground)" />;
-    }
-    return <IconShellCommand size={14} color="var(--vscode-menu-foreground)" />;
-  };
-
   useEffect(() => {
     messageUtil.registerHandler(
       "chatWithDevChat",
@@ -399,59 +386,6 @@ const InputMessage = observer((props: any) => {
           marginTop: 5,
         }}
       >
-        {isVscode && (
-          <Menu
-            width={chat.chatPanelWidth - 10}
-            position="bottom-start"
-            shadow="sm"
-            withArrow
-            styles={menuStyles}
-            disabled={contextMenus.length === 0}
-          >
-            <Menu.Target>
-              <ActionIcon
-                radius="xl"
-                variant="default"
-                disabled={generating || chat.disabled}
-                className={classes.actionIcon}
-              >
-                <IconTextPlus size="1rem" />
-              </ActionIcon>
-            </Menu.Target>
-            <Menu.Dropdown>
-              <ScrollArea.Autosize placeholder="" type="always" mah={240}>
-                {[...contextMenus]
-                  .sort((a, b) => {
-                    if (a.name === "<custom command>") {
-                      return 1; // Placing '<custom command>' at the end
-                    } else if (b.name === "<custom command>") {
-                      return -1; // Placing '<custom command>' at the front
-                    } else {
-                      return (a.name || "").localeCompare(b.name || ""); // Sorting alphabetically for other cases
-                    }
-                  })
-                  .map(({ pattern, description, name }, index) => {
-                    return (
-                      <Menu.Item
-                        key={`contexts-menus-${index}`}
-                        icon={contextMenuIcon(name)}
-                        onClick={() => {
-                          handleContextClick(name);
-                        }}
-                      >
-                        {name}
-                        <Text
-                          sx={{ fontSize: "9pt", color: theme.colors.gray[6] }}
-                        >
-                          {description}
-                        </Text>
-                      </Menu.Item>
-                    );
-                  })}
-              </ScrollArea.Autosize>
-            </Menu.Dropdown>
-          </Menu>
-        )}
         <Menu
           position="bottom-start"
           withArrow

src/views/pages/ChatPanel.tsx

@@ -14,6 +14,7 @@ import RegenerationButton from "@/views/components/RegenerationButton";
 import { observer } from "mobx-react-lite";
 import { useMst } from "@/views/stores/RootStore";
 import { Message } from "@/views/stores/ChatStore";
+import type { Item } from "@/views/stores/InputStore";
 
 import InputMessage from "@/views/components/InputMessage";
 import MessageList from "@/views/components/MessageList";
@@ -84,30 +85,36 @@ const chatPanel = observer(() => {
   useEffect(() => {
     // Fetch the command menus, before history records are obtained,
     // because the display information in the history record requires adjustment
-    input.fetchCommandMenus().then(() => {
-      messageUtil.registerHandler("reloadMessage", (message: any) => {
-        chat.reloadMessage(message);
-      });
-      messageUtil.registerHandler("loadHistoryMessages", (message: any) => {
-        chat.reloadMessage({
-          entries: message.entries,
-          pageIndex: 0,
-          reset: message.entries.length === 0,
-        });
-      });
-      // The history records need to be obtained after setting the key,
-      // as the display information in the history record requires adjustment
-      // based on whether the key is present.
-      messageUtil.registerHandler("getUserAccessKey", (message: any) => {
-        chat.setKey(message.accessKey);
-        chat.fetchHistoryMessages();
+    messageUtil.sendMessage({ command: "regCommandList" });
+    messageUtil.registerHandler(
+      "regCommandList",
+      (message: { result: Item[] }) => {
+        console.log("regCommandList message: ", message);
+        input.fetchCommandMenus(message.result);
+      }
+    );
+    messageUtil.registerHandler("reloadMessage", (message: any) => {
+      chat.reloadMessage(message);
+    });
+    messageUtil.registerHandler("loadHistoryMessages", (message: any) => {
+      chat.reloadMessage({
+        entries: message.entries,
+        pageIndex: 0,
+        reset: message.entries.length === 0,
       });
-      // The history records need to be obtained after setting the key,
-      input.fetchContextMenus().then();
-      input.fetchModelMenus().then();
-      getFeatureToggles();
-      getSettings();
     });
+    // The history records need to be obtained after setting the key,
+    // as the display information in the history record requires adjustment
+    // based on whether the key is present.
+    messageUtil.registerHandler("getUserAccessKey", (message: any) => {
+      chat.setKey(message.accessKey);
+      chat.fetchHistoryMessages();
+    });
+    // The history records need to be obtained after setting the key,
+    input.fetchContextMenus().then();
+    input.fetchModelMenus().then();
+    getFeatureToggles();
+    getSettings();
     messageUtil.registerHandler(
       "receiveMessagePartial",
       (message: { text: string }) => {