No automations yet
diff --git a/surfsense_web/app/dashboard/[search_space_id]/automations/components/automations-table.tsx b/surfsense_web/app/dashboard/[search_space_id]/automations/components/automations-table.tsx
index 8314a5179..74c604173 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/automations/components/automations-table.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/automations/components/automations-table.tsx
@@ -1,5 +1,5 @@
"use client";
-import { CalendarDays, Info, Workflow } from "lucide-react";
+import { AlarmClock, CalendarDays, Info } from "lucide-react";
import { Table, TableBody, TableHead, TableHeader, TableRow } from "@/components/ui/table";
import type { AutomationSummary } from "@/contracts/types/automation.types";
import { AutomationRow } from "./automation-row";
@@ -31,7 +31,7 @@ export function AutomationsTable({
-
+
Name
diff --git a/surfsense_web/app/dashboard/[search_space_id]/automations/components/builder/automation-builder-form.tsx b/surfsense_web/app/dashboard/[search_space_id]/automations/components/builder/automation-builder-form.tsx
index 59967080f..a68e53a1c 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/automations/components/builder/automation-builder-form.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/automations/components/builder/automation-builder-form.tsx
@@ -130,7 +130,7 @@ export function AutomationBuilderForm({
// data into state, so there's no flicker/loop and the user's pick is sticky.
const resolvedModels = useMemo(
() => ({
- agentLlmId: form.models.agentLlmId || eligibleModels.llm.defaultId || 0,
+ chatModelId: form.models.chatModelId || eligibleModels.llm.defaultId || 0,
imageConfigId: form.models.imageConfigId || eligibleModels.image.defaultId || 0,
visionConfigId: form.models.visionConfigId || eligibleModels.vision.defaultId || 0,
}),
diff --git a/surfsense_web/app/dashboard/[search_space_id]/automations/components/builder/automation-model-fields.tsx b/surfsense_web/app/dashboard/[search_space_id]/automations/components/builder/automation-model-fields.tsx
index 2c4a0bf60..6dd42366b 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/automations/components/builder/automation-model-fields.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/automations/components/builder/automation-model-fields.tsx
@@ -25,7 +25,7 @@ import { getProviderIcon } from "@/lib/provider-icons";
import { Field } from "./form-field";
export interface AutomationModelSelection {
- agentLlmId: number;
+ chatModelId: number;
imageConfigId: number;
visionConfigId: number;
}
@@ -39,7 +39,7 @@ interface AutomationModelFieldsProps {
}
/**
- * Three eligible-only model pickers (Agent LLM / Image / Vision) for the
+ * Three eligible-only model pickers (Chat / Image / Vision) for the
* automation builder + chat approval card. Options come from
* {@link useAutomationEligibleModels} (premium globals + BYOK only); selection
* is validated + snapshotted onto `definition.models` at create time.
@@ -51,18 +51,18 @@ export function AutomationModelFields({
errors,
}: AutomationModelFieldsProps) {
const { llm, image, vision, isLoading } = useAutomationEligibleModels();
- const rolesHref = `/dashboard/${searchSpaceId}/search-space-settings/roles`;
+ const rolesHref = `/dashboard/${searchSpaceId}/search-space-settings/models`;
return (
onChange({ agentLlmId: id })}
+ error={errors?.chatModelId}
+ onChange={(id) => onChange({ chatModelId: id })}
/>
{
- return isLlmOnboardingComplete(preferences.agent_llm_id, globalConfigs.length > 0);
- }, [preferences.agent_llm_id, globalConfigs.length]);
+ const { data: modelRoles = {}, isLoading: loading, error } = useAtomValue(modelRolesAtom);
+ const { data: globalConnections = [], isLoading: globalConfigsLoading } = useAtomValue(
+ globalModelConnectionsAtom
+ );
+ const { data: modelConnections = [], isLoading: modelConnectionsLoading } =
+ useAtomValue(modelConnectionsAtom);
+ const { data: globalConfigStatus, isLoading: globalConfigStatusLoading } =
+ useAtomValue(globalLlmConfigStatusAtom);
const { data: access = null, isLoading: accessLoading } = useAtomValue(myAccessAtom);
const [hasCheckedOnboarding, setHasCheckedOnboarding] = useState(false);
- const [isAutoConfiguring, setIsAutoConfiguring] = useState(false);
- const hasAttemptedAutoConfig = useRef(false);
const isOnboardingPage = pathname?.includes("/onboard");
const isOwner = access?.is_owner ?? false;
+ const isSearchSpaceReady = activeSearchSpaceId === searchSpaceId;
+
+ useEffect(() => {
+ if (isSearchSpaceReady) return;
+ setHasCheckedOnboarding(false);
+ }, [isSearchSpaceReady]);
useEffect(() => {
if (isOnboardingPage) {
@@ -66,13 +66,27 @@ export function DashboardClientLayout({
}
if (
+ isSearchSpaceReady &&
!loading &&
!accessLoading &&
!globalConfigsLoading &&
- !hasCheckedOnboarding &&
- !isAutoConfiguring
+ !globalConfigStatusLoading &&
+ !modelConnectionsLoading &&
+ !hasCheckedOnboarding
) {
- const onboardingComplete = isOnboardingComplete();
+ // Onboarding is only relevant when no operator-provided
+ // global_llm_config.yaml exists. When it does, search spaces inherit
+ // the global config and should never be forced into onboarding.
+ if (globalConfigStatus?.exists) {
+ setHasCheckedOnboarding(true);
+ return;
+ }
+
+ const onboardingComplete = isLlmOnboardingComplete(
+ modelRoles.chat_model_id,
+ globalConnections,
+ modelConnections
+ );
if (onboardingComplete) {
setHasCheckedOnboarding(true);
@@ -84,56 +98,25 @@ export function DashboardClientLayout({
return;
}
- if (globalConfigs.length > 0 && !hasAttemptedAutoConfig.current) {
- hasAttemptedAutoConfig.current = true;
- setIsAutoConfiguring(true);
-
- const autoConfigureWithGlobal = async () => {
- try {
- const firstGlobalConfig = globalConfigs[0];
- await updatePreferences({
- search_space_id: Number(searchSpaceId),
- data: {
- agent_llm_id: firstGlobalConfig.id,
- },
- });
-
- await refetchPreferences();
-
- toast.success("AI configured automatically!", {
- description: `Using ${firstGlobalConfig.name}. Customize in Settings.`,
- });
-
- setHasCheckedOnboarding(true);
- } catch (error) {
- console.error("Auto-configuration failed:", error);
- router.push(`/dashboard/${searchSpaceId}/onboard`);
- } finally {
- setIsAutoConfiguring(false);
- }
- };
-
- autoConfigureWithGlobal();
- return;
- }
-
router.push(`/dashboard/${searchSpaceId}/onboard`);
setHasCheckedOnboarding(true);
}
}, [
+ isSearchSpaceReady,
loading,
accessLoading,
globalConfigsLoading,
- isOnboardingComplete,
+ globalConfigStatusLoading,
+ globalConfigStatus,
+ modelConnectionsLoading,
+ modelRoles.chat_model_id,
+ globalConnections,
+ modelConnections,
isOnboardingPage,
isOwner,
- isAutoConfiguring,
- globalConfigs,
router,
searchSpaceId,
hasCheckedOnboarding,
- updatePreferences,
- refetchPreferences,
]);
const electronAPI = useElectronAPI();
@@ -185,10 +168,14 @@ export function DashboardClientLayout({
// Determine if we should show loading
const shouldShowLoading =
- (!hasCheckedOnboarding &&
- (loading || accessLoading || globalConfigsLoading) &&
- !isOnboardingPage) ||
- isAutoConfiguring;
+ !hasCheckedOnboarding &&
+ (!isSearchSpaceReady ||
+ loading ||
+ accessLoading ||
+ globalConfigsLoading ||
+ globalConfigStatusLoading ||
+ modelConnectionsLoading) &&
+ !isOnboardingPage;
// Use global loading screen - spinner animation won't reset
useGlobalLoadingEffect(shouldShowLoading);
diff --git a/surfsense_web/app/dashboard/[search_space_id]/connectors/callback/route.ts b/surfsense_web/app/dashboard/[search_space_id]/connectors/callback/route.ts
index 304f33a33..96f7dc349 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/connectors/callback/route.ts
+++ b/surfsense_web/app/dashboard/[search_space_id]/connectors/callback/route.ts
@@ -16,9 +16,12 @@ export async function GET(
};
const result = JSON.stringify(payload);
- const redirectUrl = new URL(`/dashboard/${search_space_id}/new-chat`, request.url);
-
- const response = NextResponse.redirect(redirectUrl, { status: 302 });
+ const response = new NextResponse(null, {
+ status: 302,
+ headers: {
+ Location: `/dashboard/${search_space_id}/new-chat`,
+ },
+ });
response.cookies.set(OAUTH_RESULT_COOKIE, result, {
path: "/",
maxAge: 60,
diff --git a/surfsense_web/app/dashboard/[search_space_id]/new-chat/[[...chat_id]]/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/new-chat/[[...chat_id]]/page.tsx
index f048376cc..3594e15eb 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/new-chat/[[...chat_id]]/page.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/new-chat/[[...chat_id]]/page.tsx
@@ -106,7 +106,7 @@ import {
extractUserTurnForNewChatApi,
type NewChatUserImagePayload,
} from "@/lib/chat/user-turn-api-parts";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
import { NotFoundError } from "@/lib/error";
import {
trackChatBlocked,
@@ -613,6 +613,18 @@ export default function NewChatPage() {
return;
}
+ if (normalized.channel === "inline") {
+ if (normalized.assistantMessage) {
+ await persistAssistantErrorMessage({
+ threadId,
+ assistantMsgId,
+ text: normalized.assistantMessage,
+ });
+ }
+ toast.error(normalized.userMessage);
+ return;
+ }
+
toast.error(normalized.userMessage);
},
[currentUser?.id, persistAssistantErrorMessage, searchSpaceId, setPremiumAlertForThread]
@@ -907,10 +919,9 @@ export default function NewChatPage() {
if (threadId) {
const token = getBearerToken();
if (token) {
- const backendUrl = BACKEND_URL;
try {
const response = await fetch(
- `${backendUrl}/api/v1/threads/${threadId}/cancel-active-turn`,
+ buildBackendUrl(`/api/v1/threads/${threadId}/cancel-active-turn`),
{
method: "POST",
headers: {
@@ -1098,7 +1109,6 @@ export default function NewChatPage() {
let streamBatcher: FrameBatchedUpdater | null = null;
try {
- const backendUrl = BACKEND_URL;
const selection = await getAgentFilesystemSelection(searchSpaceId, {
localFilesystemEnabled,
});
@@ -1135,7 +1145,7 @@ export default function NewChatPage() {
}
const response = await fetchWithTurnCancellingRetry(() =>
- fetch(`${backendUrl}/api/v1/new_chat`, {
+ fetch(buildBackendUrl("/api/v1/new_chat"), {
method: "POST",
headers: {
"Content-Type": "application/json",
@@ -1630,12 +1640,11 @@ export default function NewChatPage() {
}
try {
- const backendUrl = BACKEND_URL;
const selection = await getAgentFilesystemSelection(searchSpaceId, {
localFilesystemEnabled,
});
const response = await fetchWithTurnCancellingRetry(() =>
- fetch(`${backendUrl}/api/v1/threads/${resumeThreadId}/resume`, {
+ fetch(buildBackendUrl(`/api/v1/threads/${resumeThreadId}/resume`), {
method: "POST",
headers: {
"Content-Type": "application/json",
diff --git a/surfsense_web/app/dashboard/[search_space_id]/onboard/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/onboard/page.tsx
index de5c961e8..8efe81cce 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/onboard/page.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/onboard/page.tsx
@@ -2,193 +2,89 @@
import { useAtomValue } from "jotai";
import { useParams, useRouter } from "next/navigation";
-import { useEffect, useRef, useState } from "react";
-import { toast } from "sonner";
+import { useEffect, useMemo } from "react";
import {
- createNewLLMConfigMutationAtom,
- updateLLMPreferencesMutationAtom,
-} from "@/atoms/new-llm-config/new-llm-config-mutation.atoms";
-import {
- globalNewLLMConfigsAtom,
- llmPreferencesAtom,
-} from "@/atoms/new-llm-config/new-llm-config-query.atoms";
+ globalLlmConfigStatusAtom,
+ globalModelConnectionsAtom,
+ modelConnectionsAtom,
+ modelRolesAtom,
+} from "@/atoms/model-connections/model-connections-query.atoms";
import { Logo } from "@/components/Logo";
-import { LLMConfigForm, type LLMConfigFormData } from "@/components/shared/llm-config-form";
+import { ModelProviderConnectionsPanel } from "@/components/settings/model-connections/model-provider-connections-panel";
import { Button } from "@/components/ui/button";
-import { Spinner } from "@/components/ui/spinner";
import { useGlobalLoadingEffect } from "@/hooks/use-global-loading";
import { getBearerToken, redirectToLogin } from "@/lib/auth-utils";
-import { isLlmOnboardingComplete } from "@/lib/onboarding";
+import { hasEnabledChatModel, isLlmOnboardingComplete } from "@/lib/onboarding";
export default function OnboardPage() {
const router = useRouter();
const params = useParams();
const searchSpaceId = Number(params.search_space_id);
- // Queries
- const {
- data: globalConfigs = [],
- isFetching: globalConfigsLoading,
- isSuccess: globalConfigsLoaded,
- } = useAtomValue(globalNewLLMConfigsAtom);
- const { data: preferences = {}, isFetching: preferencesLoading } =
- useAtomValue(llmPreferencesAtom);
-
- // Mutations
- const { mutateAsync: createConfig, isPending: isCreating } = useAtomValue(
- createNewLLMConfigMutationAtom
- );
- const { mutateAsync: updatePreferences, isPending: isUpdatingPreferences } = useAtomValue(
- updateLLMPreferencesMutationAtom
+ const { data: globalConnections = [], isLoading: globalLoading } = useAtomValue(
+ globalModelConnectionsAtom
);
+ const { data: connections = [] } = useAtomValue(modelConnectionsAtom);
+ const { data: roles = {}, isLoading: rolesLoading } = useAtomValue(modelRolesAtom);
+ const { data: globalConfigStatus, isLoading: globalConfigStatusLoading } =
+ useAtomValue(globalLlmConfigStatusAtom);
- // State
- const [isAutoConfiguring, setIsAutoConfiguring] = useState(false);
- const hasAttemptedAutoConfig = useRef(false);
-
- // Check authentication
useEffect(() => {
- const token = getBearerToken();
- if (!token) {
- redirectToLogin();
- }
+ if (!getBearerToken()) redirectToLogin();
}, []);
- const isOnboardingComplete = isLlmOnboardingComplete(
- preferences.agent_llm_id,
- globalConfigs.length > 0
+ const hasUsableChatModel = useMemo(
+ () => hasEnabledChatModel([...globalConnections, ...connections]),
+ [globalConnections, connections]
);
- useEffect(() => {
- if (!preferencesLoading && globalConfigsLoaded && isOnboardingComplete) {
- router.push(`/dashboard/${searchSpaceId}/new-chat`);
- }
- }, [preferencesLoading, globalConfigsLoaded, isOnboardingComplete, router, searchSpaceId]);
+ const onboardingComplete = isLlmOnboardingComplete(
+ roles.chat_model_id,
+ globalConnections,
+ connections
+ );
+
+ const isLoading = globalLoading || rolesLoading || globalConfigStatusLoading;
+
+ // Onboarding only applies when no global_llm_config.yaml exists. If a global
+ // config is present (or onboarding is already complete), leave this page.
+ const shouldLeaveOnboarding =
+ !isLoading && (Boolean(globalConfigStatus?.exists) || onboardingComplete);
useEffect(() => {
- const autoConfigureWithGlobal = async () => {
- if (hasAttemptedAutoConfig.current) return;
- if (globalConfigsLoading || preferencesLoading) return;
- if (!globalConfigsLoaded) return;
- if (isOnboardingComplete) return;
-
- if (globalConfigs.length > 0) {
- hasAttemptedAutoConfig.current = true;
- setIsAutoConfiguring(true);
-
- try {
- const firstGlobalConfig = globalConfigs[0];
-
- await updatePreferences({
- search_space_id: searchSpaceId,
- data: {
- agent_llm_id: firstGlobalConfig.id,
- },
- });
-
- toast.success("AI configured automatically!", {
- description: `Using ${firstGlobalConfig.name}. You can customize this later in Settings.`,
- });
-
- router.push(`/dashboard/${searchSpaceId}/new-chat`);
- } catch (error) {
- console.error("Auto-configuration failed:", error);
- toast.error("Auto-configuration failed. Please add a configuration manually.");
- setIsAutoConfiguring(false);
- }
- }
- };
-
- autoConfigureWithGlobal();
- }, [
- globalConfigs,
- globalConfigsLoading,
- globalConfigsLoaded,
- preferencesLoading,
- isOnboardingComplete,
- updatePreferences,
- searchSpaceId,
- router,
- ]);
-
- const handleSubmit = async (formData: LLMConfigFormData) => {
- try {
- const newConfig = await createConfig(formData);
-
- await updatePreferences({
- search_space_id: searchSpaceId,
- data: {
- agent_llm_id: newConfig.id,
- },
- });
-
- toast.success("Configuration created!", {
- description: "Redirecting to chat...",
- });
-
- router.push(`/dashboard/${searchSpaceId}/new-chat`);
- } catch (error) {
- console.error("Failed to create config:", error);
- if (error instanceof Error) {
- toast.error(error.message || "Failed to create configuration");
- }
+ if (shouldLeaveOnboarding) {
+ router.replace(`/dashboard/${searchSpaceId}/new-chat`);
}
- };
+ }, [shouldLeaveOnboarding, router, searchSpaceId]);
- const isSubmitting = isCreating || isUpdatingPreferences;
+ useGlobalLoadingEffect(isLoading || shouldLeaveOnboarding);
- const isLoading = globalConfigsLoading || preferencesLoading || isAutoConfiguring;
- useGlobalLoadingEffect(isLoading);
-
- if (isLoading) {
- return null;
- }
-
- if (globalConfigs.length > 0 && !isAutoConfiguring) {
- return null;
- }
+ if (isLoading || shouldLeaveOnboarding) return null;
return (
-
-
- {/* Header */}
-
-
-
-
Configure Your AI
-
- Add your LLM provider to get started with SurfSense
-
-
-
-
- {/* Form card */}
-
-
-
-
- {/* Footer */}
-
-
-
You can add more configurations later
+
+
+
+
+
Choose a model
+
+ Connect any supported provider, then enable the models you want SurfSense to use.
+
+
router.push(`/dashboard/${searchSpaceId}/new-chat`)}
+ >
+ Start
+
+ }
+ showAddProviderHeader={false}
+ />
);
diff --git a/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/image-models/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/image-models/page.tsx
deleted file mode 100644
index b300f8078..000000000
--- a/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/image-models/page.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { ImageModelManager } from "@/components/settings/image-model-manager";
-
-export default async function Page({ params }: { params: Promise<{ search_space_id: string }> }) {
- const { search_space_id } = await params;
- return
;
-}
diff --git a/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/layout-shell.tsx b/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/layout-shell.tsx
index 22f68edab..bb928f8f7 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/layout-shell.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/layout-shell.tsx
@@ -1,15 +1,6 @@
"use client";
-import {
- BookText,
- Bot,
- CircleUser,
- Earth,
- ImageIcon,
- ListChecks,
- ScanEye,
- UserKey,
-} from "lucide-react";
+import { BookText, Cpu, Earth, Settings, UserKey } from "lucide-react";
import Link from "next/link";
import { useSelectedLayoutSegment } from "next/navigation";
import { useTranslations } from "next-intl";
@@ -20,10 +11,7 @@ import { cn } from "@/lib/utils";
export type SearchSpaceSettingsTab =
| "general"
- | "roles"
| "models"
- | "image-models"
- | "vision-models"
| "team-roles"
| "prompts"
| "public-links";
@@ -55,27 +43,12 @@ export function SearchSpaceSettingsLayoutShell({
{
value: "general" as const,
label: t("nav_general"),
- icon:
,
- },
- {
- value: "roles" as const,
- label: t("nav_role_assignments"),
- icon:
,
+ icon:
,
},
{
value: "models" as const,
- label: t("nav_agent_models"),
- icon:
,
- },
- {
- value: "image-models" as const,
- label: t("nav_image_models"),
- icon:
,
- },
- {
- value: "vision-models" as const,
- label: t("nav_vision_models"),
- icon:
,
+ label: t("nav_models"),
+ icon:
,
},
{
value: "team-roles" as const,
diff --git a/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/models/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/models/page.tsx
index d68194782..c97ef7630 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/models/page.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/models/page.tsx
@@ -1,6 +1,6 @@
-import { AgentModelManager } from "@/components/settings/agent-model-manager";
+import { ModelConnectionsSettings } from "@/components/settings/model-connections-settings";
export default async function Page({ params }: { params: Promise<{ search_space_id: string }> }) {
const { search_space_id } = await params;
- return
;
+ return
;
}
diff --git a/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/roles/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/roles/page.tsx
deleted file mode 100644
index 5bad50cd3..000000000
--- a/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/roles/page.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { LLMRoleManager } from "@/components/settings/llm-role-manager";
-
-export default async function Page({ params }: { params: Promise<{ search_space_id: string }> }) {
- const { search_space_id } = await params;
- return
;
-}
diff --git a/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/vision-models/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/vision-models/page.tsx
deleted file mode 100644
index 06aea003a..000000000
--- a/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/vision-models/page.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { VisionModelManager } from "@/components/settings/vision-model-manager";
-
-export default async function Page({ params }: { params: Promise<{ search_space_id: string }> }) {
- const { search_space_id } = await params;
- return
;
-}
diff --git a/surfsense_web/app/dashboard/[search_space_id]/user-settings/components/MessagingChannelsContent.tsx b/surfsense_web/app/dashboard/[search_space_id]/user-settings/components/MessagingChannelsContent.tsx
index b0cb6699c..4a3c5e9e7 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/user-settings/components/MessagingChannelsContent.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/user-settings/components/MessagingChannelsContent.tsx
@@ -1,10 +1,11 @@
"use client";
-import { RefreshCw, ShieldAlert } from "lucide-react";
+import { AlertTriangle, RefreshCw, ShieldAlert } from "lucide-react";
import { useParams } from "next/navigation";
import { QRCodeSVG } from "qrcode.react";
import { useCallback, useEffect, useState } from "react";
import { toast } from "sonner";
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import {
@@ -19,7 +20,7 @@ import { Skeleton } from "@/components/ui/skeleton";
import type { SearchSpace } from "@/contracts/types/search-space.types";
import { searchSpacesApiService } from "@/lib/apis/search-spaces-api.service";
import { authenticatedFetch } from "@/lib/auth-utils";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
import { cn } from "@/lib/utils";
type GatewayConnection = {
@@ -39,6 +40,7 @@ type GatewayConnection = {
};
type GatewayConfig = {
+ enabled: boolean;
telegram_enabled: boolean;
whatsapp_intake_mode: "disabled" | "cloud" | "baileys";
slack_enabled: boolean;
@@ -47,6 +49,14 @@ type GatewayConfig = {
type GatewayConfigState = GatewayConfig | null;
+const DISABLED_GATEWAY_CONFIG: GatewayConfig = {
+ enabled: false,
+ telegram_enabled: false,
+ whatsapp_intake_mode: "disabled",
+ slack_enabled: false,
+ discord_enabled: false,
+};
+
type Pairing = {
binding_id: number;
code: string;
@@ -80,16 +90,26 @@ export function MessagingChannelsContent() {
const whatsappMode = gatewayConfig?.whatsapp_intake_mode ?? "disabled";
const slackGatewayEnabled = gatewayConfig?.slack_enabled ?? false;
const discordGatewayEnabled = gatewayConfig?.discord_enabled ?? false;
+ const gatewayDisabled = gatewayConfig?.enabled === false;
const fetchConnections = useCallback(async (platform?: GatewayPlatform) => {
- const query = platform ? `?platform=${encodeURIComponent(platform)}` : "";
- const res = await authenticatedFetch(`${BACKEND_URL}/api/v1/gateway/connections${query}`);
- return (await res.json()) as GatewayConnection[];
+ const res = await authenticatedFetch(
+ buildBackendUrl("/api/v1/gateway/connections", platform ? { platform } : undefined)
+ );
+ if (!res.ok) return [];
+ const data = await res.json();
+ return Array.isArray(data) ? (data as GatewayConnection[]) : [];
}, []);
- const fetchGatewayConfig = useCallback(async () => {
- const res = await authenticatedFetch(`${BACKEND_URL}/api/v1/gateway/config`);
- return (await res.json()) as GatewayConfig;
+ const fetchGatewayConfig = useCallback(async (): Promise
=> {
+ const res = await authenticatedFetch(buildBackendUrl("/api/v1/gateway/config"));
+ if (!res.ok) return DISABLED_GATEWAY_CONFIG;
+ const data = (await res.json()) as Partial;
+ return {
+ ...DISABLED_GATEWAY_CONFIG,
+ ...data,
+ enabled: data.enabled ?? true,
+ };
}, []);
const refresh = useCallback(async () => {
@@ -125,7 +145,9 @@ export function MessagingChannelsContent() {
const refreshBaileysHealth = useCallback(async () => {
if (whatsappMode !== "baileys") return;
- const res = await authenticatedFetch(`${BACKEND_URL}/api/v1/gateway/whatsapp/baileys/health`);
+ const res = await authenticatedFetch(
+ buildBackendUrl("/api/v1/gateway/whatsapp/baileys/health")
+ );
if (!res.ok) return;
const data = (await res.json()) as BaileysHealth;
setBaileysHealth(data);
@@ -136,7 +158,7 @@ export function MessagingChannelsContent() {
}, [refreshBaileysHealth]);
async function startPairing(platform: PairingPlatform) {
- const res = await authenticatedFetch(`${BACKEND_URL}/api/v1/gateway/bindings/start`, {
+ const res = await authenticatedFetch(buildBackendUrl("/api/v1/gateway/bindings/start"), {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ platform, search_space_id: searchSpaceId }),
@@ -148,7 +170,7 @@ export function MessagingChannelsContent() {
async function installSlackGateway() {
const res = await authenticatedFetch(
- `${BACKEND_URL}/api/v1/gateway/slack/install?search_space_id=${searchSpaceId}`
+ buildBackendUrl("/api/v1/gateway/slack/install", { search_space_id: searchSpaceId })
);
if (!res.ok) return;
const data = (await res.json()) as { auth_url?: string };
@@ -159,7 +181,7 @@ export function MessagingChannelsContent() {
async function installDiscordGateway() {
const res = await authenticatedFetch(
- `${BACKEND_URL}/api/v1/gateway/discord/install?search_space_id=${searchSpaceId}`
+ buildBackendUrl("/api/v1/gateway/discord/install", { search_space_id: searchSpaceId })
);
if (!res.ok) return;
const data = (await res.json()) as { auth_url?: string };
@@ -181,8 +203,8 @@ export function MessagingChannelsContent() {
async function revoke(connection: GatewayConnection) {
const url =
connection.route_type === "account" && connection.account_id
- ? `${BACKEND_URL}/api/v1/gateway/accounts/${connection.account_id}`
- : `${BACKEND_URL}/api/v1/gateway/bindings/${connection.id}`;
+ ? buildBackendUrl(`/api/v1/gateway/accounts/${connection.account_id}`)
+ : buildBackendUrl(`/api/v1/gateway/bindings/${connection.id}`);
await authenticatedFetch(url, {
method: "DELETE",
});
@@ -205,8 +227,8 @@ export function MessagingChannelsContent() {
);
const url =
connection.route_type === "account" && connection.account_id
- ? `${BACKEND_URL}/api/v1/gateway/accounts/${connection.account_id}/search-space`
- : `${BACKEND_URL}/api/v1/gateway/bindings/${connection.id}/search-space`;
+ ? buildBackendUrl(`/api/v1/gateway/accounts/${connection.account_id}/search-space`)
+ : buildBackendUrl(`/api/v1/gateway/bindings/${connection.id}/search-space`);
const res = await authenticatedFetch(url, {
method: "PATCH",
headers: { "Content-Type": "application/json" },
@@ -222,7 +244,7 @@ export function MessagingChannelsContent() {
}
async function resume(connection: GatewayConnection) {
- await authenticatedFetch(`${BACKEND_URL}/api/v1/gateway/bindings/${connection.id}/resume`, {
+ await authenticatedFetch(buildBackendUrl(`/api/v1/gateway/bindings/${connection.id}/resume`), {
method: "POST",
});
await refreshPlatform(connection.platform as GatewayPlatform);
@@ -381,7 +403,21 @@ export function MessagingChannelsContent() {
{isGatewayConfigLoading ? renderGatewaySkeletons() : null}
- {!isGatewayConfigLoading && !hasEnabledGateway ? (
+ {!isGatewayConfigLoading && gatewayDisabled ? (
+
+
+ Messaging Channels coming soon
+
+
+ Soon you'll be able to connect WhatsApp, Telegram, Slack, and Discord to your
+ SurfSense agent so you can ask questions, route messages to search spaces, and get
+ answers from your knowledge base without leaving your chat app.
+
+
+
+ ) : null}
+
+ {!isGatewayConfigLoading && !gatewayDisabled && !hasEnabledGateway ? (
No messaging gateways enabled
@@ -389,7 +425,7 @@ export function MessagingChannelsContent() {
) : null}
- {telegramGatewayEnabled ? (
+ {!gatewayDisabled && telegramGatewayEnabled ? (
@@ -425,7 +461,7 @@ export function MessagingChannelsContent() {
) : null}
- {slackGatewayEnabled ? (
+ {!gatewayDisabled && slackGatewayEnabled ? (
@@ -457,7 +493,7 @@ export function MessagingChannelsContent() {
) : null}
- {discordGatewayEnabled ? (
+ {!gatewayDisabled && discordGatewayEnabled ? (
@@ -489,7 +525,7 @@ export function MessagingChannelsContent() {
) : null}
- {whatsappMode !== "disabled" ? (
+ {!gatewayDisabled && whatsappMode !== "disabled" ? (
diff --git a/surfsense_web/app/dashboard/dashboard-shell.tsx b/surfsense_web/app/dashboard/dashboard-shell.tsx
new file mode 100644
index 000000000..f84cd56eb
--- /dev/null
+++ b/surfsense_web/app/dashboard/dashboard-shell.tsx
@@ -0,0 +1,42 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { USER_QUERY_KEY } from "@/atoms/user/user-query.atoms";
+import { useGlobalLoadingEffect } from "@/hooks/use-global-loading";
+import { ensureTokensFromElectron, getBearerToken, redirectToLogin } from "@/lib/auth-utils";
+import { queryClient } from "@/lib/query-client/client";
+
+export function DashboardShell({ children }: { children: React.ReactNode }) {
+ const [isCheckingAuth, setIsCheckingAuth] = useState(true);
+
+ // Use the global loading screen - spinner animation won't reset
+ useGlobalLoadingEffect(isCheckingAuth);
+
+ useEffect(() => {
+ async function checkAuth() {
+ let token = getBearerToken();
+ if (!token) {
+ const synced = await ensureTokensFromElectron();
+ if (synced) token = getBearerToken();
+ }
+ if (!token) {
+ redirectToLogin();
+ return;
+ }
+ queryClient.invalidateQueries({ queryKey: [...USER_QUERY_KEY] });
+ setIsCheckingAuth(false);
+ }
+ checkAuth();
+ }, []);
+
+ // Return null while loading - the global provider handles the loading UI
+ if (isCheckingAuth) {
+ return null;
+ }
+
+ return (
+
+ );
+}
diff --git a/surfsense_web/app/dashboard/layout.tsx b/surfsense_web/app/dashboard/layout.tsx
index 1f5481b15..6212c92e7 100644
--- a/surfsense_web/app/dashboard/layout.tsx
+++ b/surfsense_web/app/dashboard/layout.tsx
@@ -1,46 +1,14 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { USER_QUERY_KEY } from "@/atoms/user/user-query.atoms";
-import { useGlobalLoadingEffect } from "@/hooks/use-global-loading";
-import { ensureTokensFromElectron, getBearerToken, redirectToLogin } from "@/lib/auth-utils";
-import { queryClient } from "@/lib/query-client/client";
+import { RuntimeConfig } from "@/components/providers/runtime-config.server";
+import { DashboardShell } from "./dashboard-shell";
interface DashboardLayoutProps {
children: React.ReactNode;
}
export default function DashboardLayout({ children }: DashboardLayoutProps) {
- const [isCheckingAuth, setIsCheckingAuth] = useState(true);
-
- // Use the global loading screen - spinner animation won't reset
- useGlobalLoadingEffect(isCheckingAuth);
-
- useEffect(() => {
- async function checkAuth() {
- let token = getBearerToken();
- if (!token) {
- const synced = await ensureTokensFromElectron();
- if (synced) token = getBearerToken();
- }
- if (!token) {
- redirectToLogin();
- return;
- }
- queryClient.invalidateQueries({ queryKey: [...USER_QUERY_KEY] });
- setIsCheckingAuth(false);
- }
- checkAuth();
- }, []);
-
- // Return null while loading - the global provider handles the loading UI
- if (isCheckingAuth) {
- return null;
- }
-
return (
-
+
+ {children}
+
);
}
diff --git a/surfsense_web/app/desktop/login/layout.tsx b/surfsense_web/app/desktop/login/layout.tsx
new file mode 100644
index 000000000..83556d314
--- /dev/null
+++ b/surfsense_web/app/desktop/login/layout.tsx
@@ -0,0 +1,5 @@
+import { RuntimeConfig } from "@/components/providers/runtime-config.server";
+
+export default function DesktopLoginLayout({ children }: { children: React.ReactNode }) {
+ return
{children};
+}
diff --git a/surfsense_web/app/desktop/login/page.tsx b/surfsense_web/app/desktop/login/page.tsx
index 41c956f3e..0d91588e1 100644
--- a/surfsense_web/app/desktop/login/page.tsx
+++ b/surfsense_web/app/desktop/login/page.tsx
@@ -8,6 +8,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { toast } from "sonner";
import { loginMutationAtom } from "@/atoms/auth/auth-mutation.atoms";
import { DEFAULT_SHORTCUTS, keyEventToAccelerator } from "@/components/desktop/shortcut-recorder";
+import { useIsGoogleAuth } from "@/components/providers/runtime-config";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
@@ -17,9 +18,8 @@ import { Spinner } from "@/components/ui/spinner";
import { useElectronAPI } from "@/hooks/use-platform";
import { searchSpacesApiService } from "@/lib/apis/search-spaces-api.service";
import { setBearerToken } from "@/lib/auth-utils";
-import { AUTH_TYPE, BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
-const isGoogleAuth = AUTH_TYPE === "GOOGLE";
type ShortcutKey = "generalAssist" | "quickAsk" | "screenshotAssist";
type ShortcutMap = typeof DEFAULT_SHORTCUTS;
@@ -189,6 +189,7 @@ function HotkeyRow({
export default function DesktopLoginPage() {
const router = useRouter();
const api = useElectronAPI();
+ const isGoogleAuth = useIsGoogleAuth();
const [{ mutateAsync: login, isPending: isLoggingIn }] = useAtom(loginMutationAtom);
const [email, setEmail] = useState("");
@@ -239,7 +240,7 @@ export default function DesktopLoginPage() {
const handleGoogleLogin = () => {
if (isGoogleRedirecting) return;
setIsGoogleRedirecting(true);
- window.location.href = `${BACKEND_URL}/auth/google/authorize-redirect`;
+ window.location.href = buildBackendUrl("/auth/google/authorize-redirect");
};
const autoSetSearchSpace = async () => {
diff --git a/surfsense_web/app/docs/layout.tsx b/surfsense_web/app/docs/layout.tsx
index 9311a45b4..cc5f2118a 100644
--- a/surfsense_web/app/docs/layout.tsx
+++ b/surfsense_web/app/docs/layout.tsx
@@ -8,12 +8,15 @@ const gridTemplate = `"sidebar header toc"
"sidebar toc-popover toc"
"sidebar main toc" 1fr / var(--fd-sidebar-col) minmax(0, 1fr) min-content`;
+const docsSurfaceClass =
+ "bg-main-panel [--color-fd-background:var(--main-panel)] [--color-fd-card:var(--main-panel)] [--color-fd-popover:var(--main-panel)] [--color-fd-muted:var(--main-panel)] [--color-fd-secondary:var(--main-panel)]";
+
export default function Layout({ children }: { children: ReactNode }) {
return (
{
try {
- const res = await fetch(`${BACKEND_URL}/api/v1/public/anon-chat/models`, {
+ const res = await fetch(`${SERVER_BACKEND_URL}/api/v1/public/anon-chat/models`, {
next: { revalidate: 3600 },
});
if (!res.ok) return [];
diff --git a/surfsense_web/app/verify-token/route.ts b/surfsense_web/app/verify-token/route.ts
index b7ed762de..9df460779 100644
--- a/surfsense_web/app/verify-token/route.ts
+++ b/surfsense_web/app/verify-token/route.ts
@@ -1,12 +1,16 @@
import { type NextRequest, NextResponse } from "next/server";
-const backendBaseUrl = (process.env.INTERNAL_FASTAPI_BACKEND_URL || "http://backend:8000").replace(
- /\/+$/,
- ""
-);
+function getBackendBaseUrl() {
+ const base =
+ process.env.SURFSENSE_BACKEND_INTERNAL_URL ||
+ // TODO: Remove FASTAPI_BACKEND_INTERNAL_URL after the post-Caddy env migration window.
+ process.env.FASTAPI_BACKEND_INTERNAL_URL ||
+ "http://backend:8000";
+ return base.replace(/\/+$/, "");
+}
export async function GET(request: NextRequest) {
- const response = await fetch(`${backendBaseUrl}/verify-token`, {
+ const response = await fetch(`${getBackendBaseUrl()}/verify-token`, {
method: "GET",
headers: {
Authorization: request.headers.get("authorization") || "",
diff --git a/surfsense_web/atoms/automations/automations-mutation.atoms.ts b/surfsense_web/atoms/automations/automations-mutation.atoms.ts
index a81cd1578..288d97c63 100644
--- a/surfsense_web/atoms/automations/automations-mutation.atoms.ts
+++ b/surfsense_web/atoms/automations/automations-mutation.atoms.ts
@@ -57,9 +57,9 @@ export const createAutomationMutationAtom = atomWithMutation(() => ({
task_count: variables.definition.plan.length,
trigger_type: variables.triggers?.[0]?.type ?? "none",
has_schedule: (variables.triggers?.length ?? 0) > 0,
- agent_llm_id: variables.definition.models?.agent_llm_id,
- image_generation_config_id: variables.definition.models?.image_generation_config_id,
- vision_llm_config_id: variables.definition.models?.vision_llm_config_id,
+ chat_model_id: variables.definition.models?.chat_model_id,
+ image_gen_model_id: variables.definition.models?.image_gen_model_id,
+ vision_model_id: variables.definition.models?.vision_model_id,
tags_count: variables.definition.metadata?.tags?.length,
});
},
diff --git a/surfsense_web/atoms/image-gen-config/image-gen-config-mutation.atoms.ts b/surfsense_web/atoms/image-gen-config/image-gen-config-mutation.atoms.ts
deleted file mode 100644
index 922c398c9..000000000
--- a/surfsense_web/atoms/image-gen-config/image-gen-config-mutation.atoms.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { atomWithMutation } from "jotai-tanstack-query";
-import { toast } from "sonner";
-import type {
- CreateImageGenConfigRequest,
- CreateImageGenConfigResponse,
- DeleteImageGenConfigResponse,
- GetImageGenConfigsResponse,
- UpdateImageGenConfigRequest,
- UpdateImageGenConfigResponse,
-} from "@/contracts/types/new-llm-config.types";
-import { imageGenConfigApiService } from "@/lib/apis/image-gen-config-api.service";
-import { cacheKeys } from "@/lib/query-client/cache-keys";
-import { queryClient } from "@/lib/query-client/client";
-import { activeSearchSpaceIdAtom } from "../search-spaces/search-space-query.atoms";
-
-/**
- * Mutation atom for creating a new ImageGenerationConfig
- */
-export const createImageGenConfigMutationAtom = atomWithMutation((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- mutationKey: ["image-gen-configs", "create"],
- meta: { suppressGlobalErrorToast: true },
- enabled: !!searchSpaceId,
- mutationFn: async (request: CreateImageGenConfigRequest) => {
- return imageGenConfigApiService.createConfig(request);
- },
- onSuccess: (_: CreateImageGenConfigResponse, request: CreateImageGenConfigRequest) => {
- toast.success(`${request.name} created`);
- queryClient.invalidateQueries({
- queryKey: cacheKeys.imageGenConfigs.all(Number(searchSpaceId)),
- });
- },
- onError: (error: Error) => {
- toast.error(error.message || "Failed to create image model");
- },
- };
-});
-
-/**
- * Mutation atom for updating an existing ImageGenerationConfig
- */
-export const updateImageGenConfigMutationAtom = atomWithMutation((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- mutationKey: ["image-gen-configs", "update"],
- meta: { suppressGlobalErrorToast: true },
- enabled: !!searchSpaceId,
- mutationFn: async (request: UpdateImageGenConfigRequest) => {
- return imageGenConfigApiService.updateConfig(request);
- },
- onSuccess: (_: UpdateImageGenConfigResponse, request: UpdateImageGenConfigRequest) => {
- toast.success(`${request.data.name ?? "Configuration"} updated`);
- queryClient.invalidateQueries({
- queryKey: cacheKeys.imageGenConfigs.all(Number(searchSpaceId)),
- });
- queryClient.invalidateQueries({
- queryKey: cacheKeys.imageGenConfigs.byId(request.id),
- });
- },
- onError: (error: Error) => {
- toast.error(error.message || "Failed to update image model");
- },
- };
-});
-
-/**
- * Mutation atom for deleting an ImageGenerationConfig
- */
-export const deleteImageGenConfigMutationAtom = atomWithMutation((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- mutationKey: ["image-gen-configs", "delete"],
- meta: { suppressGlobalErrorToast: true },
- enabled: !!searchSpaceId,
- mutationFn: async (request: { id: number; name: string }) => {
- return imageGenConfigApiService.deleteConfig(request.id);
- },
- onSuccess: (_: DeleteImageGenConfigResponse, request: { id: number; name: string }) => {
- toast.success(`${request.name} deleted`);
- queryClient.setQueryData(
- cacheKeys.imageGenConfigs.all(Number(searchSpaceId)),
- (oldData: GetImageGenConfigsResponse | undefined) => {
- if (!oldData) return oldData;
- return oldData.filter((config) => config.id !== request.id);
- }
- );
- },
- onError: (error: Error) => {
- toast.error(error.message || "Failed to delete image model");
- },
- };
-});
diff --git a/surfsense_web/atoms/image-gen-config/image-gen-config-query.atoms.ts b/surfsense_web/atoms/image-gen-config/image-gen-config-query.atoms.ts
deleted file mode 100644
index a45e69a03..000000000
--- a/surfsense_web/atoms/image-gen-config/image-gen-config-query.atoms.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { atomWithQuery } from "jotai-tanstack-query";
-import { imageGenConfigApiService } from "@/lib/apis/image-gen-config-api.service";
-import { cacheKeys } from "@/lib/query-client/cache-keys";
-import { activeSearchSpaceIdAtom } from "../search-spaces/search-space-query.atoms";
-
-/**
- * Query atom for fetching user-created image gen configs for the active search space
- */
-export const imageGenConfigsAtom = atomWithQuery((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- queryKey: cacheKeys.imageGenConfigs.all(Number(searchSpaceId)),
- enabled: !!searchSpaceId,
- staleTime: 5 * 60 * 1000, // 5 minutes
- queryFn: async () => {
- return imageGenConfigApiService.getConfigs(Number(searchSpaceId));
- },
- };
-});
-
-/**
- * Query atom for fetching global image gen configs (from YAML, negative IDs)
- */
-export const globalImageGenConfigsAtom = atomWithQuery(() => {
- return {
- queryKey: cacheKeys.imageGenConfigs.global(),
- staleTime: 10 * 60 * 1000, // 10 minutes - global configs rarely change
- queryFn: async () => {
- return imageGenConfigApiService.getGlobalConfigs();
- },
- };
-});
diff --git a/surfsense_web/atoms/model-connections/model-connections-mutation.atoms.ts b/surfsense_web/atoms/model-connections/model-connections-mutation.atoms.ts
new file mode 100644
index 000000000..f00bf76f9
--- /dev/null
+++ b/surfsense_web/atoms/model-connections/model-connections-mutation.atoms.ts
@@ -0,0 +1,214 @@
+import { atomWithMutation } from "jotai-tanstack-query";
+import { toast } from "sonner";
+import type {
+ ConnectionCreateRequest,
+ ConnectionRead,
+ ConnectionUpdateRequest,
+ ModelCreateRequest,
+ ModelPreviewRead,
+ ModelRead,
+ ModelRoles,
+ ModelsBulkUpdateRequest,
+ ModelTestPreviewRequest,
+ ModelUpdateRequest,
+ VerifyConnectionResponse,
+} from "@/contracts/types/model-connections.types";
+import { modelConnectionsApiService } from "@/lib/apis/model-connections-api.service";
+import { cacheKeys } from "@/lib/query-client/cache-keys";
+import { queryClient } from "@/lib/query-client/client";
+import { activeSearchSpaceIdAtom } from "../search-spaces/search-space-query.atoms";
+
+function invalidateModelConnections(searchSpaceId: number) {
+ queryClient.invalidateQueries({
+ queryKey: cacheKeys.modelConnections.all(searchSpaceId),
+ });
+ queryClient.invalidateQueries({
+ queryKey: cacheKeys.modelConnections.roles(searchSpaceId),
+ });
+}
+
+function upsertModelConnection(searchSpaceId: number, connection: ConnectionRead) {
+ queryClient.setQueryData(
+ cacheKeys.modelConnections.all(searchSpaceId),
+ (current = []) => {
+ if (current.some((item) => item.id === connection.id)) {
+ return current.map((item) => (item.id === connection.id ? connection : item));
+ }
+ return [...current, connection];
+ }
+ );
+}
+
+export const createModelConnectionMutationAtom = atomWithMutation((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ mutationKey: ["model-connections", "create"],
+ mutationFn: (request: ConnectionCreateRequest) =>
+ modelConnectionsApiService.createConnection(request),
+ onSuccess: (connection: ConnectionRead, request: ConnectionCreateRequest) => {
+ const resolvedSearchSpaceId = Number(
+ request.search_space_id ?? connection.search_space_id ?? searchSpaceId
+ );
+ toast.success("Connection created");
+ if (resolvedSearchSpaceId > 0) {
+ upsertModelConnection(resolvedSearchSpaceId, connection);
+ invalidateModelConnections(resolvedSearchSpaceId);
+ }
+ },
+ onError: (error: Error) => toast.error(error.message || "Failed to create connection"),
+ };
+});
+
+export const updateModelConnectionMutationAtom = atomWithMutation((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ mutationKey: ["model-connections", "update"],
+ mutationFn: ({ id, data }: { id: number; data: ConnectionUpdateRequest }) =>
+ modelConnectionsApiService.updateConnection(id, data),
+ onSuccess: () => {
+ toast.success("Connection updated");
+ invalidateModelConnections(searchSpaceId);
+ },
+ onError: (error: Error) => toast.error(error.message || "Failed to update connection"),
+ };
+});
+
+export const deleteModelConnectionMutationAtom = atomWithMutation((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ mutationKey: ["model-connections", "delete"],
+ mutationFn: (id: number) => modelConnectionsApiService.deleteConnection(id),
+ onSuccess: () => {
+ toast.success("Connection deleted");
+ invalidateModelConnections(searchSpaceId);
+ },
+ onError: (error: Error) => toast.error(error.message || "Failed to delete connection"),
+ };
+});
+
+export const verifyModelConnectionMutationAtom = atomWithMutation((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ mutationKey: ["model-connections", "verify"],
+ mutationFn: (id: number) => modelConnectionsApiService.verifyConnection(id),
+ onSuccess: (result: VerifyConnectionResponse) => {
+ if (result.ok) {
+ toast.success("Connection verified");
+ } else {
+ // Non-fatal: many providers lack a /models endpoint yet still serve
+ // chat. Guide the user to add model IDs manually instead of alarming.
+ toast.warning(
+ result.message
+ ? `${result.message} Chat may still work — add model IDs manually.`
+ : "Couldn't list models. Chat may still work — add model IDs manually."
+ );
+ }
+ invalidateModelConnections(searchSpaceId);
+ },
+ onError: (error: Error) => toast.error(error.message || "Failed to verify connection"),
+ };
+});
+
+export const discoverConnectionModelsMutationAtom = atomWithMutation((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ mutationKey: ["model-connections", "discover"],
+ mutationFn: (id: number) => modelConnectionsApiService.discoverModels(id),
+ onSuccess: (models: ModelRead[]) => {
+ toast.success(
+ models.length ? `${models.length} models discovered` : "No models found for this connection"
+ );
+ invalidateModelConnections(searchSpaceId);
+ },
+ onError: (error: Error) => toast.error(error.message || "Failed to discover models"),
+ };
+});
+
+export const previewConnectionModelsMutationAtom = atomWithMutation(() => {
+ return {
+ mutationKey: ["model-connections", "discover-preview"],
+ mutationFn: (request: ConnectionCreateRequest) =>
+ modelConnectionsApiService.previewModels(request),
+ onSuccess: (_models: ModelPreviewRead[]) => {},
+ onError: (error: Error) => toast.error(error.message || "Failed to discover models"),
+ };
+});
+
+export const testPreviewModelMutationAtom = atomWithMutation(() => {
+ return {
+ mutationKey: ["model-connections", "test-preview"],
+ mutationFn: (request: ModelTestPreviewRequest) =>
+ modelConnectionsApiService.testPreviewModel(request),
+ onSuccess: (result: VerifyConnectionResponse) => {
+ if (!result.ok) {
+ toast.error(result.message || "Model test failed");
+ }
+ },
+ onError: (error: Error) => toast.error(error.message || "Failed to test model"),
+ };
+});
+
+export const addManualModelMutationAtom = atomWithMutation((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ mutationKey: ["models", "add-manual"],
+ mutationFn: ({ connectionId, data }: { connectionId: number; data: ModelCreateRequest }) =>
+ modelConnectionsApiService.addManualModel(connectionId, data),
+ onSuccess: () => {
+ toast.success("Model added");
+ invalidateModelConnections(searchSpaceId);
+ },
+ onError: (error: Error) => toast.error(error.message || "Failed to add model"),
+ };
+});
+
+export const updateModelMutationAtom = atomWithMutation((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ mutationKey: ["models", "update"],
+ mutationFn: ({ id, data }: { id: number; data: ModelUpdateRequest }) =>
+ modelConnectionsApiService.updateModel(id, data),
+ onSuccess: () => invalidateModelConnections(searchSpaceId),
+ onError: (error: Error) => toast.error(error.message || "Failed to update model"),
+ };
+});
+
+export const bulkUpdateModelsMutationAtom = atomWithMutation((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ mutationKey: ["models", "bulk-update"],
+ mutationFn: ({ connectionId, data }: { connectionId: number; data: ModelsBulkUpdateRequest }) =>
+ modelConnectionsApiService.bulkUpdateModels(connectionId, data),
+ onSuccess: () => invalidateModelConnections(searchSpaceId),
+ onError: (error: Error) => toast.error(error.message || "Failed to update models"),
+ };
+});
+
+export const testModelMutationAtom = atomWithMutation((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ mutationKey: ["models", "test"],
+ mutationFn: (id: number) => modelConnectionsApiService.testModel(id),
+ onSuccess: (result: VerifyConnectionResponse) => {
+ if (result.ok) toast.success("Model test succeeded");
+ else toast.error(result.message || "Model test failed");
+ invalidateModelConnections(searchSpaceId);
+ },
+ onError: (error: Error) => toast.error(error.message || "Failed to test model"),
+ };
+});
+
+export const updateModelRolesMutationAtom = atomWithMutation((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ mutationKey: ["model-roles", "update"],
+ mutationFn: (roles: ModelRoles) =>
+ modelConnectionsApiService.updateModelRoles(searchSpaceId, roles),
+ onSuccess: () => {
+ queryClient.invalidateQueries({
+ queryKey: cacheKeys.modelConnections.roles(searchSpaceId),
+ });
+ },
+ onError: (error: Error) => toast.error(error.message || "Failed to update model roles"),
+ };
+});
diff --git a/surfsense_web/atoms/model-connections/model-connections-query.atoms.ts b/surfsense_web/atoms/model-connections/model-connections-query.atoms.ts
new file mode 100644
index 000000000..04dad9b21
--- /dev/null
+++ b/surfsense_web/atoms/model-connections/model-connections-query.atoms.ts
@@ -0,0 +1,46 @@
+import { atomWithQuery } from "jotai-tanstack-query";
+import { modelConnectionsApiService } from "@/lib/apis/model-connections-api.service";
+import { getBearerToken } from "@/lib/auth-utils";
+import { cacheKeys } from "@/lib/query-client/cache-keys";
+import { activeSearchSpaceIdAtom } from "../search-spaces/search-space-query.atoms";
+
+export const globalModelConnectionsAtom = atomWithQuery(() => ({
+ queryKey: cacheKeys.modelConnections.global(),
+ enabled: !!getBearerToken(),
+ staleTime: 10 * 60 * 1000,
+ queryFn: () => modelConnectionsApiService.getGlobalConnections(),
+}));
+
+export const globalLlmConfigStatusAtom = atomWithQuery(() => ({
+ queryKey: cacheKeys.modelConnections.globalConfigStatus(),
+ enabled: !!getBearerToken(),
+ staleTime: 60 * 60 * 1000,
+ queryFn: () => modelConnectionsApiService.getGlobalLlmConfigStatus(),
+}));
+
+export const modelProvidersAtom = atomWithQuery(() => ({
+ queryKey: cacheKeys.modelConnections.providers(),
+ enabled: !!getBearerToken(),
+ staleTime: 60 * 60 * 1000,
+ queryFn: () => modelConnectionsApiService.getModelProviders(),
+}));
+
+export const modelConnectionsAtom = atomWithQuery((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ queryKey: cacheKeys.modelConnections.all(searchSpaceId),
+ enabled: !!searchSpaceId,
+ staleTime: 5 * 60 * 1000,
+ queryFn: () => modelConnectionsApiService.getConnections(searchSpaceId),
+ };
+});
+
+export const modelRolesAtom = atomWithQuery((get) => {
+ const searchSpaceId = Number(get(activeSearchSpaceIdAtom));
+ return {
+ queryKey: cacheKeys.modelConnections.roles(searchSpaceId),
+ enabled: !!searchSpaceId,
+ staleTime: 5 * 60 * 1000,
+ queryFn: () => modelConnectionsApiService.getModelRoles(searchSpaceId),
+ };
+});
diff --git a/surfsense_web/atoms/new-llm-config/new-llm-config-mutation.atoms.ts b/surfsense_web/atoms/new-llm-config/new-llm-config-mutation.atoms.ts
deleted file mode 100644
index 476d89d4c..000000000
--- a/surfsense_web/atoms/new-llm-config/new-llm-config-mutation.atoms.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-import { atomWithMutation } from "jotai-tanstack-query";
-import { toast } from "sonner";
-import type {
- CreateNewLLMConfigRequest,
- CreateNewLLMConfigResponse,
- DeleteNewLLMConfigRequest,
- DeleteNewLLMConfigResponse,
- GetNewLLMConfigsResponse,
- UpdateLLMPreferencesRequest,
- UpdateNewLLMConfigRequest,
- UpdateNewLLMConfigResponse,
-} from "@/contracts/types/new-llm-config.types";
-import { newLLMConfigApiService } from "@/lib/apis/new-llm-config-api.service";
-import { cacheKeys } from "@/lib/query-client/cache-keys";
-import { queryClient } from "@/lib/query-client/client";
-import { activeSearchSpaceIdAtom } from "../search-spaces/search-space-query.atoms";
-
-/**
- * Mutation atom for creating a new NewLLMConfig
- */
-export const createNewLLMConfigMutationAtom = atomWithMutation((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- mutationKey: ["new-llm-configs", "create"],
- meta: { suppressGlobalErrorToast: true },
- enabled: !!searchSpaceId,
- mutationFn: async (request: CreateNewLLMConfigRequest) => {
- return newLLMConfigApiService.createConfig(request);
- },
- onSuccess: (_: CreateNewLLMConfigResponse, request: CreateNewLLMConfigRequest) => {
- toast.success(`${request.name} created`);
- queryClient.invalidateQueries({
- queryKey: cacheKeys.newLLMConfigs.all(Number(searchSpaceId)),
- });
- },
- onError: (error: Error) => {
- toast.error(error.message || "Failed to create model");
- },
- };
-});
-
-/**
- * Mutation atom for updating an existing NewLLMConfig
- */
-export const updateNewLLMConfigMutationAtom = atomWithMutation((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- mutationKey: ["new-llm-configs", "update"],
- meta: { suppressGlobalErrorToast: true },
- enabled: !!searchSpaceId,
- mutationFn: async (request: UpdateNewLLMConfigRequest) => {
- return newLLMConfigApiService.updateConfig(request);
- },
- onSuccess: (_: UpdateNewLLMConfigResponse, request: UpdateNewLLMConfigRequest) => {
- toast.success(`${request.data.name ?? "Configuration"} updated`);
- queryClient.invalidateQueries({
- queryKey: cacheKeys.newLLMConfigs.all(Number(searchSpaceId)),
- });
- queryClient.invalidateQueries({
- queryKey: cacheKeys.newLLMConfigs.byId(request.id),
- });
- },
- onError: (error: Error) => {
- toast.error(error.message || "Failed to update");
- },
- };
-});
-
-/**
- * Mutation atom for deleting a NewLLMConfig
- */
-export const deleteNewLLMConfigMutationAtom = atomWithMutation((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- mutationKey: ["new-llm-configs", "delete"],
- meta: { suppressGlobalErrorToast: true },
- enabled: !!searchSpaceId,
- mutationFn: async (request: DeleteNewLLMConfigRequest & { name: string }) => {
- return newLLMConfigApiService.deleteConfig({ id: request.id });
- },
- onSuccess: (
- _: DeleteNewLLMConfigResponse,
- request: DeleteNewLLMConfigRequest & { name: string }
- ) => {
- toast.success(`${request.name} deleted`);
- queryClient.setQueryData(
- cacheKeys.newLLMConfigs.all(Number(searchSpaceId)),
- (oldData: GetNewLLMConfigsResponse | undefined) => {
- if (!oldData) return oldData;
- return oldData.filter((config) => config.id !== request.id);
- }
- );
- },
- onError: (error: Error) => {
- toast.error(error.message || "Failed to delete");
- },
- };
-});
-
-/**
- * Mutation atom for updating LLM preferences (role assignments)
- */
-export const updateLLMPreferencesMutationAtom = atomWithMutation((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- mutationKey: ["llm-preferences", "update"],
- meta: { suppressGlobalErrorToast: true },
- enabled: !!searchSpaceId,
- mutationFn: async (request: UpdateLLMPreferencesRequest) => {
- return newLLMConfigApiService.updateLLMPreferences(request);
- },
- onSuccess: (_data, request: UpdateLLMPreferencesRequest) => {
- queryClient.setQueryData(
- cacheKeys.newLLMConfigs.preferences(Number(searchSpaceId)),
- (old: Record | undefined) => ({ ...old, ...request.data })
- );
- // Automation eligibility is derived from these model preferences
- // (agent/image/vision). Invalidate it so the automations gate alert
- // reflects the new selection without a manual refresh.
- queryClient.invalidateQueries({
- queryKey: cacheKeys.automations.modelEligibility(Number(searchSpaceId)),
- });
- },
- onError: (error: Error) => {
- toast.error(error.message || "Failed to update LLM preferences");
- },
- };
-});
diff --git a/surfsense_web/atoms/new-llm-config/new-llm-config-query.atoms.ts b/surfsense_web/atoms/new-llm-config/new-llm-config-query.atoms.ts
deleted file mode 100644
index 410d061e5..000000000
--- a/surfsense_web/atoms/new-llm-config/new-llm-config-query.atoms.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { atomWithQuery } from "jotai-tanstack-query";
-import type { LLMModel } from "@/contracts/enums/llm-models";
-import { LLM_MODELS } from "@/contracts/enums/llm-models";
-import { newLLMConfigApiService } from "@/lib/apis/new-llm-config-api.service";
-import { getBearerToken } from "@/lib/auth-utils";
-import { cacheKeys } from "@/lib/query-client/cache-keys";
-import { activeSearchSpaceIdAtom } from "../search-spaces/search-space-query.atoms";
-
-/**
- * Query atom for fetching all NewLLMConfigs for the active search space
- */
-export const newLLMConfigsAtom = atomWithQuery((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- queryKey: cacheKeys.newLLMConfigs.all(Number(searchSpaceId)),
- enabled: !!searchSpaceId,
- staleTime: 5 * 60 * 1000, // 5 minutes
- queryFn: async () => {
- return newLLMConfigApiService.getConfigs({
- search_space_id: Number(searchSpaceId),
- });
- },
- };
-});
-
-/**
- * Query atom for fetching global NewLLMConfigs (from YAML, negative IDs)
- */
-export const globalNewLLMConfigsAtom = atomWithQuery(() => {
- return {
- queryKey: cacheKeys.newLLMConfigs.global(),
- staleTime: 10 * 60 * 1000, // 10 minutes - global configs rarely change
- enabled: !!getBearerToken(),
- queryFn: async () => {
- return newLLMConfigApiService.getGlobalConfigs();
- },
- };
-});
-
-/**
- * Query atom for fetching LLM preferences (role assignments) for the active search space
- */
-export const llmPreferencesAtom = atomWithQuery((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- queryKey: cacheKeys.newLLMConfigs.preferences(Number(searchSpaceId)),
- enabled: !!searchSpaceId,
- staleTime: 5 * 60 * 1000, // 5 minutes
- queryFn: async () => {
- return newLLMConfigApiService.getLLMPreferences(Number(searchSpaceId));
- },
- };
-});
-
-/**
- * Query atom for fetching default system instructions template
- */
-export const defaultSystemInstructionsAtom = atomWithQuery(() => {
- return {
- queryKey: cacheKeys.newLLMConfigs.defaultInstructions(),
- staleTime: 60 * 60 * 1000, // 1 hour - this rarely changes
- queryFn: async () => {
- return newLLMConfigApiService.getDefaultSystemInstructions();
- },
- };
-});
-
-/**
- * Query atom for the dynamic model catalogue.
- * Fetched from the backend (which proxies OpenRouter's public API).
- * Falls back to the static hardcoded list on error.
- */
-export const modelListAtom = atomWithQuery(() => {
- return {
- queryKey: cacheKeys.newLLMConfigs.modelList(),
- staleTime: 60 * 60 * 1000, // 1 hour - models don't change often
- placeholderData: LLM_MODELS,
- queryFn: async (): Promise => {
- const data = await newLLMConfigApiService.getModels();
- const dynamicModels = data.map((m) => ({
- value: m.value,
- label: m.label,
- provider: m.provider,
- contextWindow: m.context_window ?? undefined,
- }));
-
- // Providers covered by the dynamic API (from OpenRouter mapping).
- // For uncovered providers (Ollama, Groq, Bedrock, etc.) keep the
- // hand-curated static suggestions so users still see model options.
- const coveredProviders = new Set(dynamicModels.map((m) => m.provider));
- const staticFallbacks = LLM_MODELS.filter((m) => !coveredProviders.has(m.provider));
-
- return [...dynamicModels, ...staticFallbacks];
- },
- };
-});
diff --git a/surfsense_web/atoms/vision-llm-config/vision-llm-config-mutation.atoms.ts b/surfsense_web/atoms/vision-llm-config/vision-llm-config-mutation.atoms.ts
deleted file mode 100644
index f46b977d5..000000000
--- a/surfsense_web/atoms/vision-llm-config/vision-llm-config-mutation.atoms.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { atomWithMutation } from "jotai-tanstack-query";
-import { toast } from "sonner";
-import type {
- CreateVisionLLMConfigRequest,
- CreateVisionLLMConfigResponse,
- DeleteVisionLLMConfigResponse,
- GetVisionLLMConfigsResponse,
- UpdateVisionLLMConfigRequest,
- UpdateVisionLLMConfigResponse,
-} from "@/contracts/types/new-llm-config.types";
-import { visionLLMConfigApiService } from "@/lib/apis/vision-llm-config-api.service";
-import { cacheKeys } from "@/lib/query-client/cache-keys";
-import { queryClient } from "@/lib/query-client/client";
-import { activeSearchSpaceIdAtom } from "../search-spaces/search-space-query.atoms";
-
-export const createVisionLLMConfigMutationAtom = atomWithMutation((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- mutationKey: ["vision-llm-configs", "create"],
- meta: { suppressGlobalErrorToast: true },
- enabled: !!searchSpaceId,
- mutationFn: async (request: CreateVisionLLMConfigRequest) => {
- return visionLLMConfigApiService.createConfig(request);
- },
- onSuccess: (_: CreateVisionLLMConfigResponse, request: CreateVisionLLMConfigRequest) => {
- toast.success(`${request.name} created`);
- queryClient.invalidateQueries({
- queryKey: cacheKeys.visionLLMConfigs.all(Number(searchSpaceId)),
- });
- },
- onError: (error: Error) => {
- toast.error(error.message || "Failed to create vision model");
- },
- };
-});
-
-export const updateVisionLLMConfigMutationAtom = atomWithMutation((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- mutationKey: ["vision-llm-configs", "update"],
- meta: { suppressGlobalErrorToast: true },
- enabled: !!searchSpaceId,
- mutationFn: async (request: UpdateVisionLLMConfigRequest) => {
- return visionLLMConfigApiService.updateConfig(request);
- },
- onSuccess: (_: UpdateVisionLLMConfigResponse, request: UpdateVisionLLMConfigRequest) => {
- toast.success(`${request.data.name ?? "Configuration"} updated`);
- queryClient.invalidateQueries({
- queryKey: cacheKeys.visionLLMConfigs.all(Number(searchSpaceId)),
- });
- queryClient.invalidateQueries({
- queryKey: cacheKeys.visionLLMConfigs.byId(request.id),
- });
- },
- onError: (error: Error) => {
- toast.error(error.message || "Failed to update vision model");
- },
- };
-});
-
-export const deleteVisionLLMConfigMutationAtom = atomWithMutation((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- mutationKey: ["vision-llm-configs", "delete"],
- meta: { suppressGlobalErrorToast: true },
- enabled: !!searchSpaceId,
- mutationFn: async (request: { id: number; name: string }) => {
- return visionLLMConfigApiService.deleteConfig(request.id);
- },
- onSuccess: (_: DeleteVisionLLMConfigResponse, request: { id: number; name: string }) => {
- toast.success(`${request.name} deleted`);
- queryClient.setQueryData(
- cacheKeys.visionLLMConfigs.all(Number(searchSpaceId)),
- (oldData: GetVisionLLMConfigsResponse | undefined) => {
- if (!oldData) return oldData;
- return oldData.filter((config) => config.id !== request.id);
- }
- );
- },
- onError: (error: Error) => {
- toast.error(error.message || "Failed to delete vision model");
- },
- };
-});
diff --git a/surfsense_web/atoms/vision-llm-config/vision-llm-config-query.atoms.ts b/surfsense_web/atoms/vision-llm-config/vision-llm-config-query.atoms.ts
deleted file mode 100644
index 906ce638f..000000000
--- a/surfsense_web/atoms/vision-llm-config/vision-llm-config-query.atoms.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { atomWithQuery } from "jotai-tanstack-query";
-import type { LLMModel } from "@/contracts/enums/llm-models";
-import { VISION_MODELS } from "@/contracts/enums/vision-providers";
-import { visionLLMConfigApiService } from "@/lib/apis/vision-llm-config-api.service";
-import { cacheKeys } from "@/lib/query-client/cache-keys";
-import { activeSearchSpaceIdAtom } from "../search-spaces/search-space-query.atoms";
-
-export const visionLLMConfigsAtom = atomWithQuery((get) => {
- const searchSpaceId = get(activeSearchSpaceIdAtom);
-
- return {
- queryKey: cacheKeys.visionLLMConfigs.all(Number(searchSpaceId)),
- enabled: !!searchSpaceId,
- staleTime: 5 * 60 * 1000,
- queryFn: async () => {
- return visionLLMConfigApiService.getConfigs(Number(searchSpaceId));
- },
- };
-});
-
-export const globalVisionLLMConfigsAtom = atomWithQuery(() => {
- return {
- queryKey: cacheKeys.visionLLMConfigs.global(),
- staleTime: 10 * 60 * 1000,
- queryFn: async () => {
- return visionLLMConfigApiService.getGlobalConfigs();
- },
- };
-});
-
-export const visionModelListAtom = atomWithQuery(() => {
- return {
- queryKey: cacheKeys.visionLLMConfigs.modelList(),
- staleTime: 60 * 60 * 1000,
- placeholderData: VISION_MODELS,
- queryFn: async (): Promise => {
- const data = await visionLLMConfigApiService.getModels();
- const dynamicModels = data.map((m) => ({
- value: m.value,
- label: m.label,
- provider: m.provider,
- contextWindow: m.context_window ?? undefined,
- }));
-
- const coveredProviders = new Set(dynamicModels.map((m) => m.provider));
- const staticFallbacks = VISION_MODELS.filter((m) => !coveredProviders.has(m.provider));
-
- return [...dynamicModels, ...staticFallbacks];
- },
- };
-});
diff --git a/surfsense_web/components/agent-action-log/action-log-dialog.tsx b/surfsense_web/components/agent-action-log/action-log-dialog.tsx
index 1d0eefc17..5f3b83db1 100644
--- a/surfsense_web/components/agent-action-log/action-log-dialog.tsx
+++ b/surfsense_web/components/agent-action-log/action-log-dialog.tsx
@@ -2,7 +2,7 @@
import { useQueryClient } from "@tanstack/react-query";
import { useAtom, useAtomValue } from "jotai";
-import { RefreshCcw, Workflow } from "lucide-react";
+import { RefreshCw, Workflow } from "lucide-react";
import { useCallback } from "react";
import { actionLogDialogAtom } from "@/atoms/agent/action-log-dialog.atom";
import { agentFlagsAtom } from "@/atoms/agent/agent-flags-query.atom";
@@ -112,7 +112,7 @@ export function ActionLogDialog() {
className="absolute right-14 top-4 size-8 rounded-full p-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground"
aria-label="Refresh action log"
>
-
+
diff --git a/surfsense_web/components/assistant-ui/assistant-message.tsx b/surfsense_web/components/assistant-ui/assistant-message.tsx
index d084ac0fd..59006b26e 100644
--- a/surfsense_web/components/assistant-ui/assistant-message.tsx
+++ b/surfsense_web/components/assistant-ui/assistant-message.tsx
@@ -26,9 +26,9 @@ import type { FC } from "react";
import { useEffect, useMemo, useRef, useState } from "react";
import { commentsEnabledAtom, targetCommentIdAtom } from "@/atoms/chat/current-thread.atom";
import {
- globalNewLLMConfigsAtom,
- newLLMConfigsAtom,
-} from "@/atoms/new-llm-config/new-llm-config-query.atoms";
+ globalModelConnectionsAtom,
+ modelConnectionsAtom,
+} from "@/atoms/model-connections/model-connections-query.atoms";
import { activeSearchSpaceIdAtom } from "@/atoms/search-spaces/search-space-query.atoms";
import {
CitationMetadataProvider,
@@ -37,7 +37,10 @@ import {
import { MarkdownText } from "@/components/assistant-ui/markdown-text";
import { ReasoningMessagePart } from "@/components/assistant-ui/reasoning-message-part";
import { RevertTurnButton } from "@/components/assistant-ui/revert-turn-button";
-import { useTokenUsage } from "@/components/assistant-ui/token-usage-context";
+import {
+ type TokenUsageModelBreakdown,
+ useTokenUsage,
+} from "@/components/assistant-ui/token-usage-context";
import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button";
import { CommentPanelContainer } from "@/components/chat-comments/comment-panel-container/comment-panel-container";
import { CommentSheet } from "@/components/chat-comments/comment-sheet/comment-sheet";
@@ -268,29 +271,81 @@ function formatTurnCost(micros: number): string {
return "$0";
}
+function normalizeUsageModelKey(modelKey: string): string {
+ return modelKey.trim().replace(/^~/, "");
+}
+
+function bareModelKey(modelKey: string): string {
+ const normalized = normalizeUsageModelKey(modelKey);
+ const parts = normalized.split("/");
+ return parts[parts.length - 1] || normalized;
+}
+
+function inferProviderFromModelKey(modelKey: string) {
+ const normalized = normalizeUsageModelKey(modelKey);
+ const [provider] = normalized.split("/");
+ return provider && provider !== normalized ? provider : null;
+}
+
+function titleCaseModelPart(part: string) {
+ if (!part) return "";
+ const upper = part.toUpperCase();
+ if (/^\d+(\.\d+)?[BKM]$/.test(upper)) return upper;
+ if (["gpt", "oai", "api", "llm", "vlm"].includes(part.toLowerCase())) return upper;
+ return part.charAt(0).toUpperCase() + part.slice(1);
+}
+
+function humanizeModelId(modelKey: string): string {
+ const bare = bareModelKey(modelKey)
+ .replace(/:latest$/i, "")
+ .replace(/[-_]+/g, " ")
+ .trim();
+ if (!bare) return modelKey;
+ return bare.split(/\s+/).map(titleCaseModelPart).join(" ");
+}
+
const MessageInfoDropdown: FC<{ chatTurnId: string | null | undefined }> = ({ chatTurnId }) => {
const messageId = useAuiState(({ message }) => message?.id);
const createdAt = useAuiState(({ message }) => message?.createdAt);
const usage = useTokenUsage(messageId);
- const { data: localConfigs } = useAtomValue(newLLMConfigsAtom);
- const { data: globalConfigs } = useAtomValue(globalNewLLMConfigsAtom);
+ const { data: globalConnections = [] } = useAtomValue(globalModelConnectionsAtom);
+ const { data: localConnections = [] } = useAtomValue(modelConnectionsAtom);
- const configByModel = useMemo(() => {
- const map = new Map
();
- for (const c of [...(globalConfigs ?? []), ...(localConfigs ?? [])]) {
- map.set(c.model_name, { name: c.name, provider: c.provider });
+ const modelConnectionByKey = useMemo(() => {
+ const map = new Map();
+ for (const connection of [...globalConnections, ...localConnections]) {
+ for (const model of connection.models) {
+ const normalizedModelId = normalizeUsageModelKey(model.model_id);
+ const entry = {
+ name: model.display_name || model.model_id,
+ provider: connection.provider,
+ modelId: model.model_id,
+ };
+ map.set(model.model_id, entry);
+ map.set(normalizedModelId, entry);
+ map.set(bareModelKey(model.model_id), entry);
+ }
}
return map;
- }, [localConfigs, globalConfigs]);
+ }, [globalConnections, localConnections]);
- const resolveModel = (modelKey: string) => {
- const parts = modelKey.split("/");
- const bare = parts[parts.length - 1] ?? modelKey;
- const config = configByModel.get(modelKey) ?? configByModel.get(bare);
- return config
- ? { name: config.name, icon: getProviderIcon(config.provider, { className: "size-3.5" }) }
- : { name: modelKey, icon: null };
+ const resolveModel = (modelKey: string, counts: TokenUsageModelBreakdown) => {
+ const normalizedKey = normalizeUsageModelKey(counts.model_id || counts.model || modelKey);
+ const connectionModel =
+ modelConnectionByKey.get(modelKey) ??
+ modelConnectionByKey.get(normalizeUsageModelKey(modelKey)) ??
+ modelConnectionByKey.get(normalizedKey) ??
+ modelConnectionByKey.get(bareModelKey(normalizedKey));
+ const provider =
+ counts.provider || connectionModel?.provider || inferProviderFromModelKey(normalizedKey);
+ const modelId = counts.model_id || connectionModel?.modelId || modelKey;
+ const name = counts.display_name || connectionModel?.name || humanizeModelId(modelId);
+ return {
+ name,
+ modelId,
+ icon: provider ? getProviderIcon(provider, { className: "size-3.5 shrink-0" }) : null,
+ };
};
const modelBreakdown = usage ? (usage.usage ?? usage.model_breakdown) : undefined;
@@ -319,12 +374,12 @@ const MessageInfoDropdown: FC<{ chatTurnId: string | null | undefined }> = ({ ch
{models.length > 0 ? (
models.map(([model, counts]) => {
- const { name, icon } = resolveModel(model);
+ const { name, icon } = resolveModel(model, counts);
const costMicros = counts.cost_micros;
return (
e.preventDefault()}
>
diff --git a/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/obsidian-connect-form.tsx b/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/obsidian-connect-form.tsx
index a9231d846..695e97d7b 100644
--- a/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/obsidian-connect-form.tsx
+++ b/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/obsidian-connect-form.tsx
@@ -6,7 +6,6 @@ import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
import { Button } from "@/components/ui/button";
import { EnumConnectorName } from "@/contracts/enums/connector";
import { useApiKey } from "@/hooks/use-api-key";
-import { BACKEND_URL } from "@/lib/env-config";
import { getConnectorBenefits } from "../connector-benefits";
import type { ConnectFormProps } from "../index";
diff --git a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/circleback-config.tsx b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/circleback-config.tsx
index 4de8500a6..283c052cb 100644
--- a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/circleback-config.tsx
+++ b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/circleback-config.tsx
@@ -9,7 +9,7 @@ import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import { authenticatedFetch } from "@/lib/auth-utils";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
import type { ConnectorConfigProps } from "../index";
export interface CirclebackConfigProps extends ConnectorConfigProps {
onNameChange?: (name: string) => void;
@@ -42,17 +42,10 @@ export const CirclebackConfig: FC = ({ connector, onNameC
const doFetch = async () => {
if (!connector.search_space_id) return;
- const baseUrl = BACKEND_URL;
- if (!baseUrl) {
- console.error("NEXT_PUBLIC_FASTAPI_BACKEND_URL is not configured");
- setIsLoading(false);
- return;
- }
-
setIsLoading(true);
try {
const response = await authenticatedFetch(
- `${baseUrl}/api/v1/webhooks/circleback/${connector.search_space_id}/info`,
+ buildBackendUrl(`/api/v1/webhooks/circleback/${connector.search_space_id}/info`),
{ signal: controller.signal }
);
if (controller.signal.aborted) return;
diff --git a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/connector-edit-view.tsx b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/connector-edit-view.tsx
index 011eeec96..1fc555471 100644
--- a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/connector-edit-view.tsx
+++ b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/connector-edit-view.tsx
@@ -13,7 +13,7 @@ import { getConnectorIcon } from "@/contracts/enums/connectorIcons";
import type { SearchSourceConnector } from "@/contracts/types/connector.types";
import { authenticatedFetch } from "@/lib/auth-utils";
import { getReauthEndpoint } from "@/lib/connector-telemetry";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
import { cn } from "@/lib/utils";
import { DateRangeSelector } from "../../components/date-range-selector";
import { PeriodicSyncConfig } from "../../components/periodic-sync-config";
@@ -95,12 +95,13 @@ export const ConnectorEditView: FC = ({
if (!spaceId || !reauthEndpoint) return;
setReauthing(true);
try {
- const backendUrl = BACKEND_URL;
- const url = new URL(`${backendUrl}${reauthEndpoint}`);
- url.searchParams.set("connector_id", String(connector.id));
- url.searchParams.set("space_id", String(spaceId));
- url.searchParams.set("return_url", window.location.pathname);
- const response = await authenticatedFetch(url.toString());
+ const response = await authenticatedFetch(
+ buildBackendUrl(reauthEndpoint, {
+ connector_id: connector.id,
+ space_id: spaceId,
+ return_url: window.location.pathname,
+ })
+ );
if (!response.ok) {
const data = await response.json().catch(() => ({}));
toast.error(data.detail ?? "Failed to initiate re-authentication.");
diff --git a/surfsense_web/components/assistant-ui/connector-popup/hooks/use-connector-dialog.ts b/surfsense_web/components/assistant-ui/connector-popup/hooks/use-connector-dialog.ts
index 45c174d74..2f10152b8 100644
--- a/surfsense_web/components/assistant-ui/connector-popup/hooks/use-connector-dialog.ts
+++ b/surfsense_web/components/assistant-ui/connector-popup/hooks/use-connector-dialog.ts
@@ -16,7 +16,7 @@ import type { SearchSourceConnector } from "@/contracts/types/connector.types";
import { searchSourceConnector } from "@/contracts/types/connector.types";
import { OAUTH_RESULT_COOKIE, parseOAuthCallbackResult } from "@/contracts/types/oauth.types";
import { authenticatedFetch } from "@/lib/auth-utils";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
import {
trackConnectorConnected,
trackConnectorDeleted,
@@ -351,9 +351,7 @@ export const useConnectorDialog = () => {
trackConnectorSetupStarted(Number(searchSpaceId), connector.connectorType, "oauth_click");
try {
- // Check if authEndpoint already has query parameters
- const separator = connector.authEndpoint.includes("?") ? "&" : "?";
- const url = `${BACKEND_URL}${connector.authEndpoint}${separator}space_id=${searchSpaceId}`;
+ const url = buildBackendUrl(connector.authEndpoint, { space_id: searchSpaceId });
const response = await authenticatedFetch(url, { method: "GET" });
diff --git a/surfsense_web/components/assistant-ui/connector-popup/tabs/all-connectors-tab.tsx b/surfsense_web/components/assistant-ui/connector-popup/tabs/all-connectors-tab.tsx
index 4977219f7..f7b27441b 100644
--- a/surfsense_web/components/assistant-ui/connector-popup/tabs/all-connectors-tab.tsx
+++ b/surfsense_web/components/assistant-ui/connector-popup/tabs/all-connectors-tab.tsx
@@ -2,10 +2,10 @@
import { Search } from "lucide-react";
import type { FC } from "react";
+import { useIsSelfHosted } from "@/components/providers/runtime-config";
import { EnumConnectorName } from "@/contracts/enums/connector";
import type { SearchSourceConnector } from "@/contracts/types/connector.types";
import { usePlatform } from "@/hooks/use-platform";
-import { isSelfHosted } from "@/lib/env-config";
import { ConnectorCard } from "../components/connector-card";
import {
COMPOSIO_CONNECTORS,
@@ -22,6 +22,11 @@ type OAuthConnector = (typeof OAUTH_CONNECTORS)[number];
type ComposioConnector = (typeof COMPOSIO_CONNECTORS)[number];
type OtherConnector = (typeof OTHER_CONNECTORS)[number];
type CrawlerConnector = (typeof CRAWLERS)[number];
+type DeploymentFilterableConnector = {
+ readonly id: string;
+ readonly selfHostedOnly?: boolean;
+ readonly desktopOnly?: boolean;
+};
/**
* Extract the display name from a full connector name.
@@ -66,14 +71,14 @@ export const AllConnectorsTab: FC = ({
onManage,
onViewAccountsList,
}) => {
- const selfHosted = isSelfHosted();
+ const selfHosted = useIsSelfHosted();
const { isDesktop } = usePlatform();
const matchesSearch = (title: string, description: string) =>
title.toLowerCase().includes(searchQuery.toLowerCase()) ||
description.toLowerCase().includes(searchQuery.toLowerCase());
- const passesDeploymentFilter = (c: { selfHostedOnly?: boolean; desktopOnly?: boolean }) =>
+ const passesDeploymentFilter = (c: DeploymentFilterableConnector) =>
(!c.selfHostedOnly || selfHosted) && (!c.desktopOnly || isDesktop);
// Filter connectors based on search and deployment mode
diff --git a/surfsense_web/components/assistant-ui/connector-popup/views/connector-accounts-list-view.tsx b/surfsense_web/components/assistant-ui/connector-popup/views/connector-accounts-list-view.tsx
index 05b684397..f53537cdc 100644
--- a/surfsense_web/components/assistant-ui/connector-popup/views/connector-accounts-list-view.tsx
+++ b/surfsense_web/components/assistant-ui/connector-popup/views/connector-accounts-list-view.tsx
@@ -12,7 +12,7 @@ import { getConnectorIcon } from "@/contracts/enums/connectorIcons";
import type { SearchSourceConnector } from "@/contracts/types/connector.types";
import { authenticatedFetch } from "@/lib/auth-utils";
import { getReauthEndpoint } from "@/lib/connector-telemetry";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
import { formatRelativeDate } from "@/lib/format-date";
import { cn } from "@/lib/utils";
import { LIVE_CONNECTOR_TYPES } from "../constants/connector-constants";
@@ -61,12 +61,13 @@ export const ConnectorAccountsListView: FC = ({
if (!searchSpaceId || !endpoint) return;
setReauthingId(connector.id);
try {
- const backendUrl = BACKEND_URL;
- const url = new URL(`${backendUrl}${endpoint}`);
- url.searchParams.set("connector_id", String(connector.id));
- url.searchParams.set("space_id", String(searchSpaceId));
- url.searchParams.set("return_url", window.location.pathname);
- const response = await authenticatedFetch(url.toString());
+ const response = await authenticatedFetch(
+ buildBackendUrl(endpoint, {
+ connector_id: connector.id,
+ space_id: searchSpaceId,
+ return_url: window.location.pathname,
+ })
+ );
if (!response.ok) {
const data = await response.json().catch(() => ({}));
toast.error(data.detail ?? "Failed to initiate re-authentication.");
diff --git a/surfsense_web/components/assistant-ui/thread.tsx b/surfsense_web/components/assistant-ui/thread.tsx
index 95f118835..9f74895d1 100644
--- a/surfsense_web/components/assistant-ui/thread.tsx
+++ b/surfsense_web/components/assistant-ui/thread.tsx
@@ -48,10 +48,10 @@ import { connectorDialogOpenAtom } from "@/atoms/connector-dialog/connector-dial
import { connectorsAtom } from "@/atoms/connectors/connector-query.atoms";
import { membersAtom } from "@/atoms/members/members-query.atoms";
import {
- globalNewLLMConfigsAtom,
- llmPreferencesAtom,
- newLLMConfigsAtom,
-} from "@/atoms/new-llm-config/new-llm-config-query.atoms";
+ globalModelConnectionsAtom,
+ modelConnectionsAtom,
+ modelRolesAtom,
+} from "@/atoms/model-connections/model-connections-query.atoms";
import { currentUserAtom } from "@/atoms/user/user-query.atoms";
import { AssistantMessage } from "@/components/assistant-ui/assistant-message";
import { ChatSessionStatus } from "@/components/assistant-ui/chat-session-status";
@@ -68,6 +68,7 @@ import {
import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button";
import { UserMessage } from "@/components/assistant-ui/user-message";
import { ChatExamplePrompts } from "@/components/new-chat/chat-example-prompts";
+import { ChatHeader } from "@/components/new-chat/chat-header";
import { ComposerSuggestionPopoverContent } from "@/components/new-chat/composer-suggestion-popup";
import { PromptPicker, type PromptPickerRef } from "@/components/new-chat/prompt-picker";
import { Avatar, AvatarFallback, AvatarGroup } from "@/components/ui/avatar";
@@ -521,6 +522,11 @@ const Composer: FC = () => {
editorRef.current?.focus();
}, [isDesktop, showDocumentPopover, showPromptPicker, threadId]);
+ const handleChatModelSelected = useCallback(() => {
+ if (!isDesktop) return;
+ editorRef.current?.focus();
+ }, [isDesktop]);
+
// Close document picker when a sidebar slide-out panel (inbox, etc.) opens.
// React only on changes to the tick — comparing against the previously-seen
// value preserves the one-shot semantics of the prior window-event approach
@@ -931,7 +937,11 @@ const Composer: FC = () => {
className="min-h-[48px] sm:min-h-[24px] **:data-slate-placeholder:font-normal"
/>
+
!thread.isRunning}>
= ({ isBlockedByOtherUser = false
isBlockedByOtherUser
? "Wait for AI to finish responding"
: !hasModelConfigured
- ? "Please select a model from the header to start chatting"
+ ? "Please select a model to start chatting"
: isComposerEmpty
? "Enter a message or add a screenshot to send"
: "Send message"
diff --git a/surfsense_web/components/assistant-ui/token-usage-context.tsx b/surfsense_web/components/assistant-ui/token-usage-context.tsx
index dd80bcac3..8db8c2b50 100644
--- a/surfsense_web/components/assistant-ui/token-usage-context.tsx
+++ b/surfsense_web/components/assistant-ui/token-usage-context.tsx
@@ -9,6 +9,18 @@ import {
useSyncExternalStore,
} from "react";
+export interface TokenUsageModelBreakdown {
+ prompt_tokens: number;
+ completion_tokens: number;
+ total_tokens: number;
+ cost_micros?: number;
+ model?: string | null;
+ model_ref?: string | null;
+ model_id?: string | null;
+ display_name?: string | null;
+ provider?: string | null;
+}
+
export interface TokenUsageData {
prompt_tokens: number;
completion_tokens: number;
@@ -20,24 +32,8 @@ export interface TokenUsageData {
* before the migration won't have it.
*/
cost_micros?: number;
- usage?: Record<
- string,
- {
- prompt_tokens: number;
- completion_tokens: number;
- total_tokens: number;
- cost_micros?: number;
- }
- >;
- model_breakdown?: Record<
- string,
- {
- prompt_tokens: number;
- completion_tokens: number;
- total_tokens: number;
- cost_micros?: number;
- }
- >;
+ usage?: Record;
+ model_breakdown?: Record;
}
type Listener = () => void;
diff --git a/surfsense_web/components/auth/sign-in-button.tsx b/surfsense_web/components/auth/sign-in-button.tsx
index 7f5a77f36..581e37603 100644
--- a/surfsense_web/components/auth/sign-in-button.tsx
+++ b/surfsense_web/components/auth/sign-in-button.tsx
@@ -3,7 +3,7 @@
import Link from "next/link";
import { useState } from "react";
import { Button } from "@/components/ui/button";
-import { AUTH_TYPE, BACKEND_URL } from "@/lib/env-config";
+import { BUILD_TIME_AUTH_TYPE, buildBackendUrl } from "@/lib/env-config";
import { trackLoginAttempt } from "@/lib/posthog/events";
import { cn } from "@/lib/utils";
@@ -46,14 +46,14 @@ interface SignInButtonProps {
}
export const SignInButton = ({ variant = "desktop" }: SignInButtonProps) => {
- const isGoogleAuth = AUTH_TYPE === "GOOGLE";
+ const isGoogleAuth = BUILD_TIME_AUTH_TYPE === "GOOGLE";
const [isRedirecting, setIsRedirecting] = useState(false);
const handleGoogleLogin = () => {
if (isRedirecting) return;
setIsRedirecting(true);
trackLoginAttempt("google");
- window.location.href = `${BACKEND_URL}/auth/google/authorize-redirect`;
+ window.location.href = buildBackendUrl("/auth/google/authorize-redirect");
};
const getClassName = () => {
diff --git a/surfsense_web/components/documents/download-original-button.tsx b/surfsense_web/components/documents/download-original-button.tsx
index b79b289b4..e04ead89a 100644
--- a/surfsense_web/components/documents/download-original-button.tsx
+++ b/surfsense_web/components/documents/download-original-button.tsx
@@ -7,7 +7,7 @@ import { Button } from "@/components/ui/button";
import { Spinner } from "@/components/ui/spinner";
import { documentsApiService } from "@/lib/apis/documents-api.service";
import { authenticatedFetch } from "@/lib/auth-utils";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
interface DownloadOriginalButtonProps {
documentId: number;
@@ -41,7 +41,7 @@ export function DownloadOriginalButton({ documentId }: DownloadOriginalButtonPro
setDownloading(true);
try {
const response = await authenticatedFetch(
- `${BACKEND_URL}/api/v1/documents/${documentId}/download-original`,
+ buildBackendUrl(`/api/v1/documents/${documentId}/download-original`),
{ method: "GET" }
);
if (!response.ok) throw new Error("Download failed");
diff --git a/surfsense_web/components/editor-panel/editor-panel.tsx b/surfsense_web/components/editor-panel/editor-panel.tsx
index 3eadc51b2..75283c81f 100644
--- a/surfsense_web/components/editor-panel/editor-panel.tsx
+++ b/surfsense_web/components/editor-panel/editor-panel.tsx
@@ -35,7 +35,7 @@ import { useMediaQuery } from "@/hooks/use-media-query";
import { useElectronAPI } from "@/hooks/use-platform";
import { authenticatedFetch, getBearerToken, redirectToLogin } from "@/lib/auth-utils";
import { inferMonacoLanguageFromPath } from "@/lib/editor-language";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
const PlateEditor = dynamic(
() => import("@/components/editor/plate-editor").then((m) => ({ default: m.PlateEditor })),
@@ -280,10 +280,12 @@ export function EditorPanelContent({
return;
}
- const url = new URL(
- `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/editor-content`
+ const response = await authenticatedFetch(
+ buildBackendUrl(
+ `/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/editor-content`
+ ),
+ { method: "GET" }
);
- const response = await authenticatedFetch(url.toString(), { method: "GET" });
if (controller.signal.aborted) return;
@@ -422,7 +424,7 @@ export function EditorPanelContent({
return;
}
const response = await authenticatedFetch(
- `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/save`,
+ buildBackendUrl(`/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/save`),
{
method: "POST",
headers: { "Content-Type": "application/json" },
@@ -529,7 +531,9 @@ export function EditorPanelContent({
setDownloading(true);
try {
const response = await authenticatedFetch(
- `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/download-markdown`,
+ buildBackendUrl(
+ `/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/download-markdown`
+ ),
{ method: "GET" }
);
if (!response.ok) throw new Error("Download failed");
diff --git a/surfsense_web/components/editor-panel/memory.ts b/surfsense_web/components/editor-panel/memory.ts
index aa5b1f68d..1beb977a6 100644
--- a/surfsense_web/components/editor-panel/memory.ts
+++ b/surfsense_web/components/editor-panel/memory.ts
@@ -1,6 +1,7 @@
"use client";
import { authenticatedFetch } from "@/lib/auth-utils";
+import { buildBackendUrl } from "@/lib/env-config";
export type MemoryScope = "user" | "team";
@@ -29,10 +30,6 @@ function getMemoryPath(scope: MemoryScope, searchSpaceId?: number | null) {
return `/api/v1/searchspaces/${searchSpaceId}/memory`;
}
-function getBackendUrl(path: string) {
- return `${process.env.NEXT_PUBLIC_FASTAPI_BACKEND_URL}${path}`;
-}
-
export function getMemoryLimitState(length: number, limits?: MemoryLimits | null) {
if (!limits) {
return {
@@ -65,7 +62,7 @@ export async function fetchMemoryEditorDocument({
title?: string | null;
signal?: AbortSignal;
}) {
- const response = await authenticatedFetch(getBackendUrl(getMemoryPath(scope, searchSpaceId)), {
+ const response = await authenticatedFetch(buildBackendUrl(getMemoryPath(scope, searchSpaceId)), {
method: "GET",
signal,
});
@@ -97,7 +94,7 @@ export async function saveMemoryMarkdown({
searchSpaceId?: number | null;
markdown: string;
}) {
- const response = await authenticatedFetch(getBackendUrl(getMemoryPath(scope, searchSpaceId)), {
+ const response = await authenticatedFetch(buildBackendUrl(getMemoryPath(scope, searchSpaceId)), {
method: "PUT",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ memory_md: markdown }),
diff --git a/surfsense_web/components/free-chat/anonymous-chat.tsx b/surfsense_web/components/free-chat/anonymous-chat.tsx
index aff58f7bc..e3b8273bc 100644
--- a/surfsense_web/components/free-chat/anonymous-chat.tsx
+++ b/surfsense_web/components/free-chat/anonymous-chat.tsx
@@ -6,7 +6,7 @@ import { Button } from "@/components/ui/button";
import type { AnonModel, AnonQuotaResponse } from "@/contracts/types/anonymous-chat.types";
import { anonymousChatApiService } from "@/lib/apis/anonymous-chat-api.service";
import { readSSEStream } from "@/lib/chat/streaming-state";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
import { trackAnonymousChatMessageSent } from "@/lib/posthog/events";
import { cn } from "@/lib/utils";
import { QuotaBar } from "./quota-bar";
@@ -81,7 +81,7 @@ export function AnonymousChat({ model }: AnonymousChatProps) {
content: m.content,
}));
- const response = await fetch(`${BACKEND_URL}/api/v1/public/anon-chat/stream`, {
+ const response = await fetch(buildBackendUrl("/api/v1/public/anon-chat/stream"), {
method: "POST",
headers: { "Content-Type": "application/json" },
credentials: "include",
@@ -188,9 +188,6 @@ export function AnonymousChat({ model }: AnonymousChatProps) {
{model.name}
- {model.description && (
- {model.description}
- )}
Free to use · No login required · Start typing below
diff --git a/surfsense_web/components/free-chat/free-chat-page.tsx b/surfsense_web/components/free-chat/free-chat-page.tsx
index b28b1e0a1..966aaee60 100644
--- a/surfsense_web/components/free-chat/free-chat-page.tsx
+++ b/surfsense_web/components/free-chat/free-chat-page.tsx
@@ -33,9 +33,8 @@ import {
updateThinkingSteps,
updateToolCall,
} from "@/lib/chat/streaming-state";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
import { trackAnonymousChatMessageSent } from "@/lib/posthog/events";
-import { FreeModelSelector } from "./free-model-selector";
import { FreeThread } from "./free-thread";
import { RemoveAdsBanner } from "./remove-ads-banner";
@@ -63,6 +62,21 @@ function normalizeFreeChatErrorMessage(error: unknown): string {
if (code === "THREAD_BUSY") {
return "A previous response is still stopping. Please try again in a moment.";
}
+ if (code === "MODEL_AUTH_FAILED") {
+ return "This model’s API key is invalid or expired. Switch models, or update the API key.";
+ }
+ if (code === "MODEL_NOT_FOUND") {
+ return "This model is unavailable or no longer exists. Please switch models.";
+ }
+ if (code === "MODEL_CONTEXT_LIMIT") {
+ return "This request is too large for the selected model. Reduce the input or switch models.";
+ }
+ if (code === "MODEL_PROVIDER_UNAVAILABLE") {
+ return "The selected model provider is temporarily unavailable. Please try again or switch models.";
+ }
+ if (code === "RATE_LIMITED") {
+ return "This model is temporarily rate-limited. Please try again in a few seconds or switch models.";
+ }
return error.message || "An unexpected error occurred";
}
@@ -154,7 +168,7 @@ export function FreeChatPage() {
assistantMsgId: string,
signal: AbortSignal,
turnstileToken: string | null
- ): Promise<"captcha" | void> => {
+ ): Promise<"captcha" | undefined> => {
const reqBody: Record = {
model_slug: modelSlug,
messages: messageHistory,
@@ -162,7 +176,7 @@ export function FreeChatPage() {
if (!webSearchEnabled) reqBody.disabled_tools = ["web_search"];
if (turnstileToken) reqBody.turnstile_token = turnstileToken;
- const response = await fetch(`${BACKEND_URL}/api/v1/public/anon-chat/stream`, {
+ const response = await fetch(buildBackendUrl("/api/v1/public/anon-chat/stream"), {
method: "POST",
headers: { "Content-Type": "application/json" },
credentials: "include",
@@ -484,10 +498,6 @@ export function FreeChatPage() {
-
-
-
-
{captchaRequired && TURNSTILE_SITE_KEY && (
diff --git a/surfsense_web/components/free-chat/free-composer.tsx b/surfsense_web/components/free-chat/free-composer.tsx
index 46d9e0259..162b906ad 100644
--- a/surfsense_web/components/free-chat/free-composer.tsx
+++ b/surfsense_web/components/free-chat/free-composer.tsx
@@ -13,6 +13,7 @@ import { useAnonymousMode } from "@/contexts/anonymous-mode";
import { useLoginGate } from "@/contexts/login-gate";
import { anonymousChatApiService } from "@/lib/apis/anonymous-chat-api.service";
import { cn } from "@/lib/utils";
+import { FreeModelSelector } from "./free-model-selector";
const ANON_ALLOWED_EXTENSIONS = new Set([
".md",
@@ -227,7 +228,8 @@ export const FreeComposer: FC = () => {
+
+
{!isRunning ? (
diff --git a/surfsense_web/components/free-chat/free-model-selector.tsx b/surfsense_web/components/free-chat/free-model-selector.tsx
index 9bf4ecee5..d04bca8a2 100644
--- a/surfsense_web/components/free-chat/free-model-selector.tsx
+++ b/surfsense_web/components/free-chat/free-model-selector.tsx
@@ -1,6 +1,6 @@
"use client";
-import { Bot, Check, ChevronDown } from "lucide-react";
+import { Check, ChevronDown, Cpu } from "lucide-react";
import { useRouter } from "next/navigation";
import { useCallback, useEffect, useMemo, useState } from "react";
import { Badge } from "@/components/ui/badge";
@@ -82,7 +82,7 @@ export function FreeModelSelector({ className }: { className?: string }) {
) : (
<>
-
+
Select Model
)}
diff --git a/surfsense_web/components/homepage/global-announcement.tsx b/surfsense_web/components/homepage/global-announcement.tsx
new file mode 100644
index 000000000..212be42c7
--- /dev/null
+++ b/surfsense_web/components/homepage/global-announcement.tsx
@@ -0,0 +1,27 @@
+import { IconInfoCircle } from "@tabler/icons-react";
+import { GLOBAL_ANNOUNCEMENT_ENABLED, GLOBAL_ANNOUNCEMENT_MESSAGE } from "@/lib/env-config";
+
+/**
+ * Small, site-wide banner for planned downtime / maintenance notices.
+ *
+ * Controlled entirely through build-time env vars so it can be toggled from
+ * Vercel without a code change:
+ * - NEXT_PUBLIC_GLOBAL_ANNOUNCEMENT_ENABLED ("true" to show)
+ * - NEXT_PUBLIC_GLOBAL_ANNOUNCEMENT_MESSAGE (the copy to display)
+ */
+export function GlobalAnnouncement() {
+ const message = GLOBAL_ANNOUNCEMENT_MESSAGE.trim();
+
+ if (!GLOBAL_ANNOUNCEMENT_ENABLED || !message) {
+ return null;
+ }
+
+ return (
+
+ );
+}
diff --git a/surfsense_web/components/homepage/hero-section.tsx b/surfsense_web/components/homepage/hero-section.tsx
index 09cf316d8..0f3bfe1aa 100644
--- a/surfsense_web/components/homepage/hero-section.tsx
+++ b/surfsense_web/components/homepage/hero-section.tsx
@@ -37,7 +37,7 @@ import {
getAssetLabel,
usePrimaryDownload,
} from "@/lib/desktop-download-utils";
-import { AUTH_TYPE, BACKEND_URL } from "@/lib/env-config";
+import { BUILD_TIME_AUTH_TYPE, buildBackendUrl } from "@/lib/env-config";
import { trackLoginAttempt } from "@/lib/posthog/events";
import { cn } from "@/lib/utils";
@@ -314,14 +314,14 @@ export function HeroSection() {
}
function GetStartedButton() {
- const isGoogleAuth = AUTH_TYPE === "GOOGLE";
+ const isGoogleAuth = BUILD_TIME_AUTH_TYPE === "GOOGLE";
const [isRedirecting, setIsRedirecting] = useState(false);
const handleGoogleLogin = () => {
if (isRedirecting) return;
setIsRedirecting(true);
trackLoginAttempt("google");
- window.location.href = `${BACKEND_URL}/auth/google/authorize-redirect`;
+ window.location.href = buildBackendUrl("/auth/google/authorize-redirect");
};
if (isGoogleAuth) {
diff --git a/surfsense_web/components/icons/providers/azure.svg b/surfsense_web/components/icons/providers/azure.svg
new file mode 100644
index 000000000..ba80f55ca
--- /dev/null
+++ b/surfsense_web/components/icons/providers/azure.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/surfsense_web/components/icons/providers/bedrock.svg b/surfsense_web/components/icons/providers/bedrock.svg
index 195aa6594..cde500c0d 100644
--- a/surfsense_web/components/icons/providers/bedrock.svg
+++ b/surfsense_web/components/icons/providers/bedrock.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/surfsense_web/components/icons/providers/claude.svg b/surfsense_web/components/icons/providers/claude.svg
new file mode 100644
index 000000000..8d732d5b0
--- /dev/null
+++ b/surfsense_web/components/icons/providers/claude.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/surfsense_web/components/icons/providers/index.ts b/surfsense_web/components/icons/providers/index.ts
index aefa2a053..5c8276e62 100644
--- a/surfsense_web/components/icons/providers/index.ts
+++ b/surfsense_web/components/icons/providers/index.ts
@@ -1,8 +1,10 @@
export { default as Ai21Icon } from "./ai21.svg";
export { default as AnthropicIcon } from "./anthropic.svg";
export { default as AnyscaleIcon } from "./anyscale.svg";
+export { default as AzureIcon } from "./azure.svg";
export { default as BedrockIcon } from "./bedrock.svg";
export { default as CerebrasIcon } from "./cerebras.svg";
+export { default as ClaudeIcon } from "./claude.svg";
export { default as CohereIcon } from "./cohere.svg";
export { default as CometApiIcon } from "./cometapi.svg";
export { default as DatabricksIcon } from "./dbrx.svg";
@@ -13,6 +15,7 @@ export { default as GeminiIcon } from "./gemini.svg";
export { default as GitHubModelsIcon } from "./github.svg";
export { default as GroqIcon } from "./groq.svg";
export { default as HuggingFaceIcon } from "./huggingface.svg";
+export { default as LmStudioIcon } from "./lm-studio.svg";
export { default as MiniMaxIcon } from "./minimax.svg";
export { default as MistralIcon } from "./mistral.svg";
export { default as MoonshotIcon } from "./moonshot.svg";
diff --git a/surfsense_web/components/icons/providers/lm-studio.svg b/surfsense_web/components/icons/providers/lm-studio.svg
new file mode 100644
index 000000000..b6ae7db3e
--- /dev/null
+++ b/surfsense_web/components/icons/providers/lm-studio.svg
@@ -0,0 +1,21 @@
+
diff --git a/surfsense_web/components/icons/providers/vertexai.svg b/surfsense_web/components/icons/providers/vertexai.svg
index 45adce83b..e46a3ca0f 100644
--- a/surfsense_web/components/icons/providers/vertexai.svg
+++ b/surfsense_web/components/icons/providers/vertexai.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/surfsense_web/components/layout/providers/LayoutDataProvider.tsx b/surfsense_web/components/layout/providers/LayoutDataProvider.tsx
index 549e6e7d7..429a1fde8 100644
--- a/surfsense_web/components/layout/providers/LayoutDataProvider.tsx
+++ b/surfsense_web/components/layout/providers/LayoutDataProvider.tsx
@@ -2,7 +2,7 @@
import { useQuery } from "@tanstack/react-query";
import { useAtom, useAtomValue, useSetAtom } from "jotai";
-import { AlertTriangle, Inbox, LibraryBig, Workflow } from "lucide-react";
+import { AlarmClock, AlertTriangle, Inbox, LibraryBig } from "lucide-react";
import { useParams, usePathname, useRouter } from "next/navigation";
import { useTranslations } from "next-intl";
import { useTheme } from "next-themes";
@@ -342,7 +342,7 @@ export function LayoutDataProvider({ searchSpaceId, children }: LayoutDataProvid
{
title: "Automations",
url: `/dashboard/${searchSpaceId}/automations`,
- icon: Workflow,
+ icon: AlarmClock,
isActive: isAutomationsActive,
},
isMobile
diff --git a/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx b/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx
index 6f385b465..009b2c120 100644
--- a/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx
+++ b/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx
@@ -67,7 +67,7 @@ export function CreateSearchSpaceDialog({ open, onOpenChange }: CreateSearchSpac
trackSearchSpaceCreated(result.id, values.name);
- router.push(`/dashboard/${result.id}/onboard`);
+ router.push(`/dashboard/${result.id}/new-chat`);
} catch (error) {
console.error("Failed to create search space:", error);
setIsSubmitting(false);
diff --git a/surfsense_web/components/layout/ui/header/Header.tsx b/surfsense_web/components/layout/ui/header/Header.tsx
index 79839622d..ea700391a 100644
--- a/surfsense_web/components/layout/ui/header/Header.tsx
+++ b/surfsense_web/components/layout/ui/header/Header.tsx
@@ -6,7 +6,6 @@ import { currentThreadAtom } from "@/atoms/chat/current-thread.atom";
import { activeSearchSpaceIdAtom } from "@/atoms/search-spaces/search-space-query.atoms";
import { activeTabAtom } from "@/atoms/tabs/tabs.atom";
import { ActionLogButton } from "@/components/agent-action-log/action-log-button";
-import { ChatHeader } from "@/components/new-chat/chat-header";
import { ChatShareButton } from "@/components/new-chat/chat-share-button";
import type { ThreadRecord } from "@/lib/chat/thread-persistence";
@@ -66,13 +65,8 @@ export function Header({ mobileMenuTrigger }: HeaderProps) {
return (
- {/* Left side - Mobile menu trigger + Model selector */}
-
- {mobileMenuTrigger}
- {isChatPage && !isDocumentTab && searchSpaceId && (
-
- )}
-
+ {/* Left side - Mobile menu trigger */}
+ {mobileMenuTrigger}
{/* Right side - Actions */}
diff --git a/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
index 6c6668319..44cc56ab0 100644
--- a/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
@@ -43,6 +43,7 @@ import type { FolderDisplay } from "@/components/documents/FolderNode";
import { FolderPickerDialog } from "@/components/documents/FolderPickerDialog";
import { FolderTreeView } from "@/components/documents/FolderTreeView";
import { VersionHistoryDialog } from "@/components/documents/version-history";
+import { useRuntimeConfig } from "@/components/providers/runtime-config";
import { EXPORT_FILE_EXTENSIONS } from "@/components/shared/ExportMenuItems";
import {
DEFAULT_EXCLUDE_PATTERNS,
@@ -78,7 +79,7 @@ import { foldersApiService } from "@/lib/apis/folders-api.service";
import { searchSpacesApiService } from "@/lib/apis/search-spaces-api.service";
import { authenticatedFetch } from "@/lib/auth-utils";
import { getMentionDocKey } from "@/lib/chat/mention-doc-key";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
import { uploadFolderScan } from "@/lib/folder-sync-upload";
import { getSupportedExtensionsSet } from "@/lib/supported-extensions";
import { queries } from "@/zero/queries/index";
@@ -226,6 +227,7 @@ function AuthenticatedDocumentsSidebarBase({
const isMobile = !useMediaQuery("(min-width: 640px)");
const platformElectronAPI = useElectronAPI();
const electronAPI = desktopFeaturesEnabled ? platformElectronAPI : null;
+ const { etlService } = useRuntimeConfig();
const searchSpaceId = Number(params.search_space_id);
const setConnectorDialogOpen = useSetAtom(connectorDialogOpenAtom);
const openEditorPanel = useSetAtom(openEditorPanelAtom);
@@ -618,7 +620,8 @@ function AuthenticatedDocumentsSidebarBase({
folderName: matched.name,
searchSpaceId,
excludePatterns: matched.excludePatterns ?? DEFAULT_EXCLUDE_PATTERNS,
- fileExtensions: matched.fileExtensions ?? Array.from(getSupportedExtensionsSet()),
+ fileExtensions:
+ matched.fileExtensions ?? Array.from(getSupportedExtensionsSet(undefined, etlService)),
rootFolderId: folder.id,
});
toast.success(`Re-scan complete: ${matched.name}`);
@@ -626,7 +629,7 @@ function AuthenticatedDocumentsSidebarBase({
toast.error((err as Error)?.message || "Failed to re-scan folder");
}
},
- [searchSpaceId, electronAPI]
+ [searchSpaceId, electronAPI, etlService]
);
const handleStopWatching = useCallback(
@@ -748,7 +751,9 @@ function AuthenticatedDocumentsSidebarBase({
.trim()
.slice(0, 80) || "folder";
await doExport(
- `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/export?folder_id=${ctx.folder.id}`,
+ buildBackendUrl(`/api/v1/search-spaces/${searchSpaceId}/export`, {
+ folder_id: ctx.folder.id,
+ }),
`${safeName}.zip`
);
toast.success(`Folder "${ctx.folder.name}" exported`);
@@ -800,7 +805,9 @@ function AuthenticatedDocumentsSidebarBase({
.trim()
.slice(0, 80) || "folder";
await doExport(
- `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/export?folder_id=${folder.id}`,
+ buildBackendUrl(`/api/v1/search-spaces/${searchSpaceId}/export`, {
+ folder_id: folder.id,
+ }),
`${safeName}.zip`
);
toast.success(`Folder "${folder.name}" exported`);
@@ -820,8 +827,8 @@ function AuthenticatedDocumentsSidebarBase({
try {
const endpoint =
doc.document_type === "USER_MEMORY"
- ? `${process.env.NEXT_PUBLIC_FASTAPI_BACKEND_URL}/api/v1/users/me/memory`
- : `${process.env.NEXT_PUBLIC_FASTAPI_BACKEND_URL}/api/v1/searchspaces/${searchSpaceId}/memory`;
+ ? buildBackendUrl("/api/v1/users/me/memory")
+ : buildBackendUrl(`/api/v1/searchspaces/${searchSpaceId}/memory`);
const response = await authenticatedFetch(endpoint, { method: "GET" });
if (!response.ok) {
const errorData = await response.json().catch(() => ({ detail: "Export failed" }));
@@ -849,7 +856,9 @@ function AuthenticatedDocumentsSidebarBase({
try {
const response = await authenticatedFetch(
- `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${doc.id}/export?format=${format}`,
+ buildBackendUrl(`/api/v1/search-spaces/${searchSpaceId}/documents/${doc.id}/export`, {
+ format,
+ }),
{ method: "GET" }
);
@@ -1028,8 +1037,8 @@ function AuthenticatedDocumentsSidebarBase({
}
const endpoint =
doc.document_type === "USER_MEMORY"
- ? `${process.env.NEXT_PUBLIC_FASTAPI_BACKEND_URL}/api/v1/users/me/memory/reset`
- : `${process.env.NEXT_PUBLIC_FASTAPI_BACKEND_URL}/api/v1/searchspaces/${searchSpaceId}/memory/reset`;
+ ? buildBackendUrl("/api/v1/users/me/memory/reset")
+ : buildBackendUrl(`/api/v1/searchspaces/${searchSpaceId}/memory/reset`);
try {
const response = await authenticatedFetch(endpoint, { method: "POST" });
if (!response.ok) {
@@ -1149,6 +1158,7 @@ function AuthenticatedDocumentsSidebarBase({
const showCloudSkeleton =
currentFilesystemTab === "cloud" &&
(zeroFoldersResult.type !== "complete" || zeroAllDocsResult.type !== "complete");
+ const connectorButtonLabel = connectorCount > 0 ? "Manage connectors" : "Connect your connectors";
const cloudContent = (
<>
@@ -1161,9 +1171,7 @@ function AuthenticatedDocumentsSidebarBase({
className="shrink-0 mx-4 mt-6 mb-2.5 h-auto select-none justify-start gap-2 bg-muted px-3 py-1.5 text-xs text-muted-foreground"
>
-
- {connectorCount > 0 ? "Manage connectors" : "Connect your connectors"}
-
+
{connectorButtonLabel}
{connectorCount > 0 && (
{connectorCount}
diff --git a/surfsense_web/components/layout/ui/tabs/DocumentTabContent.tsx b/surfsense_web/components/layout/ui/tabs/DocumentTabContent.tsx
index 61b8c3e25..d50d28a3c 100644
--- a/surfsense_web/components/layout/ui/tabs/DocumentTabContent.tsx
+++ b/surfsense_web/components/layout/ui/tabs/DocumentTabContent.tsx
@@ -11,7 +11,7 @@ import { Alert, AlertDescription } from "@/components/ui/alert";
import { Button } from "@/components/ui/button";
import { Spinner } from "@/components/ui/spinner";
import { authenticatedFetch, getBearerToken, redirectToLogin } from "@/lib/auth-utils";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
const LARGE_DOCUMENT_THRESHOLD = 2 * 1024 * 1024; // 2MB
@@ -108,10 +108,12 @@ export function DocumentTabContent({ documentId, searchSpaceId, title }: Documen
}
try {
- const url = new URL(
- `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/editor-content`
+ const response = await authenticatedFetch(
+ buildBackendUrl(
+ `/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/editor-content`
+ ),
+ { method: "GET" }
);
- const response = await authenticatedFetch(url.toString(), { method: "GET" });
if (controller.signal.aborted) return;
@@ -165,7 +167,7 @@ export function DocumentTabContent({ documentId, searchSpaceId, title }: Documen
setSaving(true);
try {
const response = await authenticatedFetch(
- `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/save`,
+ buildBackendUrl(`/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/save`),
{
method: "POST",
headers: { "Content-Type": "application/json" },
@@ -323,7 +325,9 @@ export function DocumentTabContent({ documentId, searchSpaceId, title }: Documen
setDownloading(true);
try {
const response = await authenticatedFetch(
- `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/download-markdown`,
+ buildBackendUrl(
+ `/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/download-markdown`
+ ),
{ method: "GET" }
);
if (!response.ok) throw new Error("Download failed");
diff --git a/surfsense_web/components/new-chat/chat-example-prompts.tsx b/surfsense_web/components/new-chat/chat-example-prompts.tsx
index 61041cc29..344176629 100644
--- a/surfsense_web/components/new-chat/chat-example-prompts.tsx
+++ b/surfsense_web/components/new-chat/chat-example-prompts.tsx
@@ -1,12 +1,12 @@
"use client";
import {
+ AlarmClock,
FilePlus2,
type LucideIcon,
Search,
Settings2,
WandSparkles,
- Workflow,
X,
} from "lucide-react";
import { memo, useCallback, useState } from "react";
@@ -22,7 +22,7 @@ interface ChatExamplePromptsProps {
const CATEGORY_ICONS: Record = {
search: Search,
create: FilePlus2,
- automate: Workflow,
+ automate: AlarmClock,
tools: Settings2,
};
diff --git a/surfsense_web/components/new-chat/chat-header.tsx b/surfsense_web/components/new-chat/chat-header.tsx
index 4716418ee..9882530d4 100644
--- a/surfsense_web/components/new-chat/chat-header.tsx
+++ b/surfsense_web/components/new-chat/chat-header.tsx
@@ -1,167 +1,23 @@
"use client";
-import { useCallback, useState } from "react";
-import { ImageConfigDialog } from "@/components/shared/image-config-dialog";
-import { ModelConfigDialog } from "@/components/shared/model-config-dialog";
-import { VisionConfigDialog } from "@/components/shared/vision-config-dialog";
-import type {
- GlobalImageGenConfig,
- GlobalNewLLMConfig,
- GlobalVisionLLMConfig,
- ImageGenerationConfig,
- NewLLMConfigPublic,
- VisionLLMConfig,
-} from "@/contracts/types/new-llm-config.types";
+import { ImageModelSelector } from "./image-model-selector";
import { ModelSelector } from "./model-selector";
interface ChatHeaderProps {
searchSpaceId: number;
className?: string;
+ onChatModelSelected?: () => void;
}
-export function ChatHeader({ searchSpaceId, className }: ChatHeaderProps) {
- // LLM config dialog state
- const [dialogOpen, setDialogOpen] = useState(false);
- const [selectedConfig, setSelectedConfig] = useState<
- NewLLMConfigPublic | GlobalNewLLMConfig | null
- >(null);
- const [isGlobal, setIsGlobal] = useState(false);
- const [dialogMode, setDialogMode] = useState<"create" | "edit" | "view">("view");
-
- // Image config dialog state
- const [imageDialogOpen, setImageDialogOpen] = useState(false);
- const [selectedImageConfig, setSelectedImageConfig] = useState<
- ImageGenerationConfig | GlobalImageGenConfig | null
- >(null);
- const [isImageGlobal, setIsImageGlobal] = useState(false);
- const [imageDialogMode, setImageDialogMode] = useState<"create" | "edit" | "view">("view");
-
- // Vision config dialog state
- const [visionDialogOpen, setVisionDialogOpen] = useState(false);
- const [selectedVisionConfig, setSelectedVisionConfig] = useState<
- VisionLLMConfig | GlobalVisionLLMConfig | null
- >(null);
- const [isVisionGlobal, setIsVisionGlobal] = useState(false);
- const [visionDialogMode, setVisionDialogMode] = useState<"create" | "edit" | "view">("view");
-
- // Default provider for create dialogs
- const [defaultLLMProvider, setDefaultLLMProvider] = useState();
- const [defaultImageProvider, setDefaultImageProvider] = useState();
- const [defaultVisionProvider, setDefaultVisionProvider] = useState();
-
- // LLM handlers
- const handleEditLLMConfig = useCallback(
- (config: NewLLMConfigPublic | GlobalNewLLMConfig, global: boolean) => {
- setSelectedConfig(config);
- setIsGlobal(global);
- setDialogMode(global ? "view" : "edit");
- setDefaultLLMProvider(undefined);
- setDialogOpen(true);
- },
- []
- );
-
- const handleAddNewLLM = useCallback((provider?: string) => {
- setSelectedConfig(null);
- setIsGlobal(false);
- setDialogMode("create");
- setDefaultLLMProvider(provider);
- setDialogOpen(true);
- }, []);
-
- const handleDialogClose = useCallback((open: boolean) => {
- setDialogOpen(open);
- if (!open) setSelectedConfig(null);
- }, []);
-
- // Image model handlers
- const handleAddImageModel = useCallback((provider?: string) => {
- setSelectedImageConfig(null);
- setIsImageGlobal(false);
- setImageDialogMode("create");
- setDefaultImageProvider(provider);
- setImageDialogOpen(true);
- }, []);
-
- const handleEditImageConfig = useCallback(
- (config: ImageGenerationConfig | GlobalImageGenConfig, global: boolean) => {
- setSelectedImageConfig(config);
- setIsImageGlobal(global);
- setImageDialogMode(global ? "view" : "edit");
- setDefaultImageProvider(undefined);
- setImageDialogOpen(true);
- },
- []
- );
-
- const handleImageDialogClose = useCallback((open: boolean) => {
- setImageDialogOpen(open);
- if (!open) setSelectedImageConfig(null);
- }, []);
-
- // Vision model handlers
- const handleAddVisionModel = useCallback((provider?: string) => {
- setSelectedVisionConfig(null);
- setIsVisionGlobal(false);
- setVisionDialogMode("create");
- setDefaultVisionProvider(provider);
- setVisionDialogOpen(true);
- }, []);
-
- const handleEditVisionConfig = useCallback(
- (config: VisionLLMConfig | GlobalVisionLLMConfig, global: boolean) => {
- setSelectedVisionConfig(config);
- setIsVisionGlobal(global);
- setVisionDialogMode(global ? "view" : "edit");
- setDefaultVisionProvider(undefined);
- setVisionDialogOpen(true);
- },
- []
- );
-
- const handleVisionDialogClose = useCallback((open: boolean) => {
- setVisionDialogOpen(open);
- if (!open) setSelectedVisionConfig(null);
- }, []);
-
+export function ChatHeader({ searchSpaceId, className, onChatModelSelected }: ChatHeaderProps) {
return (
-
-
-
+
);
}
diff --git a/surfsense_web/components/new-chat/image-model-selector.tsx b/surfsense_web/components/new-chat/image-model-selector.tsx
new file mode 100644
index 000000000..e90a46c09
--- /dev/null
+++ b/surfsense_web/components/new-chat/image-model-selector.tsx
@@ -0,0 +1,301 @@
+"use client";
+
+import { useAtom, useAtomValue } from "jotai";
+import { Check, ChevronDown, ImagePlus, Search, SlidersHorizontal } from "lucide-react";
+import { useRouter } from "next/navigation";
+import type { UIEvent } from "react";
+import { useCallback, useMemo, useState } from "react";
+import { updateModelRolesMutationAtom } from "@/atoms/model-connections/model-connections-mutation.atoms";
+import {
+ globalModelConnectionsAtom,
+ modelConnectionsAtom,
+ modelRolesAtom,
+} from "@/atoms/model-connections/model-connections-query.atoms";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+ Drawer,
+ DrawerContent,
+ DrawerHandle,
+ DrawerHeader,
+ DrawerTitle,
+ DrawerTrigger,
+} from "@/components/ui/drawer";
+import { Input } from "@/components/ui/input";
+import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
+import { Spinner } from "@/components/ui/spinner";
+import type { ConnectionRead, ModelRead } from "@/contracts/types/model-connections.types";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { AUTO_PROVIDER_ICON_KEY, getProviderIcon } from "@/lib/provider-icons";
+import { cn } from "@/lib/utils";
+import { providerDisplay } from "../settings/model-connections/provider-metadata";
+
+interface ImageModelSelectorProps {
+ searchSpaceId: number;
+ className?: string;
+}
+
+type ImageModel = ModelRead & {
+ connectionId: number;
+ connectionLabel: string;
+ connectionScope: string;
+ provider: string;
+};
+
+const AUTO_IMAGE_MODEL_ID = 0;
+
+function connectionLabel(connection: ConnectionRead) {
+ if (connection.scope === "GLOBAL") return "Global";
+ return providerDisplay(connection.provider).name;
+}
+
+function flattenImageModels(connections: ConnectionRead[]) {
+ return connections.flatMap((connection) =>
+ connection.models
+ .filter((model) => model.enabled && Boolean(model.supports_image_generation))
+ .map((model) => ({
+ ...model,
+ connectionId: connection.id,
+ connectionLabel: connectionLabel(connection),
+ connectionScope: connection.scope,
+ provider: connection.provider,
+ }))
+ );
+}
+
+function isFreeGlobalModel(model: ImageModel) {
+ return model.connectionScope === "GLOBAL" && model.billing_tier?.toLowerCase() === "free";
+}
+
+function modelName(model: ImageModel) {
+ const name = model.display_name || model.model_id;
+ if (model.connectionScope === "GLOBAL") {
+ return name.replace(/\s+\(free\)$/i, "");
+ }
+ return name;
+}
+
+function filterImageModels(models: ImageModel[], search: string) {
+ const normalized = search.trim().toLowerCase();
+ if (!normalized) return models;
+ return models.filter((model) =>
+ [modelName(model), model.model_id, model.connectionLabel]
+ .join(" ")
+ .toLowerCase()
+ .includes(normalized)
+ );
+}
+
+function groupedModels(models: ImageModel[]) {
+ return models.reduce>((groups, model) => {
+ const key = model.connectionLabel;
+ if (!groups[key]) groups[key] = [];
+ groups[key].push(model);
+ return groups;
+ }, {});
+}
+
+export function ImageModelSelector({ searchSpaceId, className }: ImageModelSelectorProps) {
+ const router = useRouter();
+ const isMobile = useIsMobile();
+ const [open, setOpen] = useState(false);
+ const [search, setSearch] = useState("");
+ const [scrollPos, setScrollPos] = useState<"top" | "middle" | "bottom">("top");
+ const [{ data: globalConnections = [], isLoading: globalLoading }] = useAtom(
+ globalModelConnectionsAtom
+ );
+ const [{ data: connections = [], isLoading: connectionsLoading }] = useAtom(modelConnectionsAtom);
+ const [{ data: roles }] = useAtom(modelRolesAtom);
+ const updateRoles = useAtomValue(updateModelRolesMutationAtom);
+
+ const allImageModels = useMemo(
+ () => flattenImageModels([...globalConnections, ...connections]),
+ [globalConnections, connections]
+ );
+
+ const visibleImageModels = useMemo(
+ () => filterImageModels(allImageModels, search),
+ [allImageModels, search]
+ );
+ const imageModelsById = useMemo(
+ () => new Map(allImageModels.map((model) => [model.id, model])),
+ [allImageModels]
+ );
+ const selectedModelId = roles?.image_gen_model_id ?? AUTO_IMAGE_MODEL_ID;
+ const selected = imageModelsById.get(selectedModelId);
+ const groups = useMemo(() => groupedModels(visibleImageModels), [visibleImageModels]);
+ const loading = globalLoading || connectionsLoading;
+ const hasSearchQuery = search.trim().length > 0;
+
+ function handleOpenChange(nextOpen: boolean) {
+ if (!nextOpen) setSearch("");
+ setOpen(nextOpen);
+ }
+
+ function selectModel(modelId: number) {
+ updateRoles.mutate({ image_gen_model_id: modelId });
+ setSearch("");
+ setOpen(false);
+ }
+
+ function manageModelConnections() {
+ setOpen(false);
+ router.push(`/dashboard/${searchSpaceId}/search-space-settings/models`);
+ }
+
+ const handleScroll = useCallback((event: UIEvent) => {
+ const el = event.currentTarget;
+ const atTop = el.scrollTop <= 2;
+ const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= 2;
+ setScrollPos(atTop ? "top" : atBottom ? "bottom" : "middle");
+ }, []);
+
+ // Only surface this control when usable image-generation models exist.
+ if (!loading && allImageModels.length === 0) {
+ return null;
+ }
+
+ const content = (
+
+
+
+
+ setSearch(event.target.value)}
+ placeholder="Search image models"
+ className="h-8 border-0 bg-transparent pl-6 text-sm shadow-none"
+ />
+
+
+
+
+ {loading ? (
+
+
+
+ ) : Object.keys(groups).length === 0 ? (
+
+ {hasSearchQuery
+ ? "No matching image models."
+ : "No enabled image models. Add or enable models in Settings."}
+
+ ) : (
+ Object.entries(groups).map(([connection, models]) => (
+
+
+ {connection}
+
+ {models.map((model) => (
+
+ ))}
+
+ ))
+ )}
+
+
+
+
+
+
+
+
+ setSearch(event.target.value)}
+ placeholder="Search chat models"
+ className="h-8 border-0 bg-transparent pl-6 text-sm shadow-none"
+ />
+
+
- {!isMobile && (
-
-
-
- )}
- {isMobile && (
-
-
-
- )}
-
selectModel(AUTO_CHAT_MODEL_ID)}
>
- {activeProviders.map((provider, idx) => {
- const isAll = provider === "all";
- const isActive = selectedProvider === provider;
- const count = providerModelCounts[provider] || 0;
- const isConfigured = isAll || configuredProviderSet.has(provider);
-
- // Separator between configured and unconfigured providers
- // idx 0 is "all", configured run from 1..configuredCount, unconfigured start at configuredCount+1
- const showSeparator = !isAll && idx === configuredCount + 1 && configuredCount > 0;
-
- return (
-
- {showSeparator &&
- (isMobile ? (
-
- ) : (
-
- ))}
-
-
-
-
-
- {isAll ? "All Models" : formatProviderName(provider)}
- {isConfigured ? ` (${count})` : " (not configured)"}
-
-
-
- );
- })}
-
- {!isMobile && (
-
-
-
- )}
- {isMobile && (
-
-
-
- )}
-
- );
- };
-
- // ─── Render: Model card ───
- const getSelectedId = () => {
- switch (activeTab) {
- case "llm":
- return currentLLMConfig?.id;
- case "image":
- return currentImageConfig?.id;
- case "vision":
- return currentVisionConfig?.id;
- }
- };
-
- const renderModelCard = (item: DisplayItem, index: number) => {
- const { config, isAutoMode } = item;
- const isSelected = getSelectedId() === config.id;
- const isFocused = focusedIndex === index;
- const hasCitations = "citations_enabled" in config && !!config.citations_enabled;
- const hasPremiumStatus = "is_premium" in config && !isAutoMode;
- const isPremium = hasPremiumStatus && !!(config as Record
).is_premium;
- // Chat-tab only: surface an amber "No image" hint when the
- // composer carries images and the catalog reports the model as
- // non-vision. This is purely advisory — selection is *not*
- // blocked. The backend's narrow safety net
- // (`is_known_text_only_chat_model`) is the source of truth for
- // rejecting image turns, and it only fires when LiteLLM
- // explicitly marks the model as text-only. A model surfaced as
- // `supports_image_input=false` here may still be capable in
- // practice (unknown / unmapped LiteLLM entry), so we let the
- // user pick it and the provider response decide.
- const isImageIncompatibleChatModel =
- activeTab === "llm" &&
- hasPendingImages &&
- "supports_image_input" in config &&
- (config as Record).supports_image_input === false;
-
- return (
- handleSelectItem(item)}
- onKeyDown={
- isMobile
- ? undefined
- : (e) => {
- if (e.key === "Enter" || e.key === " ") {
- e.preventDefault();
- handleSelectItem(item);
- }
- }
- }
- onMouseEnter={() => setFocusedIndex(index)}
- className={cn(
- "group flex items-center gap-2.5 px-3 py-2 rounded-xl",
- "transition-colors duration-150 mx-2 cursor-pointer",
- "hover:bg-accent hover:text-accent-foreground",
- isFocused && "bg-accent text-accent-foreground",
- isSelected && "bg-accent text-accent-foreground"
- )}
- >
- {/* Provider icon */}
-
- {getProviderIcon(config.provider as string, {
- isAutoMode,
- className: "size-5",
- })}
-
-
- {/* Model info */}
-
-
-
- {isAutoMode && (
-
- Recommended
-
- )}
- {isImageIncompatibleChatModel && (
-
- No image
-
- )}
-
- {isAutoMode ? (
-
-
Auto Mode
+
+
+ {getProviderIcon(AUTO_PROVIDER_ICON_KEY, { className: "size-4 shrink-0" })}
+ Auto
- ) : (
- (hasPremiumStatus || hasCitations) && (
-
- {hasPremiumStatus && (
-
- {isPremium ? "Premium" : "Free"}
-
- )}
- {hasCitations && (
-
- Citations
-
- )}
+
+ {selectedModelId === AUTO_CHAT_MODEL_ID ?
: null}
+
+ {loading ? (
+
+
+
+ ) : Object.keys(groups).length === 0 ? (
+
+ {hasSearchQuery
+ ? "No matching chat models."
+ : "No enabled chat models. Add or enable models in Settings."}
+
+ ) : (
+ Object.entries(groups).map(([connection, models]) => (
+
+
+ {connection}
- )
- )}
-
-
- {/* Actions */}
-
- {!isAutoMode && (
-
- )}
- {isSelected && (
-
-
-
- )}
-
-
- );
- };
-
- // ─── Render: Full content ───
- const renderContent = () => {
- const globalItems = currentDisplayItems.filter((i) => i.isGlobal);
- const userItems = currentDisplayItems.filter((i) => !i.isGlobal);
- const globalStartIdx = 0;
- const userStartIdx = globalItems.length;
-
- const addHandler =
- activeTab === "llm" ? onAddNewLLM : activeTab === "image" ? onAddNewImage : onAddNewVision;
- const addLabel =
- activeTab === "llm"
- ? "Add Model"
- : activeTab === "image"
- ? "Add Image Model"
- : "Add Vision Model";
-
- return (
-
- {/* Tab header */}
-
-
- {(
- [
- {
- value: "llm" as const,
- icon: Zap,
- label: "LLM",
- },
- {
- value: "image" as const,
- icon: ImageIcon,
- label: "Image",
- },
- {
- value: "vision" as const,
- icon: ScanEye,
- label: "Vision",
- },
- ] as const
- ).map(({ value, icon: Icon, label }) => (
-
- ))}
-
-
-
- {/* Two-pane layout */}
-
- {/* Provider sidebar */}
- {renderProviderSidebar()}
-
- {/* Main content */}
-
- {/* Search */}
-
-
- setSearchQuery(e.target.value)}
- onKeyDown={isMobile ? undefined : handleKeyDown}
- role="combobox"
- aria-expanded={true}
- aria-controls="model-selector-list"
- className={cn(
- "w-full pl-8 pr-3 py-2.5 text-sm bg-transparent",
- "focus:outline-none",
- "placeholder:text-muted-foreground"
- )}
- />
-
-
- {/* Provider header when filtered */}
- {selectedProvider !== "all" && (
-
- {getProviderIcon(selectedProvider, {
- className: "size-4",
- })}
- {formatProviderName(selectedProvider)}
-
- {configuredProviderSet.has(selectedProvider)
- ? `${providerModelCounts[selectedProvider] || 0} models`
- : "Not configured"}
-
-
- )}
-
- {/* Model list */}
-
- {currentDisplayItems.length === 0 ? (
-
- {selectedProvider !== "all" && !configuredProviderSet.has(selectedProvider) ? (
- <>
-
- {getProviderIcon(selectedProvider, {
- className: "size-10",
- })}
-
-
- No {formatProviderName(selectedProvider)} models configured
-
-
- Add a model with this provider to get started
-
- {addHandler && (
-
- )}
-
- ) : searchQuery ? (
- <>
-
-
No models found
-
- Try a different search term
-
-
- ) : (
- <>
-
- No models configured
-
-
- Configure models in your search space settings
-
-
- )}
-
- ) : (
- <>
- {globalItems.length > 0 && (
- <>
-
- Global Models
-
- {globalItems.map((item, i) => renderModelCard(item, globalStartIdx + i))}
-
- )}
- {globalItems.length > 0 && userItems.length > 0 && (
-
- )}
- {userItems.length > 0 && (
- <>
-
- Your Configurations
-
- {userItems.map((item, i) => renderModelCard(item, userStartIdx + i))}
-
- )}
-
- )}
-
-
- {/* Add model button */}
- {addHandler && (
-
-
- )}
-
-
-
- );
- };
+
+
+ {getProviderIcon(model.provider, { className: "size-4 shrink-0" })}
+ {modelName(model)}
+
+ {/* {model.max_input_tokens ? (
+
+ {model.max_input_tokens.toLocaleString()} context
+
+ ) : null} */}
+
+
+ {isFreeGlobalModel(model) ? (
+
+ Free
+
+ ) : null}
+ {/*
+ Re-enable this once the chat composer supports image input.
+ For now, surfacing `supports_image_input` in the chat model
+ selector is misleading because users cannot attach images.
- // ─── Trigger button ───
- const triggerButton = (
+ {!model.supports_image_input ? (
+
+ No image
+
+ ) : null}
+ */}
+ {roles?.chat_model_id === model.id ? : null}
+
+
+ ))}
+
+ ))
+ )}
+
+
+
+
+
{renderContent()}
+ {content}
);
@@ -1435,14 +306,12 @@ export function ModelSelector({
return (
- {triggerButton}
+ {trigger}
e.preventDefault()}
+ className="w-[340px] border border-popover-border bg-popover p-0 text-popover-foreground shadow-md"
>
- {renderContent()}
+ {content}
);
diff --git a/surfsense_web/components/providers/ZeroProvider.tsx b/surfsense_web/components/providers/ZeroProvider.tsx
index 5bb43db99..35d51311a 100644
--- a/surfsense_web/components/providers/ZeroProvider.tsx
+++ b/surfsense_web/components/providers/ZeroProvider.tsx
@@ -12,7 +12,15 @@ import { getBearerToken, handleUnauthorized, refreshAccessToken } from "@/lib/au
import { queries } from "@/zero/queries";
import { schema } from "@/zero/schema";
-const cacheURL = process.env.NEXT_PUBLIC_ZERO_CACHE_URL || "http://localhost:4848";
+const configuredCacheURL = process.env.NEXT_PUBLIC_ZERO_CACHE_URL;
+
+function getCacheURL() {
+ if (configuredCacheURL) return configuredCacheURL;
+ if (typeof window !== "undefined") {
+ return `${window.location.origin}/zero`;
+ }
+ return "http://localhost:4848";
+}
function ZeroAuthSync() {
const zero = useZero();
@@ -42,6 +50,7 @@ function ZeroAuthSync() {
export function ZeroProvider({ children }: { children: React.ReactNode }) {
const { data: user } = useAtomValue(currentUserAtom);
+ const cacheURL = useMemo(() => getCacheURL(), []);
const userId = user?.id;
const hasUser = !!userId;
@@ -65,7 +74,7 @@ export function ZeroProvider({ children }: { children: React.ReactNode }) {
cacheURL,
auth,
}),
- [userID, context, auth]
+ [userID, context, cacheURL, auth]
);
return (
diff --git a/surfsense_web/components/providers/runtime-config.server.tsx b/surfsense_web/components/providers/runtime-config.server.tsx
new file mode 100644
index 000000000..c515820c2
--- /dev/null
+++ b/surfsense_web/components/providers/runtime-config.server.tsx
@@ -0,0 +1,19 @@
+import { connection } from "next/server";
+import { RuntimeConfigProvider } from "@/components/providers/runtime-config";
+import {
+ BUILD_TIME_AUTH_TYPE,
+ BUILD_TIME_DEPLOYMENT_MODE,
+ BUILD_TIME_ETL_SERVICE,
+} from "@/lib/env-config";
+
+export async function RuntimeConfig({ children }: { children: React.ReactNode }) {
+ await connection();
+
+ const value = {
+ authType: process.env.AUTH_TYPE ?? BUILD_TIME_AUTH_TYPE,
+ etlService: process.env.ETL_SERVICE ?? BUILD_TIME_ETL_SERVICE,
+ deploymentMode: process.env.DEPLOYMENT_MODE ?? BUILD_TIME_DEPLOYMENT_MODE,
+ };
+
+ return {children};
+}
diff --git a/surfsense_web/components/providers/runtime-config.tsx b/surfsense_web/components/providers/runtime-config.tsx
new file mode 100644
index 000000000..560acd597
--- /dev/null
+++ b/surfsense_web/components/providers/runtime-config.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import { createContext, useContext } from "react";
+
+export type AuthType = "LOCAL" | "GOOGLE" | string;
+export type DeploymentMode = "self-hosted" | "cloud" | string;
+
+export interface RuntimeConfigValue {
+ authType: AuthType;
+ etlService: string;
+ deploymentMode: DeploymentMode;
+}
+
+const RuntimeConfigContext = createContext(null);
+
+export function RuntimeConfigProvider({
+ value,
+ children,
+}: {
+ value: RuntimeConfigValue;
+ children: React.ReactNode;
+}) {
+ return {children};
+}
+
+export function useRuntimeConfig() {
+ const context = useContext(RuntimeConfigContext);
+ if (!context) {
+ throw new Error("useRuntimeConfig must be used within RuntimeConfigProvider");
+ }
+ return context;
+}
+
+export function useIsLocalAuth() {
+ return useRuntimeConfig().authType === "LOCAL";
+}
+
+export function useIsGoogleAuth() {
+ return useRuntimeConfig().authType === "GOOGLE";
+}
+
+export function useIsSelfHosted() {
+ return useRuntimeConfig().deploymentMode === "self-hosted";
+}
+
+export function useIsCloud() {
+ return useRuntimeConfig().deploymentMode === "cloud";
+}
diff --git a/surfsense_web/components/report-panel/report-panel.tsx b/surfsense_web/components/report-panel/report-panel.tsx
index 682235e0f..53b0c9867 100644
--- a/surfsense_web/components/report-panel/report-panel.tsx
+++ b/surfsense_web/components/report-panel/report-panel.tsx
@@ -22,7 +22,7 @@ import { Spinner } from "@/components/ui/spinner";
import { useMediaQuery } from "@/hooks/use-media-query";
import { baseApiService } from "@/lib/apis/base-api.service";
import { authenticatedFetch } from "@/lib/auth-utils";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
function ReportPanelSkeleton() {
return (
@@ -245,7 +245,7 @@ export function ReportPanelContent({
URL.revokeObjectURL(url);
} else {
const response = await authenticatedFetch(
- `${BACKEND_URL}/api/v1/reports/${activeReportId}/export?format=${format}`,
+ buildBackendUrl(`/api/v1/reports/${activeReportId}/export`, { format }),
{ method: "GET" }
);
@@ -278,7 +278,7 @@ export function ReportPanelContent({
setSaving(true);
try {
const response = await authenticatedFetch(
- `${BACKEND_URL}/api/v1/reports/${activeReportId}/content`,
+ buildBackendUrl(`/api/v1/reports/${activeReportId}/content`),
{
method: "PUT",
headers: { "Content-Type": "application/json" },
@@ -506,7 +506,11 @@ export function ReportPanelContent({
- {/* Header actions */}
-
-
- {canCreate && (
-
- )}
-
-
- {/* Fetch Error Alert */}
- {fetchError && (
-
-
-
-
- {fetchError?.message ?? "Failed to load configurations"}
-
-
-
- )}
-
- {/* Read-only / Limited permissions notice */}
- {access && !isLoading && isReadOnly && (
-
-
-
-
-
- You have read-only access to LLM
- configurations. Contact a space owner to request additional permissions.
-
-
-
-
- )}
- {access && !isLoading && !isReadOnly && (!canCreate || !canUpdate || !canDelete) && (
-
-
-
-
-
- You can{" "}
- {[canCreate && "create", canUpdate && "edit", canDelete && "delete"]
- .filter(Boolean)
- .join(" and ")}{" "}
- configurations
- {!canDelete && ", but cannot delete them"}.
-
-
-
-
- )}
-
- {/* Global Configs Info */}
- {(isLoading || globalConfigs.length > 0) && (
-
-
-
- {isLoading ? (
-
-
-
- ) : (
-
-
- {globalConfigs.length} global {globalConfigs.length === 1 ? "model" : "models"}
- {" "}
- available from your administrator.
-
- )}
-
-
- )}
-
- {/* Loading Skeleton */}
- {isLoading && (
-
- {["skeleton-a", "skeleton-b", "skeleton-c"].map((key) => (
-
-
-
-
-
-
-
- ))}
-
- )}
-
- {/* Configurations List */}
- {!isLoading && (
-
- {configs?.length === 0 ? (
-
-
-
- No Models Yet
-
- {canCreate
- ? "Add your first model to power chat, reports, and other agent capabilities"
- : "No models have been added to this space yet. Contact a space owner to add one"}
-
-
-
-
- ) : (
-
- {configs?.map((config) => {
- const member = config.user_id ? memberMap.get(config.user_id) : null;
-
- return (
-
-
-
- {/* Header: Icon + Name + Actions */}
-
-
-
- {getProviderIcon(config.provider, { className: "size-4" })}
-
-
-
- {config.name}
-
- {config.description && (
-
- {config.description}
-
- )}
-
-
- {(canUpdate || canDelete) && (
-
- {canUpdate && (
-
-
-
-
-
- Edit
-
-
- )}
- {canDelete && (
-
-
-
-
-
- Delete
-
-
- )}
-
- )}
-
- {config.citations_enabled && (
-
- Citations
-
- )}
- {!config.use_default_system_instructions &&
- config.system_instructions && (
-
-
- Custom
-
- )}
-
-
- {/* Footer: Date + Creator */}
-
-
-
-
- {new Date(config.created_at).toLocaleDateString(undefined, {
- year: "numeric",
- month: "short",
- day: "numeric",
- })}
-
- {member && (
- <>
-
-
-
-
-
-
- {member.avatarUrl && (
-
- )}
-
- {getInitials(member.name)}
-
-
-
- {member.name}
-
-
-
- )}
-
-
-
- );
- })}
-
- )}
-
- )}
-
- {/* Add/Edit Configuration Dialog */}
-
{
- setIsDialogOpen(open);
- if (!open) setEditingConfig(null);
- }}
- config={editingConfig}
- isGlobal={false}
- searchSpaceId={searchSpaceId}
- mode={editingConfig ? "edit" : "create"}
- />
-
- {/* Delete Confirmation Dialog */}
- !open && setConfigToDelete(null)}
- >
-
-
- Delete Model
-
- Are you sure you want to delete{" "}
- {configToDelete?.name}? This
- action cannot be undone.
-
-
-
- Cancel
-
- {isDeleting ? (
- <>
-
- Deleting
-
- ) : (
- "Delete"
- )}
-
-
-
-
-
- {/* Header actions */}
-
-
- {canCreate && (
-
- )}
-
-
- {/* Errors */}
- {errors.map((err) => (
-
- ))}
-
- {/* Read-only / Limited permissions notice */}
- {access && !isLoading && isReadOnly && (
-
-
-
-
-
- You have read-only access to image generation
- configurations. Contact a space owner to request additional permissions.
-
-
-
-
- )}
- {access && !isLoading && !isReadOnly && (!canCreate || !canDelete) && (
-
-
-
-
-
- You can{" "}
- {[canCreate && "create and edit", canDelete && "delete"]
- .filter(Boolean)
- .join(" and ")}{" "}
- image model configurations
- {!canDelete && ", but cannot delete them"}.
-
-
-
-
- )}
-
- {/* Global info */}
- {(isLoading ||
- globalConfigs.filter((g) => !("is_auto_mode" in g && g.is_auto_mode)).length > 0) && (
-
-
-
- {isLoading ? (
-
-
-
- ) : (
-
-
- {globalConfigs.filter((g) => !("is_auto_mode" in g && g.is_auto_mode)).length}{" "}
- global image{" "}
- {globalConfigs.filter((g) => !("is_auto_mode" in g && g.is_auto_mode)).length ===
- 1
- ? "model"
- : "models"}
- {" "}
- available from your administrator. {(() => {
- const nonAuto = globalConfigs.filter(
- (g) => !("is_auto_mode" in g && g.is_auto_mode)
- );
- const premium = nonAuto.filter(
- (g) =>
- "billing_tier" in g &&
- (g as { billing_tier?: string }).billing_tier === "premium"
- ).length;
- const free = nonAuto.length - premium;
- if (premium > 0 && free > 0) {
- return `${premium} premium, ${free} free.`;
- }
- if (premium > 0) {
- return `All ${premium} premium — debits your shared credit pool.`;
- }
- return `All ${free} free.`;
- })()}
-
- )}
-
-
- )}
-
- {/* Global Image Models — read-only cards with per-model Free/Premium
- badges. Mirrors the badge palette used by the chat role selector
- (`llm-role-manager.tsx`) so the meaning is consistent across
- every model-configuration surface (chat / image / vision). */}
- {!isLoading &&
- globalConfigs.filter((g) => !("is_auto_mode" in g && g.is_auto_mode)).length > 0 && (
-
-
- {globalConfigs
- .filter((g) => !("is_auto_mode" in g && g.is_auto_mode))
- .map((cfg) => {
- const billingTier =
- ("billing_tier" in cfg &&
- typeof (cfg as { billing_tier?: string }).billing_tier === "string" &&
- (cfg as { billing_tier?: string }).billing_tier) ||
- "free";
- const isPremium = billingTier === "premium";
- return (
-
-
-
-
- {getProviderIcon(cfg.provider, { className: "size-4" })}
-
-
-
- {cfg.name}
-
- {isPremium ? (
-
- Premium
-
- ) : (
-
- Free
-
- )}
-
-
- {cfg.description}
-
- )}
-
-
-
-
- {cfg.model_name}
-
-
-
- );
- })}
-
-
- )}
-
- {/* Loading Skeleton */}
- {isLoading && (
-
-
-
- {["skeleton-a", "skeleton-b", "skeleton-c"].map((key) => (
-
-
-
-
-
-
-
- ))}
-
-
-
- )}
-
- {/* User Configs */}
- {!isLoading && (
-
- {(userConfigs?.length ?? 0) === 0 ? (
-
-
- No Image Models Yet
-
- {canCreate
- ? "Add your own image generation model (DALL-E 3, GPT Image 1, etc.)"
- : "No image models have been added to this space yet. Contact a space owner to add one."}
-
-
-
- ) : (
-
- {userConfigs?.map((config) => {
- const member = config.user_id ? memberMap.get(config.user_id) : null;
-
- return (
-
-
-
- {/* Header: Icon + Name + Actions */}
-
-
-
- {getProviderIcon(config.provider, { className: "size-4" })}
-
-
-
- {config.name}
-
- {config.description && (
-
- {config.description}
-
- )}
-
-
- {(canUpdate || canDelete) && (
-
- {canUpdate && (
-
-
-
-
-
- Edit
-
-
- )}
- {canDelete && (
-
-
-
-
-
- Delete
-
-
- )}
-
- )}
-
-
-
-
- {new Date(config.created_at).toLocaleDateString(undefined, {
- year: "numeric",
- month: "short",
- day: "numeric",
- })}
-
- {member && (
- <>
-
-
-
-
-
-
- {member.avatarUrl && (
-
- )}
-
- {getInitials(member.name)}
-
-
-
- {member.name}
-
-
-
- )}
-
-
-
- );
- })}
-
- )}
-
- )}
-
- {/* Create/Edit Dialog — shared component */}
-
{
- setIsDialogOpen(open);
- if (!open) setEditingConfig(null);
- }}
- config={editingConfig}
- isGlobal={false}
- searchSpaceId={searchSpaceId}
- mode={editingConfig ? "edit" : "create"}
- />
-
- {/* Delete Confirmation */}
- !open && setConfigToDelete(null)}
- >
-
-
- Delete Image Model
-
- Are you sure you want to delete{" "}
- {configToDelete?.name}?
-
-
-
- Cancel
-
- Delete
- {isDeleting && }
-
-
-
-
-
- {/* Header actions */}
-
-
-
-
- {/* Error Alert */}
- {hasError && (
-
-
-
-
- {(configsError?.message ?? "Failed to load LLM configurations") ||
- (preferencesError?.message ?? "Failed to load preferences") ||
- (globalConfigsError?.message ?? "Failed to load global configurations")}
-
-
-
- )}
-
- {/* Loading Skeleton */}
- {isLoading && (
-
- {["skeleton-a", "skeleton-b", "skeleton-c"].map((key) => (
-
-
-
-
-
-
-
- ))}
-
- )}
-
- {/* No configs warning */}
- {!isLoading && !hasError && !hasAnyConfigs && (
-
-
-
- No configurations found. Please add at least one LLM provider or image model in the
- respective settings tabs before assigning roles.
-
-
- )}
-
- {/* Role Assignment Cards */}
- {!isLoading && !hasError && hasAnyConfigs && (
-
- {Object.entries(ROLE_DESCRIPTIONS).map(([key, role]) => {
- const IconComponent = role.icon;
- const currentAssignment = assignments[role.prefKey as keyof typeof assignments];
-
- // Pick the right config lists based on role type
- const roleGlobalConfigs =
- role.configType === "image"
- ? globalImageConfigs
- : role.configType === "vision"
- ? globalVisionConfigs
- : globalConfigs;
- const roleUserConfigs =
- role.configType === "image"
- ? (userImageConfigs ?? []).filter((c) => c.id && c.id.toString().trim() !== "")
- : role.configType === "vision"
- ? (userVisionConfigs ?? []).filter((c) => c.id && c.id.toString().trim() !== "")
- : newLLMConfigs.filter((c) => c.id && c.id.toString().trim() !== "");
- const roleAllConfigs =
- role.configType === "image"
- ? allImageConfigs
- : role.configType === "vision"
- ? allVisionConfigs
- : allLLMConfigs;
-
- const assignedConfig = roleAllConfigs.find((config) => config.id === currentAssignment);
- const isAssigned = !!assignedConfig;
-
- return (
-
-
-
- {/* Role Header */}
-
-
-
-
-
-
-
{role.title}
-
- {role.description}
-
-
-
- {savingRole === role.prefKey ? (
-
- ) : isAssigned ? (
-
- ) : (
-
- )}
-
-
-
-
-
- );
- })}
-
- )}
-
+
+
+
Model Roles
+
+ Pick which enabled model powers chat, vision, and image generation for this search
+ space.
+
+
+
+
+
+
+ Primary model for chat responses and agent tasks. You can also change it from the
+ chat.
+
+
+
+
+
+
+ Used to understand images in uploads, documents, connectors, and automations. Falls
+ back to chat model when possible.
+
+
+
+
+
+
Used when generating images in chat.
+
+
+
+
+
+
+
+
+
+
+
+
setTargetUri(event.target.value)}
+ placeholder="https://your-resource.cognitiveservices.azure.com/openai/deployments/deployment-name/chat/completions?api-version=2025-01-01-preview"
+ />
+
+ Paste your endpoint target URI from Azure OpenAI (including API base, deployment name, and
+ API version).
+
+
+
+
+
+
+
+
+
+
+
+
+ {authMethod === BEDROCK_AUTH_ACCESS_KEY ? (
+ <>
+
+
+ setAccessKeyId(event.target.value)}
+ placeholder="Enter your AWS access key ID"
+ />
+
+
+
+ ) : null}
+ {authMethod === BEDROCK_AUTH_LONG_TERM_API_KEY ? (
+
+ ) : null}
+ {authMethod === BEDROCK_AUTH_IAM ? (
+
+ SurfSense will use the IAM role attached to the environment it's running in to
+ authenticate.
+
+ ) : null}
+
+ Add Bedrock model IDs from the provider's settings after connecting.
+
+
+
+
onChange(event.target.value)}
+ placeholder={placeholder || "https://api.example.com/v1"}
+ />
+ {hint ?
{hint}
: null}
+
+
+
+ onChange(event.target.value)}
+ placeholder={placeholder}
+ type={showApiKey ? "text" : "password"}
+ className="pr-11"
+ />
+
+
+
+
+
+
+ {providerIcon(connection.provider)}
+ {providerLabel}
+ {connection.scope === "GLOBAL" ? (
+
+ Default
+
+ ) : null}
+
+
+ {connection.base_url || "Provider default endpoint"}
+
+
+
+
+
+
+
+
+
+
+ Delete this provider?
+
+ {providerLabel} and all of
+ its models will be removed from this search space. This cannot be undone.
+
+
+
+ Cancel
+
+ Delete
+
+
+
+
+
+
+
+
+ {showAddProviderHeader ? (
+
+
{addProviderTitle}
+
{addProviderDescription}
+
+ ) : null}
+
+ {sortedProviders.map((item) => {
+ const meta = providerDisplay(item.provider);
+
+ return (
+
+ );
+ })}
+
+
+
+
+
+ {connections.length > 0 ? (
+
+
+
{availableProvidersTitle}
+
+ {connections.map((connection) => (
+
+ ))}
+
+
+ ) : null}
+ {footerAction ?
{footerAction}
: null}
+
+
+
+
Models
+
{description}
+
+
+
+ {onRefresh ? (
+
+ ) : null}
+
+
+
+ {onAddManual ? (
+
+ setManualModelId(event.target.value)}
+ onKeyDown={(event) => {
+ if (event.key === "Enter") {
+ event.preventDefault();
+ addModel();
+ }
+ }}
+ placeholder={manualInputPlaceholder}
+ />
+
+
+ ) : null}
+
+ {models.length > 0 ? (
+
+ Filter models
+ {MODEL_CAPABILITY_FILTERS.map((filter) => {
+ const count = models.filter((model) => capability(model, filter.key)).length;
+ const isActive = modelFilter === filter.key;
+
+ return (
+
+ );
+ })}
+
+ ) : null}
+
+
+ {models.length === 0 ? (
+
+ {emptyMessage}
+
+ ) : null}
+ {filteredModels.length === 0 && modelFilter ? (
+
+ No{" "}
+ {MODEL_CAPABILITY_FILTERS.find(
+ (filter) => filter.key === modelFilter
+ )?.label.toLowerCase()}{" "}
+ models found on this connection.
+
+ ) : null}
+
+ {filteredModels.map((model) => (
+
+
onToggleModel?.(model, checked === true)}
+ disabled={!onToggleModel || isUpdatingModel}
+ />
+
+
+ {modelLabel(model)}
+ {model.source === "MANUAL" ? (
+
+ manual
+
+ ) : null}
+
+
+ {capabilityLabels(model) || "No discovered capabilities"}
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
setLocation(event.target.value)}
+ placeholder={VERTEX_DEFAULT_LOCATION}
+ />
+
+ Region where your Google Vertex AI models are hosted.
+
+
+ {authMethod === VERTEX_AUTH_SERVICE_ACCOUNT ? (
+
+
+
handleCredentialsFile(event.target.files?.[0])}
+ />
+
+
+ {credentials
+ ? "Credentials file loaded."
+ : "Attach your service account key JSON from Google Cloud."}
+
+
+ ) : (
+
+
+
setProject(event.target.value)}
+ placeholder="my-vertex-project"
+ />
+
+ The GCP project where Vertex AI is enabled.
+
+
+ )}
+
+ Add Vertex AI model IDs from the provider's settings after connecting.
+
+
-
-
- {canCreate && (
-
- )}
-
-
- {errors.map((err) => (
-
- ))}
-
- {access && !isLoading && isReadOnly && (
-
-
-
-
-
- You have read-only access to vision model
- configurations. Contact a space owner to request additional permissions.
-
-
-
-
- )}
- {access && !isLoading && !isReadOnly && (!canCreate || !canDelete) && (
-
-
-
-
-
- You can{" "}
- {[canCreate && "create and edit", canDelete && "delete"]
- .filter(Boolean)
- .join(" and ")}{" "}
- vision model configurations
- {!canDelete && ", but cannot delete them"}.
-
-
-
-
- )}
-
- {(isLoading ||
- globalConfigs.filter((g) => !("is_auto_mode" in g && g.is_auto_mode)).length > 0) && (
-
-
-
- {isLoading ? (
-
-
-
- ) : (
-
-
- {globalConfigs.filter((g) => !("is_auto_mode" in g && g.is_auto_mode)).length}{" "}
- global vision{" "}
- {globalConfigs.filter((g) => !("is_auto_mode" in g && g.is_auto_mode)).length ===
- 1
- ? "model"
- : "models"}
- {" "}
- available from your administrator. {(() => {
- const nonAuto = globalConfigs.filter(
- (g) => !("is_auto_mode" in g && g.is_auto_mode)
- );
- const premium = nonAuto.filter(
- (g) =>
- "billing_tier" in g &&
- (g as { billing_tier?: string }).billing_tier === "premium"
- ).length;
- const free = nonAuto.length - premium;
- if (premium > 0 && free > 0) {
- return `${premium} premium, ${free} free.`;
- }
- if (premium > 0) {
- return `All ${premium} premium — debits your shared credit pool.`;
- }
- return `All ${free} free.`;
- })()}
-
- )}
-
-
- )}
-
- {/* Global Vision Models — read-only cards with per-model Free/Premium
- badges. Mirrors the badge palette used by the chat role selector
- (`llm-role-manager.tsx`) so the meaning is consistent across
- every model-configuration surface (chat / image / vision). */}
- {!isLoading &&
- globalConfigs.filter((g) => !("is_auto_mode" in g && g.is_auto_mode)).length > 0 && (
-
-
- {globalConfigs
- .filter((g) => !("is_auto_mode" in g && g.is_auto_mode))
- .map((cfg) => {
- const billingTier =
- ("billing_tier" in cfg &&
- typeof (cfg as { billing_tier?: string }).billing_tier === "string" &&
- (cfg as { billing_tier?: string }).billing_tier) ||
- "free";
- const isPremium = billingTier === "premium";
- return (
-
-
-
-
- {getProviderIcon(cfg.provider, { className: "size-4" })}
-
-
-
- {cfg.name}
-
- {isPremium ? (
-
- Premium
-
- ) : (
-
- Free
-
- )}
-
-
- {cfg.description}
-
- )}
-
-
-
-
- {cfg.model_name}
-
-
-
- );
- })}
-
-
- )}
-
- {isLoading && (
-
-
-
- {["skeleton-a", "skeleton-b", "skeleton-c"].map((key) => (
-
-
-
-
-
-
-
- ))}
-
-
-
- )}
-
- {!isLoading && (
-
- {(userConfigs?.length ?? 0) === 0 ? (
-
-
- No Vision Models Yet
-
- {canCreate
- ? "Add your own vision-capable model (GPT-4o, Claude, Gemini, etc.)"
- : "No vision models have been added to this space yet. Contact a space owner to add one."}
-
-
-
- ) : (
-
- {userConfigs?.map((config) => {
- const member = config.user_id ? memberMap.get(config.user_id) : null;
-
- return (
-
-
-
- {/* Header: Icon + Name + Actions */}
-
-
-
- {getProviderIcon(config.provider, { className: "size-4" })}
-
-
-
- {config.name}
-
- {config.description && (
-
- {config.description}
-
- )}
-
-
- {(canUpdate || canDelete) && (
-
- {canUpdate && (
-
-
-
-
-
- Edit
-
-
- )}
- {canDelete && (
-
-
-
-
-
- Delete
-
-
- )}
-
- )}
-
-
-
-
- {new Date(config.created_at).toLocaleDateString(undefined, {
- year: "numeric",
- month: "short",
- day: "numeric",
- })}
-
- {member && (
- <>
-
-
-
-
-
-
- {member.avatarUrl && (
-
- )}
-
- {getInitials(member.name)}
-
-
-
- {member.name}
-
-
-
- )}
-
-
-
- );
- })}
-
- )}
-
- )}
-
-
{
- setIsDialogOpen(open);
- if (!open) setEditingConfig(null);
- }}
- config={editingConfig}
- isGlobal={false}
- searchSpaceId={searchSpaceId}
- mode={editingConfig ? "edit" : "create"}
- />
-
- !open && setConfigToDelete(null)}
- >
-
-
- Delete Vision Model
-
- Are you sure you want to delete{" "}
- {configToDelete?.name}?
-
-
-
- Cancel
-
- Delete
- {isDeleting && }
-
-
-
-
-
-
+
{phase === "rejected"
@@ -404,7 +404,7 @@ function SavedCard({ result }: { result: SavedResult }) {
return (
-
+
Automation saved
{result.name}
diff --git a/surfsense_web/components/tool-ui/generate-resume.tsx b/surfsense_web/components/tool-ui/generate-resume.tsx
index 5533674bf..9147d4199 100644
--- a/surfsense_web/components/tool-ui/generate-resume.tsx
+++ b/surfsense_web/components/tool-ui/generate-resume.tsx
@@ -13,7 +13,7 @@ import { Button } from "@/components/ui/button";
import { useMediaQuery } from "@/hooks/use-media-query";
import { baseApiService } from "@/lib/apis/base-api.service";
import { getAuthHeaders } from "@/lib/auth-utils";
-import { BACKEND_URL } from "@/lib/env-config";
+import { buildBackendUrl } from "@/lib/env-config";
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
"pdfjs-dist/build/pdf.worker.min.mjs",
@@ -223,7 +223,7 @@ function ResumeCard({
const previewPath = shareToken
? `/api/v1/public/${shareToken}/reports/${reportId}/preview`
: `/api/v1/reports/${reportId}/preview`;
- setPdfUrl(`${BACKEND_URL}${previewPath}`);
+ setPdfUrl(buildBackendUrl(previewPath));
if (autoOpen && isDesktop && !autoOpenedRef.current) {
autoOpenedRef.current = true;
diff --git a/surfsense_web/components/tool-ui/podcast/brief-review.tsx b/surfsense_web/components/tool-ui/podcast/brief-review.tsx
index d3962374a..d982d6f85 100644
--- a/surfsense_web/components/tool-ui/podcast/brief-review.tsx
+++ b/surfsense_web/components/tool-ui/podcast/brief-review.tsx
@@ -1,11 +1,20 @@
"use client";
-import { Loader2, Plus, Trash2 } from "lucide-react";
+import { Check, ChevronDown, Loader2, Plus, Trash2 } from "lucide-react";
import { useEffect, useMemo, useState } from "react";
import { toast } from "sonner";
import { Button } from "@/components/ui/button";
+import {
+ Command,
+ CommandEmpty,
+ CommandGroup,
+ CommandInput,
+ CommandItem,
+ CommandList,
+} from "@/components/ui/command";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
+import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
import {
Select,
SelectContent,
@@ -15,6 +24,7 @@ import {
} from "@/components/ui/select";
import { Textarea } from "@/components/ui/textarea";
import {
+ type LanguageOptions,
MAX_DURATION_SECONDS,
MAX_SPEAKERS,
MIN_DURATION_SECONDS,
@@ -58,9 +68,10 @@ interface BriefReviewProps {
export function BriefReview({ podcast, spec }: BriefReviewProps) {
const [draft, setDraft] = useState
(spec);
const [durationUnit, setDurationUnit] = useState(() =>
- defaultDurationUnit(spec.duration.max_seconds),
+ defaultDurationUnit(spec.duration.max_seconds)
);
const [voices, setVoices] = useState(null);
+ const [offering, setOffering] = useState(null);
const [isSubmitting, setIsSubmitting] = useState(false);
// A pushed spec change (saved edit or concurrent editor) resets the form to
@@ -81,19 +92,26 @@ export function BriefReview({ podcast, spec }: BriefReviewProps) {
.catch(() => {
if (!cancelled) setVoices([]);
});
+ podcastsApiService
+ .listLanguages()
+ .then((options) => {
+ if (!cancelled) setOffering(options);
+ })
+ .catch(() => {
+ if (!cancelled) setOffering({ languages: [], allows_custom: false });
+ });
return () => {
cancelled = true;
};
}, []);
+ // The backend owns the offering; the draft's language stays listed even
+ // when it falls outside it (e.g. a custom tag entered earlier).
const languages = useMemo(() => {
- const tags = new Set();
- for (const voice of voices ?? []) {
- if (voice.language !== ANY_LANGUAGE) tags.add(voice.language);
- }
+ const tags = new Set(offering?.languages ?? []);
tags.add(draft.language);
return [...tags].sort();
- }, [voices, draft.language]);
+ }, [offering, draft.language]);
const voicesForLanguage = useMemo(
() => (voices ?? []).filter((voice) => speaks(voice, draft.language)),
@@ -199,18 +217,22 @@ export function BriefReview({ podcast, spec }: BriefReviewProps) {
-
+ {offering?.allows_custom ? (
+
+ ) : (
+
+ )}
@@ -339,7 +361,7 @@ export function BriefReview({ podcast, spec }: BriefReviewProps) {
value={formatDurationForUnit(draft.duration.min_seconds, durationUnit)}
onChange={(e) => {
const seconds = clampDurationSeconds(
- fromUnitValue(Number(e.target.value), durationUnit),
+ fromUnitValue(Number(e.target.value), durationUnit)
);
setDraft((current) => ({
...current,
@@ -359,15 +381,9 @@ export function BriefReview({ podcast, spec }: BriefReviewProps) {
value={formatDurationForUnit(draft.duration.max_seconds, durationUnit)}
onChange={(e) => {
const parsed = Number(e.target.value);
- const fallback = secondsToUnitValue(
- draft.duration.min_seconds,
- durationUnit,
- );
+ const fallback = secondsToUnitValue(draft.duration.min_seconds, durationUnit);
const seconds = clampDurationSeconds(
- fromUnitValue(
- Number.isFinite(parsed) ? parsed : fallback,
- durationUnit,
- ),
+ fromUnitValue(Number.isFinite(parsed) ? parsed : fallback, durationUnit)
);
setDraft((current) => ({
...current,
@@ -404,9 +420,7 @@ export function BriefReview({ podcast, spec }: BriefReviewProps) {