mirror of
https://github.com/docmost/docmost.git
synced 2026-08-26 00:07:04 +08:00
Philip Okugbe
b7f0b063dc
* feat(ee): add enterprise ai chat controls * feat: add comment listing tool to ai chat * fix: scope comment endpoints to workspace and skip trashed pages
103 lines
3.4 KiB
TypeScript
103 lines
3.4 KiB
TypeScript
import SettingsTitle from "@/components/settings/settings-title.tsx";
|
|
import React from "react";
|
|
import useUserRole from "@/hooks/use-user-role.tsx";
|
|
import { useTranslation } from "react-i18next";
|
|
import EnableAiSearch from "@/ee/ai/components/enable-ai-search.tsx";
|
|
import EnableGenerativeAi from "@/ee/ai/components/enable-generative-ai.tsx";
|
|
import EnableAiChat from "@/ee/ai-chat/components/enable-ai-chat.tsx";
|
|
import AiChatReadOnly from "@/ee/ai-chat/components/ai-chat-read-only.tsx";
|
|
import AiChatWorkspaceKnowledgeOnly from "@/ee/ai-chat/components/ai-chat-workspace-knowledge-only.tsx";
|
|
import McpSettings from "@/ee/ai/components/mcp-settings.tsx";
|
|
import { Alert, Collapse, Stack, Tabs } from "@mantine/core";
|
|
import { IconInfoCircle } from "@tabler/icons-react";
|
|
import { useHasFeature } from "@/ee/hooks/use-feature";
|
|
import { Feature } from "@/ee/features";
|
|
import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label";
|
|
import { isCloud } from "@/lib/config.ts";
|
|
import { useLocation, useNavigate } from "react-router-dom";
|
|
import { DocumentTitle } from "@/components/ui/document-title.tsx";
|
|
import { useAtomValue } from "jotai";
|
|
import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
|
|
|
|
export default function AiSettings() {
|
|
const { t } = useTranslation();
|
|
const { isAdmin } = useUserRole();
|
|
const hasAccess = useHasFeature(Feature.AI);
|
|
const upgradeLabel = useUpgradeLabel();
|
|
const workspace = useAtomValue(workspaceAtom);
|
|
const aiChatEnabled = workspace?.settings?.ai?.chat === true;
|
|
const location = useLocation();
|
|
const navigate = useNavigate();
|
|
|
|
const activeTab = location.pathname.endsWith("/mcp") ? "mcp" : "ai";
|
|
|
|
if (!isAdmin) {
|
|
return null;
|
|
}
|
|
|
|
const handleTabChange = (value: string | null) => {
|
|
if (value === "mcp") {
|
|
navigate("/settings/ai/mcp");
|
|
} else {
|
|
navigate("/settings/ai");
|
|
}
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<DocumentTitle title="AI settings" />
|
|
<SettingsTitle title={t("AI settings")} />
|
|
|
|
<Tabs color="dark" value={activeTab} onChange={handleTabChange}>
|
|
<Tabs.List>
|
|
<Tabs.Tab fw={500} value="ai">
|
|
{t("AI")}
|
|
</Tabs.Tab>
|
|
<Tabs.Tab fw={500} value="mcp">
|
|
{t("MCP")}
|
|
</Tabs.Tab>
|
|
</Tabs.List>
|
|
|
|
<Tabs.Panel value="ai" pt="md">
|
|
{!hasAccess && (
|
|
<Alert
|
|
icon={<IconInfoCircle />}
|
|
title={upgradeLabel}
|
|
color="blue"
|
|
mb="lg"
|
|
>
|
|
{t(
|
|
"AI is available in the Docmost paid editions. Contact sales@docmost.com.",
|
|
)}
|
|
</Alert>
|
|
)}
|
|
|
|
<Stack gap="md">
|
|
{!isCloud() && <EnableAiSearch />}
|
|
<EnableGenerativeAi />
|
|
<EnableAiChat />
|
|
<Collapse expanded={aiChatEnabled}>
|
|
<Stack
|
|
gap="md"
|
|
pl="md"
|
|
ml="xs"
|
|
style={{
|
|
borderLeft:
|
|
"2px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4))",
|
|
}}
|
|
>
|
|
<AiChatReadOnly />
|
|
<AiChatWorkspaceKnowledgeOnly />
|
|
</Stack>
|
|
</Collapse>
|
|
</Stack>
|
|
</Tabs.Panel>
|
|
|
|
<Tabs.Panel value="mcp" pt="md">
|
|
<McpSettings />
|
|
</Tabs.Panel>
|
|
</Tabs>
|
|
</>
|
|
);
|
|
}
|