θΏ™ζ˜―indexlocζδΎ›ηš„ζœεŠ‘οΌŒδΈθ¦θΎ“ε…₯任何密码
Skip to content

UI Cleanup #2270

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Sep 11, 2024
Merged

UI Cleanup #2270

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 0 additions & 2 deletions frontend/src/components/SettingsSidebar/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,6 @@ import { useTranslation } from "react-i18next";
import showToast from "@/utils/toast";
import System from "@/models/system";
import Option from "./MenuOption";
import { FineTuningAlert } from "@/pages/FineTuning/Banner";

export default function SettingsSidebar() {
const { t } = useTranslation();
Expand Down Expand Up @@ -178,7 +177,6 @@ export default function SettingsSidebar() {
</div>
</div>
</div>
<FineTuningAlert />
</>
);
}
Expand Down
73 changes: 1 addition & 72 deletions frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/AgentMenu/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
import { useEffect, useRef, useState } from "react";
import { Tooltip } from "react-tooltip";
import { At, Flask, X } from "@phosphor-icons/react";
import ModalWrapper from "@/components/ModalWrapper";
import { useModal } from "@/hooks/useModal";
import { At } from "@phosphor-icons/react";
import { useIsAgentSessionActive } from "@/utils/chat/agent";

export default function AvailableAgentsButton({ showing, setShowAgents }) {
Expand Down Expand Up @@ -107,7 +105,6 @@ export function AvailableAgents({
</div>
</div>
</div>
{showing && <FirstTimeAgentUser />}
</>
);
}
Expand All @@ -116,71 +113,3 @@ export function useAvailableAgents() {
const [showAgents, setShowAgents] = useState(false);
return { showAgents, setShowAgents };
}

const SEEN_FT_AGENT_MODAL = "anythingllm_seen_first_time_agent_modal";
function FirstTimeAgentUser() {
const { isOpen, openModal, closeModal } = useModal();
useEffect(() => {
function firstTimeShow() {
if (!window) return;
if (!window.localStorage.getItem(SEEN_FT_AGENT_MODAL)) openModal();
}
firstTimeShow();
}, []);

const dismiss = () => {
closeModal();
window.localStorage.setItem(SEEN_FT_AGENT_MODAL, 1);
};

return (
<ModalWrapper isOpen={isOpen}>
<div className="relative w-[500px] max-w-2xl max-h-full">
<div className="relative bg-main-gradient rounded-lg shadow">
<div className="flex items-center gap-x-1 justify-between p-4 border-b rounded-t border-gray-600">
<Flask className="text-green-400" size={24} weight="fill" />
<h3 className="text-xl font-semibold text-white">
You just discovered Agents!
</h3>
<button
onClick={dismiss}
type="button"
className="transition-all duration-300 text-gray-400 bg-transparent hover:border-white/60 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center bg-sidebar-button hover:bg-menu-item-selected-gradient hover:border-slate-100 hover:border-opacity-50 border-transparent border"
data-modal-hide="staticModal"
>
<X className="text-gray-300 text-lg" />
</button>
</div>
<div className="p-6 space-y-6 flex h-full w-full">
<div className="w-full flex flex-col gap-y-4">
<p className="text-white/80 text-xs md:text-sm">
Agents are your LLM, but with special abilities that{" "}
<u>do something beyond chatting with your documents</u>.
<br />
<br />
Now you can use agents for real-time web search and scraping,
saving documents to your browser, summarizing documents, and
more.
</p>
<p className="text-green-300/60 text-xs md:text-sm">
This feature is currently early access and fully custom agents
with custom integrations & code execution will be in a future
update.
</p>
</div>
</div>
<div className="flex w-full justify-between items-center p-6 space-x-2 border-t rounded-b border-gray-600">
<div />
<button
onClick={dismiss}
type="button"
className="px-4 py-2 rounded-lg text-white hover:bg-stone-900 transition-all duration-300"
>
Continue
</button>
</div>
</div>
</div>
</ModalWrapper>
);
}
28 changes: 0 additions & 28 deletions frontend/src/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -767,34 +767,6 @@ does not extend the close button beyond the viewport. */
}
}

.top-banner {
animation: popTop 500ms forwards;
}

@keyframes popTop {
0% {
top: -3.5rem;
}

100% {
top: 0px;
}
}

.rm-top-banner {
animation: rmPopTop 500ms forwards;
}

@keyframes rmPopTop {
0% {
top: 0px;
}

100% {
top: -3.5rem;
}
}

/* Math/Katex formatting to prevent duplication of content on screen */
.katex-html[aria-hidden="true"] {
display: none;
Expand Down
66 changes: 0 additions & 66 deletions frontend/src/pages/FineTuning/Banner/index.jsx
View file
Open in desktop

This file was deleted.

2 changes: 0 additions & 2 deletions frontend/src/pages/Main/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ import PasswordModal, { usePasswordModal } from "@/components/Modals/Password";
import { isMobile } from "react-device-detect";
import { FullScreenLoader } from "@/components/Preloader";
import UserMenu from "@/components/UserMenu";
import { FineTuningAlert } from "../FineTuning/Banner";

export default function Main() {
const { loading, requiresAuth, mode } = usePasswordModal();
Expand All @@ -23,7 +22,6 @@ export default function Main() {
<DefaultChatContainer />
</div>
</UserMenu>
<FineTuningAlert />
</>
);
}
2 changes: 0 additions & 2 deletions frontend/src/pages/WorkspaceChat/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@ import Workspace from "@/models/workspace";
import PasswordModal, { usePasswordModal } from "@/components/Modals/Password";
import { isMobile } from "react-device-detect";
import { FullScreenLoader } from "@/components/Preloader";
import { FineTuningAlert } from "../FineTuning/Banner";

export default function WorkspaceChat() {
const { loading, requiresAuth, mode } = usePasswordModal();
Expand Down Expand Up @@ -50,7 +49,6 @@ function ShowWorkspaceChat() {
{!isMobile && <Sidebar />}
<WorkspaceChatContainer loading={loading} workspace={workspace} />
</div>
<FineTuningAlert />
</>
);
}