klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-03 13:19:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Handle further edge cases when setting chat agent data and fix alignment of chat input / side panel

Browse Source
This commit is contained in:
sabaimran
2025-01-19 17:59:37 -08:00
parent b248123135
commit 0d38cc9753
3 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/interface/web/app/chat/page.tsx
View File

@@ -159,7 +159,7 @@ function ChatBodyData(props: ChatBodyDataProps) {
/>
</div>
<div
className={`${styles.inputBox} p-1 md:px-2 shadow-md bg-background align-middle items-center justify-center dark:bg-neutral-700 dark:border-0 dark:shadow-sm rounded-2xl md:rounded-xl h-fit ${chatHistoryCustomClassName} mr-auto ml-auto`}
className={`${styles.inputBox} p-1 md:px-2 shadow-md bg-background align-middle items-center justify-center dark:bg-neutral-700 dark:border-0 dark:shadow-sm rounded-2xl md:rounded-xl h-fit ${chatHistoryCustomClassName} mr-auto ml-auto mt-auto`}
>
<ChatInputArea
agentColor={agentMetadata?.color}

6
src/interface/web/app/common/modelSelector.tsx
View File

@@ -52,6 +52,12 @@ export function ModelSelector({ ...props }: ModelSelectorProps) {
setSelectedModel(models[0]);
}, [models, props.selectedModel]);
useEffect(() => {
if (selectedModel) {
props.onSelect(selectedModel);
}
}, [selectedModel]);
if (isLoading) {
return (
<Skeleton className="w-full h-10" />

16
src/interface/web/app/components/chatSidebar/chatSidebar.tsx
View File

@@ -20,6 +20,7 @@ import { Checkbox } from "@/components/ui/checkbox";
import { Tooltip, TooltipTrigger } from "@/components/ui/tooltip";
import { TooltipContent } from "@radix-ui/react-tooltip";
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
import { useAuthenticatedData } from "@/app/common/auth";
interface ChatSideBarProps {
conversationId: string;
@@ -61,6 +62,11 @@ function ChatSidebarInternal({ ...props }: ChatSideBarProps) {
useSWR<AgentConfigurationOptions>("/api/agents/options", fetcher);
const { data: agentData, error: agentDataError } = useSWR<AgentData>(`/api/agents/conversation?conversation_id=${props.conversationId}`, fetcher);
const {
data: authenticatedData,
error: authenticationError,
isLoading: authenticationLoading,
} = useAuthenticatedData();
const [customPrompt, setCustomPrompt] = useState<string | undefined>("");
const [selectedModel, setSelectedModel] = useState<string | undefined>();
@@ -100,14 +106,10 @@ function ChatSidebarInternal({ ...props }: ChatSideBarProps) {
function isValueChecked(value: string, existingSelections: string[]): boolean {
console.log("isValueChecked", value, existingSelections);
return existingSelections.includes(value);
}
function handleCheckToggle(value: string, existingSelections: string[]): string[] {
console.log("handleCheckToggle", value, existingSelections);
setHasModified(true);
if (existingSelections.includes(value)) {
@@ -124,8 +126,7 @@ function ChatSidebarInternal({ ...props }: ChatSideBarProps) {
function handleSave() {
if (hasModified) {
if (agentData?.is_hidden === false) {
if (!isDefaultAgent && agentData?.is_hidden === false) {
alert("This agent is not a hidden agent. It cannot be modified from this interface.");
return;
}
@@ -144,7 +145,6 @@ function ChatSidebarInternal({ ...props }: ChatSideBarProps) {
...(isDefaultAgent ? {} : { slug: agentData?.slug })
};
console.log("outgoing data payload", data);
setIsSaving(true);
const url = !isDefaultAgent ? `/api/agents/hidden` : `/api/agents/hidden?conversation_id=${props.conversationId}`;
@@ -250,7 +250,7 @@ function ChatSidebarInternal({ ...props }: ChatSideBarProps) {
<SidebarMenu className="p-0 m-0">
<SidebarMenuItem key={"model"} className="list-none">
<ModelSelector
disabled={!isEditable}
disabled={!isEditable || !authenticatedData?.is_active}
onSelect={(model) => handleModelSelect(model.name)}
selectedModel={selectedModel}
/>