refactor(infra): directory structure (#4615)

packages/plugins/copilot/src/UI/debug-content.tsx

@@ -0,0 +1,37 @@
+import { FlexWrapper, Input } from '@affine/component';
+import { Button } from '@toeverything/components/button';
+import { useAtom } from 'jotai';
+import { type ReactElement, useCallback } from 'react';
+
+import { openAIApiKeyAtom } from '../core/hooks';
+import { conversationHistoryDBName } from '../core/langchain/message-history';
+
+export const DebugContent = (): ReactElement => {
+  const [key, setKey] = useAtom(openAIApiKeyAtom);
+  return (
+    <div>
+      <FlexWrapper justifyContent="space-between">
+        <Input
+          width={280}
+          defaultValue={key ?? undefined}
+          onChange={useCallback(
+            (newValue: string) => {
+              setKey(newValue);
+            },
+            [setKey]
+          )}
+          placeholder="Enter your API_KEY here"
+        />
+        <Button
+          size="large"
+          onClick={() => {
+            indexedDB.deleteDatabase(conversationHistoryDBName);
+            location.reload();
+          }}
+        >
+          {'Clean conversations'}
+        </Button>
+      </FlexWrapper>
+    </div>
+  );
+};