a57dfe743b
* fix: #247 - inference plugin should check nitro service available * fix: #247 check service status and emit error if any * chore: error handling * chore: typo * fix: open conversation does not work when model is deleted * chore: reload plugins in development mode without exiting the process * chore: move model file check to inference plugin * update package-lock.json --------- Co-authored-by: Hien To <>
69 lines
2.3 KiB
TypeScript
69 lines
2.3 KiB
TypeScript
"use client";
|
|
|
|
import BasicPromptInput from "../BasicPromptInput";
|
|
import BasicPromptAccessories from "../BasicPromptAccessories";
|
|
import { useAtomValue } from "jotai";
|
|
import { showingAdvancedPromptAtom } from "@/_helpers/atoms/Modal.atom";
|
|
import SecondaryButton from "../SecondaryButton";
|
|
import { Fragment } from "react";
|
|
import { PlusIcon } from "@heroicons/react/24/outline";
|
|
import useCreateConversation from "@/_hooks/useCreateConversation";
|
|
import { currentProductAtom } from "@/_helpers/atoms/Model.atom";
|
|
import LoadingIndicator from "../LoadingIndicator";
|
|
import { currentConvoStateAtom } from "@/_helpers/atoms/Conversation.atom";
|
|
|
|
const InputToolbar: React.FC = () => {
|
|
const showingAdvancedPrompt = useAtomValue(showingAdvancedPromptAtom);
|
|
const currentProduct = useAtomValue(currentProductAtom);
|
|
const { requestCreateConvo } = useCreateConversation();
|
|
const currentConvoState = useAtomValue(currentConvoStateAtom);
|
|
|
|
if (showingAdvancedPrompt) {
|
|
return <div />;
|
|
}
|
|
|
|
// TODO: implement regenerate
|
|
// const onRegenerateClick = () => {};
|
|
|
|
const onNewConversationClick = () => {
|
|
if (currentProduct) {
|
|
requestCreateConvo(currentProduct);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<Fragment>
|
|
<div className="flex justify-between gap-2 mr-3 my-2">
|
|
<div className="h-6 space-x-5">
|
|
{currentConvoState?.waitingForResponse === true && (
|
|
<div className="ml-1 my-2" key="indicator">
|
|
<LoadingIndicator />
|
|
</div>
|
|
)}
|
|
{!currentConvoState?.waitingForResponse &&
|
|
currentConvoState?.error && (
|
|
<div className="flex flex-row justify-center">
|
|
<span className="mx-5 my-2 text-red-500 text-sm">
|
|
{currentConvoState?.error?.toString()}
|
|
</span>
|
|
</div>
|
|
)}
|
|
</div>
|
|
|
|
{/* <SecondaryButton title="Regenerate" onClick={onRegenerateClick} /> */}
|
|
<SecondaryButton
|
|
onClick={onNewConversationClick}
|
|
title="New Conversation"
|
|
icon={<PlusIcon width={16} height={16} />}
|
|
/>
|
|
</div>
|
|
<div className="mx-3 mb-3 flex-none overflow-hidden shadow-sm ring-1 ring-inset ring-gray-300 rounded-lg dark:bg-gray-800">
|
|
<BasicPromptInput />
|
|
<BasicPromptAccessories />
|
|
</div>
|
|
</Fragment>
|
|
);
|
|
};
|
|
|
|
export default InputToolbar;
|