-
+
{!isAvailable && (
)}
- {agent.display_name && (
-
- {agent.display_name}
+ {displayName && (
+
+ {displayName}
)}
-
- {agent.name}
-
{unsavedAgentId !== null &&
String(unsavedAgentId) === String(agent.id) && (
) : (
@@ -650,15 +648,19 @@ function ToolPool({
{t("toolPool.tooltip.functionGuide")}
}
- overlayInnerStyle={{
- backgroundColor: "#ffffff",
- color: "#374151",
- border: "1px solid #e5e7eb",
- borderRadius: "6px",
- boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
- padding: "12px",
- maxWidth: "600px",
- minWidth: "400px",
+ color="#ffffff"
+ styles={{
+ body: {
+ backgroundColor: "#ffffff",
+ color: "#374151",
+ border: "1px solid #e5e7eb",
+ borderRadius: "6px",
+ boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+ padding: "12px",
+ maxWidth: "800px",
+ minWidth: "700px",
+ width: "fit-content",
+ },
}}
>
diff --git a/frontend/app/[locale]/chat/components/chatRightPanel.tsx b/frontend/app/[locale]/chat/components/chatRightPanel.tsx
index 874dee081..80792db0a 100644
--- a/frontend/app/[locale]/chat/components/chatRightPanel.tsx
+++ b/frontend/app/[locale]/chat/components/chatRightPanel.tsx
@@ -1,6 +1,6 @@
import { useState, useEffect, useRef, useCallback } from "react";
import { useTranslation } from "react-i18next";
-import { ExternalLink, Database, X } from "lucide-react";
+import { ExternalLink, Database, X, Server } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
@@ -8,6 +8,8 @@ import { StaticScrollArea } from "@/components/ui/scrollArea";
import { ImageItem, ChatRightPanelProps, SearchResult } from "@/types/chat";
import { API_ENDPOINTS } from "@/services/api";
import { formatDate, formatUrl } from "@/lib/utils";
+import { convertImageUrlToApiUrl, extractObjectNameFromUrl, storageService } from "@/services/storageService";
+import { message } from "antd";
import log from "@/lib/logger";
@@ -92,30 +94,48 @@ export function ChatRightPanel({
}));
try {
- // Use the proxy service to get the image
- const response = await fetch(API_ENDPOINTS.proxy.image(imageUrl));
- const data = await response.json();
+ // Convert image URL to backend API URL
+ const apiUrl = convertImageUrlToApiUrl(imageUrl);
+
+ // Use backend API to get the image
+ const response = await fetch(apiUrl);
+
+ if (!response.ok) {
+ throw new Error(`Failed to load image: ${response.statusText}`);
+ }
- if (data.success) {
+ // Get image as blob and convert to base64
+ const blob = await response.blob();
+ const reader = new FileReader();
+
+ reader.onloadend = () => {
+ const base64Data = reader.result as string;
+ // Remove data URL prefix (e.g., "data:image/png;base64,")
+ const base64 = base64Data.split(',')[1] || base64Data;
+
setImageData((prev) => ({
...prev,
[imageUrl]: {
- base64Data: data.base64,
- contentType: data.content_type || "image/jpeg",
+ base64Data: base64,
+ contentType: blob.type || "image/jpeg",
isLoading: false,
loadAttempts: currentAttempts + 1,
},
}));
- } else {
- // If loading fails, remove it directly from the list
+ loadingImages.current.delete(imageUrl);
+ };
+
+ reader.onerror = () => {
+ log.error("Failed to read image blob");
handleImageLoadFail(imageUrl);
- }
+ loadingImages.current.delete(imageUrl);
+ };
+
+ reader.readAsDataURL(blob);
} catch (error) {
log.error(t("chatRightPanel.imageProxyError"), error);
// If loading fails, remove it directly from the list
handleImageLoadFail(imageUrl);
- } finally {
- // Whether successful or not, remove the loading mark
loadingImages.current.delete(imageUrl);
}
@@ -200,11 +220,71 @@ export function ChatRightPanel({
// Search result item component
const SearchResultItem = ({ result }: { result: SearchResult }) => {
const [isExpanded, setIsExpanded] = useState(false);
+ const [isDownloading, setIsDownloading] = useState(false);
const title = result.title || t("chatRightPanel.unknownTitle");
const url = result.url || "#";
const text = result.text || t("chatRightPanel.noContentDescription");
const published_date = result.published_date || "";
const source_type = result.source_type || "url";
+ const filename = result.filename || result.title || "";
+ const datamateDatasetId = result.score_details?.datamate_dataset_id;
+ const datamateFileId = result.score_details?.datamate_file_id;
+ const datamateBaseUrl = result.score_details?.datamate_base_url;
+
+ // Handle file download
+ const handleFileDownload = async (e: React.MouseEvent) => {
+ e.preventDefault();
+ e.stopPropagation();
+
+ if (!filename && !url) {
+ message.error(t("chatRightPanel.fileDownloadError", "File name or URL is missing"));
+ return;
+ }
+
+ setIsDownloading(true);
+ try {
+ // Handle datamate source type
+ if (source_type === "datamate") {
+ if (!datamateDatasetId || !datamateFileId || !datamateBaseUrl) {
+ if (!url || url === "#") {
+ message.error(t("chatRightPanel.fileDownloadError", "Missing Datamate dataset or file information"));
+ return;
+ }
+ }
+ await storageService.downloadDatamateFile({
+ url: url !== "#" ? url : undefined,
+ baseUrl: datamateBaseUrl,
+ datasetId: datamateDatasetId,
+ fileId: datamateFileId,
+ filename: filename || undefined,
+ });
+ message.success(t("chatRightPanel.fileDownloadSuccess", "File download started"));
+ return;
+ }
+
+ // Handle regular file source type (source_type === "file")
+ // For knowledge base files, backend stores the MinIO object_name in path_or_url,
+ // so we should always try to extract it from the URL and avoid guessing from filename.
+ let objectName: string | undefined = undefined;
+
+ if (url && url !== "#") {
+ objectName = extractObjectNameFromUrl(url) || undefined;
+ }
+
+ if (!objectName) {
+ message.error(t("chatRightPanel.fileDownloadError", "Cannot determine file object name"));
+ return;
+ }
+
+ await storageService.downloadFile(objectName, filename || "download");
+ message.success(t("chatRightPanel.fileDownloadSuccess", "File download started"));
+ } catch (error) {
+ log.error("Failed to download file:", error);
+ message.error(t("chatRightPanel.fileDownloadError", "Failed to download file. Please try again."));
+ } finally {
+ setIsDownloading(false);
+ }
+ };
return (
@@ -227,6 +307,29 @@ export function ChatRightPanel({
>
{title}
+ ) : source_type === "file" || source_type === "datamate" ? (
+
+ {isDownloading ? (
+
+ ⏳
+ {t("chatRightPanel.downloading", "Downloading...")}
+
+ ) : (
+ title
+ )}
+
) : (
-
- {source_type === "url" ? (
-
- ) : source_type === "file" ? (
-
- ) : null}
-
-
- {formatUrl(result)}
-
+ {source_type === "file" || source_type === "datamate" ? (
+ <>
+
+
+
+
+
+
+ {source_type === "datamate"
+ ? t("chatRightPanel.source.datamate", "Source: Datamate")
+ : source_type === "file"
+ ? t("chatRightPanel.source.nexent", "Source: Nexent")
+ : ""}
+
+
+
+ ) : (
+
+
+
+
+
+ {formatUrl(result)}
+
+
+ )}
{text.length > 150 && (
diff --git a/frontend/app/[locale]/chat/internal/chatAttachment.tsx b/frontend/app/[locale]/chat/internal/chatAttachment.tsx
index ff7b5ceb8..c08ece8f7 100644
--- a/frontend/app/[locale]/chat/internal/chatAttachment.tsx
+++ b/frontend/app/[locale]/chat/internal/chatAttachment.tsx
@@ -2,6 +2,9 @@ import { chatConfig } from "@/const/chatConfig";
import { useState } from "react";
import { useTranslation } from "react-i18next";
import { ExternalLink } from "lucide-react";
+import { storageService, convertImageUrlToApiUrl, extractObjectNameFromUrl } from "@/services/storageService";
+import { message } from "antd";
+import log from "@/lib/logger";
import {
AiFillFileImage,
AiFillFilePdf,
@@ -37,6 +40,9 @@ const ImageViewer = ({
}) => {
if (!isOpen) return null;
const { t } = useTranslation("common");
+
+ // Convert image URL to backend API URL
+ const imageUrl = convertImageUrlToApiUrl(url);
return (
@@ -56,13 +62,15 @@ const ImageViewer = ({
// File viewer component
const FileViewer = ({
+ objectName,
url,
name,
contentType,
isOpen,
onClose,
}: {
- url: string;
+ objectName?: string;
+ url?: string;
name: string;
contentType?: string;
isOpen: boolean;
@@ -70,6 +78,109 @@ const FileViewer = ({
}) => {
if (!isOpen) return null;
const { t } = useTranslation("common");
+ const [isDownloading, setIsDownloading] = useState(false);
+
+
+ // Handle file download
+ const handleDownload = async (e: React.MouseEvent) => {
+ // Prevent dialog from closing immediately
+ e.preventDefault();
+ e.stopPropagation();
+
+ // Check if URL is a direct http/https URL that can be accessed directly
+ // Exclude backend API endpoints (containing /api/file/download/)
+ if (
+ url &&
+ (url.startsWith("http://") || url.startsWith("https://")) &&
+ !url.includes("/api/file/download/")
+ ) {
+ // Direct download from HTTP/HTTPS URL without backend
+ const link = document.createElement("a");
+ link.href = url;
+ link.download = name;
+ link.style.display = "none";
+ document.body.appendChild(link);
+ link.click();
+ setTimeout(() => {
+ document.body.removeChild(link);
+ }, 100);
+ message.success(t("chatAttachment.downloadSuccess", "File download started"));
+ setTimeout(() => {
+ onClose();
+ }, 500);
+ return;
+ }
+
+ // Try to get object_name from props or extract from URL
+ let finalObjectName: string | undefined = objectName;
+
+ if (!finalObjectName && url) {
+ finalObjectName = extractObjectNameFromUrl(url) || undefined;
+ }
+
+ if (!finalObjectName) {
+ // If we still don't have object_name, fall back to direct URL download
+ if (url) {
+ // Create a temporary link to download from URL
+ const link = document.createElement("a");
+ link.href = url;
+ link.download = name;
+ link.style.display = "none";
+ document.body.appendChild(link);
+ link.click();
+ setTimeout(() => {
+ document.body.removeChild(link);
+ }, 100);
+ message.success(t("chatAttachment.downloadSuccess", "File download started"));
+ return;
+ } else {
+ message.error(t("chatAttachment.downloadError", "File object name or URL is missing"));
+ return;
+ }
+ }
+
+ setIsDownloading(true);
+ try {
+ // Start download (non-blocking, browser handles it)
+ await storageService.downloadFile(finalObjectName, name);
+ // Show success message immediately after triggering download
+ message.success(t("chatAttachment.downloadSuccess", "File download started"));
+ // Keep dialog open for a moment to show the message, then close
+ setTimeout(() => {
+ setIsDownloading(false);
+ onClose();
+ }, 500);
+ } catch (error) {
+ log.error("Failed to download file:", error);
+ setIsDownloading(false);
+ // If backend download fails and we have URL, try direct download as fallback
+ if (url) {
+ try {
+ const link = document.createElement("a");
+ link.href = url;
+ link.download = name;
+ link.style.display = "none";
+ document.body.appendChild(link);
+ link.click();
+ setTimeout(() => {
+ document.body.removeChild(link);
+ }, 100);
+ message.success(t("chatAttachment.downloadSuccess", "File download started"));
+ setTimeout(() => {
+ onClose();
+ }, 500);
+ } catch (fallbackError) {
+ message.error(
+ t("chatAttachment.downloadError", "Failed to download file. Please try again.")
+ );
+ }
+ } else {
+ message.error(
+ t("chatAttachment.downloadError", "Failed to download file. Please try again.")
+ );
+ }
+ }
+ };
return (
@@ -183,7 +296,8 @@ export function ChatAttachment({
}: ChatAttachmentProps) {
const [selectedImage, setSelectedImage] = useState
(null);
const [selectedFile, setSelectedFile] = useState<{
- url: string;
+ objectName?: string;
+ url?: string;
name: string;
contentType?: string;
} | null>(null);
@@ -218,6 +332,7 @@ export function ChatAttachment({
} else {
// For files, use internal preview
setSelectedFile({
+ objectName: attachment.object_name,
url: attachment.url,
name: attachment.name,
contentType: attachment.contentType,
@@ -252,7 +367,7 @@ export function ChatAttachment({
{attachment.url && (
e.stopPropagation()}
>
{
diff --git a/frontend/app/[locale]/chat/streaming/taskWindow.tsx b/frontend/app/[locale]/chat/streaming/taskWindow.tsx
index 0180c5b7c..cb1d1cc94 100644
--- a/frontend/app/[locale]/chat/streaming/taskWindow.tsx
+++ b/frontend/app/[locale]/chat/streaming/taskWindow.tsx
@@ -17,6 +17,7 @@ import { MarkdownRenderer } from "@/components/ui/markdownRenderer";
import { chatConfig } from "@/const/chatConfig";
import { ChatMessageType, TaskMessageType, CardItem, MessageHandler } from "@/types/chat";
import { useChatTaskMessage } from "@/hooks/useChatTaskMessage";
+import { storageService, extractObjectNameFromUrl } from "@/services/storageService";
import log from "@/lib/logger";
// Icon mapping dictionary - map strings to corresponding icon components
@@ -31,6 +32,23 @@ const iconMap: Record
= {
default: , // Default icon
};
+type KnowledgeSiteInfo = {
+ key: string;
+ domain: string;
+ displayName: string;
+ faviconUrl: string;
+ useDefaultIcon: boolean;
+ isKnowledgeBase: boolean;
+ sourceType: string;
+ url: string;
+ filename: string;
+ datamateDatasetId?: string;
+ datamateFileId?: string;
+ datamateBaseUrl?: string;
+ objectName?: string;
+ canOpenWeb: boolean;
+};
+
// Define the handlers for different types of messages to improve extensibility
const messageHandlers: MessageHandler[] = [
// Preprocess type processor - handles contents array logic
@@ -126,77 +144,188 @@ const messageHandlers: MessageHandler[] = [
}
);
- // Process website information for display
- const siteInfos = uniqueSearchResults.map((result: any) => {
- const pageUrl = result.url || "";
- const filename = result.filename || "";
- const sourceType = result.source_type || "";
- let domain = t("taskWindow.unknownSource");
- let displayName = t("taskWindow.unknownSource");
- let baseUrl = "";
- let faviconUrl = "";
- let useDefaultIcon = false;
- let isKnowledgeBase = false;
- let canClick = true; // whether to allow click to jump
+ // Process website / knowledge base information for display
+ const siteInfos: KnowledgeSiteInfo[] = uniqueSearchResults.map(
+ (result: any, index: number) => {
+ const pageUrl = result.url || "";
+ const filename = result.filename || result.title || "";
+ const sourceType = result.source_type || (filename ? "file" : "url");
+ const scoreDetails = result.score_details || {};
+ const datamateDatasetId =
+ scoreDetails?.datamate_dataset_id || scoreDetails?.dataset_id;
+ const datamateFileId =
+ scoreDetails?.datamate_file_id || scoreDetails?.file_id;
+ const datamateBaseUrl =
+ scoreDetails?.datamate_base_url ||
+ scoreDetails?.datamate_baseUrl ||
+ scoreDetails?.base_url;
+ const objectName =
+ result.object_name ||
+ scoreDetails?.object_name ||
+ scoreDetails?.minio_object_name;
+
+ let domain = t("taskWindow.unknownSource");
+ let displayName = t("taskWindow.unknownSource");
+ let baseUrl = "";
+ let faviconUrl = "";
+ let useDefaultIcon = false;
+ let isKnowledgeBase =
+ sourceType === "file" ||
+ sourceType === "datamate" ||
+ (!sourceType && !!filename);
+ let canOpenWeb = false;
+
+ if (isKnowledgeBase) {
+ displayName =
+ filename || result.title || t("taskWindow.knowledgeFile");
+ domain =
+ datamateBaseUrl ||
+ (pageUrl && pageUrl !== "#"
+ ? (() => {
+ try {
+ return new URL(pageUrl).hostname;
+ } catch {
+ return t("taskWindow.unknownSource");
+ }
+ })()
+ : t("taskWindow.unknownSource"));
+ useDefaultIcon = true;
+ } else if (pageUrl && pageUrl !== "#") {
+ try {
+ const parsedUrl = new URL(pageUrl);
+ baseUrl = `${parsedUrl.protocol}//${parsedUrl.host}`;
+ domain = parsedUrl.hostname;
+
+ displayName = domain
+ .replace(/^www\./, "")
+ .replace(
+ /\.(com|cn|org|net|io|gov|edu|co|info|biz|xyz)(\.[a-z]{2})?$/,
+ ""
+ );
+ if (!displayName) {
+ displayName = domain;
+ }
+
+ faviconUrl = `${baseUrl}/favicon.ico`;
+ canOpenWeb = true;
+ } catch (e) {
+ log.error(t("taskWindow.urlParseError"), e);
+ useDefaultIcon = true;
+ canOpenWeb = false;
+ }
+ } else {
+ useDefaultIcon = true;
+ canOpenWeb = false;
+ }
- // first judge based on source_type
- if (sourceType === "file") {
- isKnowledgeBase = true;
- displayName =
- filename || result.title || t("taskWindow.knowledgeFile");
- useDefaultIcon = true;
- canClick = false; // file type does not allow jump
- }
- // if there is no source_type, judge based on filename (compatibility processing)
- else if (filename) {
- isKnowledgeBase = true;
- displayName = filename;
- useDefaultIcon = true;
- canClick = false; // file type does not allow jump
+ return {
+ key: `site-${index}-${result.cite_index ?? ""}-${filename ?? ""}`,
+ domain,
+ displayName,
+ faviconUrl,
+ url: pageUrl,
+ useDefaultIcon,
+ isKnowledgeBase,
+ filename,
+ sourceType,
+ datamateDatasetId,
+ datamateFileId,
+ datamateBaseUrl,
+ objectName,
+ canOpenWeb,
+ };
}
- // handle webpage link
- else if (pageUrl && pageUrl !== "#") {
- try {
- const parsedUrl = new URL(pageUrl);
- baseUrl = `${parsedUrl.protocol}//${parsedUrl.host}`;
- domain = parsedUrl.hostname;
+ );
- // Process the domain, remove the www prefix and com/cn etc. suffix
- displayName = domain
- .replace(/^www\./, "") // Remove the www. prefix
- .replace(
- /\.(com|cn|org|net|io|gov|edu|co|info|biz|xyz)(\.[a-z]{2})?$/,
- ""
- ); // Remove common suffixes
+ const handleKnowledgeFileDownload = async (
+ site: KnowledgeSiteInfo
+ ): Promise => {
+ try {
+ if (site.sourceType === "datamate") {
+ if (
+ !site.datamateDatasetId &&
+ !site.datamateFileId &&
+ (!site.url || site.url === "#")
+ ) {
+ message.error(
+ t(
+ "taskWindow.downloadError",
+ "Missing Datamate dataset or file information"
+ )
+ );
+ return;
+ }
- // If the processing is empty, use the original domain
- if (!displayName) {
- displayName = domain;
+ await storageService.downloadDatamateFile({
+ url: site.url && site.url !== "#" ? site.url : undefined,
+ baseUrl: site.datamateBaseUrl,
+ datasetId: site.datamateDatasetId,
+ fileId: site.datamateFileId,
+ filename: site.filename || undefined,
+ });
+ } else {
+ // Check if URL is a direct http/https URL that can be accessed directly
+ // Exclude backend API endpoints (containing /api/file/download/)
+ if (
+ site.url &&
+ site.url !== "#" &&
+ (site.url.startsWith("http://") || site.url.startsWith("https://")) &&
+ !site.url.includes("/api/file/download/")
+ ) {
+ // Direct download from HTTP/HTTPS URL without backend
+ const link = document.createElement("a");
+ link.href = site.url;
+ link.download = site.filename || "download";
+ link.style.display = "none";
+ document.body.appendChild(link);
+ link.click();
+ setTimeout(() => {
+ document.body.removeChild(link);
+ }, 100);
+ message.success(
+ t("taskWindow.downloadSuccess", "File download started")
+ );
+ return;
}
- faviconUrl = `${baseUrl}/favicon.ico`;
- canClick = true;
- } catch (e) {
- log.error(t("taskWindow.urlParseError"), e);
- useDefaultIcon = true;
- canClick = false;
+ let objectName = site.objectName;
+ if (!objectName && site.url) {
+ objectName =
+ extractObjectNameFromUrl(site.url) || undefined;
+ }
+ if (!objectName && site.filename) {
+ objectName = site.filename.includes("/")
+ ? site.filename
+ : `attachments/${site.filename}`;
+ }
+ if (!objectName) {
+ message.error(
+ t(
+ "taskWindow.downloadError",
+ "Failed to download file. Please try again."
+ )
+ );
+ return;
+ }
+ await storageService.downloadFile(
+ objectName,
+ site.filename || undefined
+ );
}
- } else {
- useDefaultIcon = true;
- canClick = false;
- }
- return {
- domain,
- displayName,
- faviconUrl,
- url: pageUrl,
- useDefaultIcon,
- isKnowledgeBase,
- filename,
- canClick,
- };
- });
+ message.success(
+ t("taskWindow.downloadSuccess", "File download started")
+ );
+ } catch (error) {
+ log.error("Failed to download knowledge file:", error);
+ message.error(
+ t(
+ "taskWindow.downloadError",
+ "Failed to download file. Please try again."
+ )
+ );
+ }
+ };
// Render the search result information bar
return (
@@ -237,9 +366,11 @@ const messageHandlers: MessageHandler[] = [
gap: "0.5rem",
}}
>
- {siteInfos.map((site: any, index: number) => (
+ {siteInfos.map((site) => {
+ const isClickable = site.isKnowledgeBase || site.canOpenWeb;
+ return (
{
- if (site.canClick && site.url) {
+ if (site.isKnowledgeBase) {
+ handleKnowledgeFileDownload(site);
+ } else if (site.canOpenWeb && site.url) {
window.open(site.url, "_blank", "noopener,noreferrer");
}
}}
onMouseEnter={(e) => {
- if (site.canClick) {
+ if (isClickable) {
e.currentTarget.style.backgroundColor = "#f3f4f6";
}
}}
onMouseLeave={(e) => {
- if (site.canClick) {
+ if (isClickable) {
e.currentTarget.style.backgroundColor = "#f9fafb";
}
}}
title={
- site.canClick
+ site.isKnowledgeBase
+ ? t("taskWindow.downloadFile", {
+ name: site.filename || site.displayName,
+ })
+ : site.canOpenWeb
? t("taskWindow.visit", { domain: site.domain })
: site.filename || site.displayName
}
@@ -314,9 +449,26 @@ const messageHandlers: MessageHandler[] = [
}}
/>
)}
- {site.displayName}
+
+ {site.displayName}
+ {site.isKnowledgeBase && (
+
+ )}
+
- ))}
+ );
+ })}
- {groupedMessages.map((group, groupIndex) => {
+ {filteredGroupedMessages.map((group, groupIndex) => {
const message = group.message;
const isBlinking = shouldBlinkDot(
groupIndex,
- groupedMessages.map((g) => g.message)
+ filteredGroupedMessages.map((g) => g.message)
);
return (
diff --git a/frontend/app/[locale]/knowledges/KnowledgeBaseConfiguration.tsx b/frontend/app/[locale]/knowledges/KnowledgeBaseConfiguration.tsx
index b2f7b4f24..995eea580 100644
--- a/frontend/app/[locale]/knowledges/KnowledgeBaseConfiguration.tsx
+++ b/frontend/app/[locale]/knowledges/KnowledgeBaseConfiguration.tsx
@@ -4,7 +4,7 @@ import type React from "react";
import { useState, useEffect, useRef, useLayoutEffect } from "react";
import { useTranslation } from "react-i18next";
-import { App, Modal } from "antd";
+import { App, Modal, Row, Col } from "antd";
import { InfoCircleFilled, WarningFilled } from "@ant-design/icons";
import {
DOCUMENT_ACTION_TYPES,
@@ -19,7 +19,7 @@ import { KnowledgeBase } from "@/types/knowledgeBase";
import { useConfig } from "@/hooks/useConfig";
import {
SETUP_PAGE_CONTAINER,
- FLEX_TWO_COLUMN_LAYOUT,
+ TWO_COLUMN_LAYOUT,
STANDARD_CARD,
} from "@/const/layoutConstants";
@@ -757,6 +757,40 @@ function DataConfig({ isActive }: DataConfigProps) {
setNewKbName(name);
};
+ // If Embedding model is not configured, show warning container instead of content
+ if (showEmbeddingWarning) {
+ return (
+
+
+
+
+
+ {t("embedding.knowledgeBaseDisabledWarningModal.title")}
+
+
+
+
+ );
+ }
+
return (
<>
- {showEmbeddingWarning && (
-
- )}
-
contentRef.current || document.body}
- styles={{ body: { padding: 0 } }}
- rootClassName="kb-embedding-warning"
- >
-
-
-
-
-
- {t("embedding.knowledgeBaseDisabledWarningModal.title")}
-
-
-
-
-
- {/* Left knowledge base list - occupies 1/3 space */}
-
+
+
{}} // No need to trigger repeatedly here as it's already handled in handleKnowledgeBaseClick
/>
-
-
- {/* Right content area - occupies 2/3 space, now unified with config.tsx style */}
-
+
+
+
{isCreatingMode ? (
)}
-
-
+
+
);
diff --git a/frontend/app/[locale]/knowledges/KnowledgesContent.tsx b/frontend/app/[locale]/knowledges/KnowledgesContent.tsx
index cb8f0731b..779ab47dc 100644
--- a/frontend/app/[locale]/knowledges/KnowledgesContent.tsx
+++ b/frontend/app/[locale]/knowledges/KnowledgesContent.tsx
@@ -99,7 +99,9 @@ export default function KnowledgesContent({
transition={pageTransition}
style={{width: "100%", height: "100%"}}
>
- 
+
+> ⚠️ **Note:** If you import an agent with a duplicate name, a prompt dialog will appear. You can choose:
+> - **Import anyway**: Keep the duplicate name; the imported agent will be in an unavailable state and requires manual modification of the Agent name and variable name before it can be used
+> - **Regenerate and import**: The system will call the LLM to rename the Agent, which will consume a certain amount of model tokens and may take longer
+
+
+