snapshot of https://github.com/excalidraw/excalidraw.git (master, 2026-09-16; blobs > 131072B omitted)

2026-09-16 05:31:04 +05:00
commit 1a8d07ca6c
1286 changed files with 360144 additions and 0 deletions
--- a/packages/excalidraw/components/TTDDialog/Chat/ChatHistoryMenu.tsx
+++ b/packages/excalidraw/components/TTDDialog/Chat/ChatHistoryMenu.tsx
@@ -0,0 +1,88 @@
+import clsx from "clsx";
+
+import { t } from "../../../i18n";
+import { historyIcon, TrashIcon } from "../../icons";
+import DropdownMenu from "../../dropdownMenu/DropdownMenu";
+
+import { FilledButton } from "../../FilledButton";
+
+import type { SavedChat } from "../types";
+
+interface ChatHistoryMenuProps {
+  isOpen: boolean;
+  onToggle: () => void;
+  onClose: () => void;
+  onNewChat: () => void;
+  onRestoreChat: (chat: SavedChat) => void;
+  onDeleteChat: (chatId: string, event: React.MouseEvent) => void;
+  savedChats: SavedChat[];
+  activeSessionId: string;
+  disabled?: boolean;
+  isNewChatBtnVisible?: boolean;
+}
+
+export const ChatHistoryMenu = ({
+  isOpen,
+  onToggle,
+  onClose,
+  onNewChat,
+  onRestoreChat,
+  onDeleteChat,
+  isNewChatBtnVisible,
+  savedChats,
+  activeSessionId,
+  disabled,
+}: ChatHistoryMenuProps) => {
+  return (
+    <div className="ttd-chat-history-menu">
+      {isNewChatBtnVisible && (
+        <FilledButton onClick={onNewChat} disabled={disabled}>
+          {t("chat.newChat")}
+        </FilledButton>
+      )}
+      {savedChats.length > 0 && (
+        <div className="ttd-dialog-panel__menu-wrapper">
+          <DropdownMenu open={isOpen}>
+            <DropdownMenu.Trigger
+              onToggle={onToggle}
+              className="ttd-dialog-menu-trigger"
+              disabled={disabled}
+              title={t("chat.menu")}
+              aria-label={t("chat.menu")}
+            >
+              {historyIcon}
+            </DropdownMenu.Trigger>
+            <DropdownMenu.Content onClickOutside={onClose} onSelect={onClose}>
+              <>
+                {savedChats.map((chat) => (
+                  <DropdownMenu.ItemCustom
+                    key={chat.id}
+                    className={clsx("ttd-chat-menu-item", {
+                      "ttd-chat-menu-item--active": chat.id === activeSessionId,
+                    })}
+                    onClick={() => {
+                      onRestoreChat(chat);
+                    }}
+                  >
+                    <span className="ttd-chat-menu-item__title">
+                      {chat.title}
+                    </span>
+                    <button
+                      className="ttd-chat-menu-item__delete"
+                      onClick={(e) => onDeleteChat(chat.id, e)}
+                      title={t("chat.deleteChat")}
+                      aria-label={t("chat.deleteChat")}
+                      type="button"
+                    >
+                      {TrashIcon}
+                    </button>
+                  </DropdownMenu.ItemCustom>
+                ))}
+              </>
+            </DropdownMenu.Content>
+          </DropdownMenu>
+        </div>
+      )}
+    </div>
+  );
+};