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 74c604173..8314a5179 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 { AlarmClock, CalendarDays, Info } from "lucide-react";
+import { CalendarDays, Info, Workflow } 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 a68e53a1c..59967080f 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(
() => ({
- chatModelId: form.models.chatModelId || eligibleModels.llm.defaultId || 0,
+ agentLlmId: form.models.agentLlmId || 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 6dd42366b..2c4a0bf60 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 {
- chatModelId: number;
+ agentLlmId: number;
imageConfigId: number;
visionConfigId: number;
}
@@ -39,7 +39,7 @@ interface AutomationModelFieldsProps {
}
/**
- * Three eligible-only model pickers (Chat / Image / Vision) for the
+ * Three eligible-only model pickers (Agent LLM / 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/models`;
+ const rolesHref = `/dashboard/${searchSpaceId}/search-space-settings/roles`;
return (
onChange({ chatModelId: id })}
+ error={errors?.agentLlmId}
+ onChange={(id) => onChange({ agentLlmId: id })}
/>
{
+ return isLlmOnboardingComplete(preferences.agent_llm_id, globalConfigs.length > 0);
+ }, [preferences.agent_llm_id, globalConfigs.length]);
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,27 +66,13 @@ export function DashboardClientLayout({
}
if (
- isSearchSpaceReady &&
!loading &&
!accessLoading &&
!globalConfigsLoading &&
- !globalConfigStatusLoading &&
- !modelConnectionsLoading &&
- !hasCheckedOnboarding
+ !hasCheckedOnboarding &&
+ !isAutoConfiguring
) {
- // 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
- );
+ const onboardingComplete = isOnboardingComplete();
if (onboardingComplete) {
setHasCheckedOnboarding(true);
@@ -98,25 +84,56 @@ 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,
- globalConfigStatusLoading,
- globalConfigStatus,
- modelConnectionsLoading,
- modelRoles.chat_model_id,
- globalConnections,
- modelConnections,
+ isOnboardingComplete,
isOnboardingPage,
isOwner,
+ isAutoConfiguring,
+ globalConfigs,
router,
searchSpaceId,
hasCheckedOnboarding,
+ updatePreferences,
+ refetchPreferences,
]);
const electronAPI = useElectronAPI();
@@ -168,14 +185,10 @@ export function DashboardClientLayout({
// Determine if we should show loading
const shouldShowLoading =
- !hasCheckedOnboarding &&
- (!isSearchSpaceReady ||
- loading ||
- accessLoading ||
- globalConfigsLoading ||
- globalConfigStatusLoading ||
- modelConnectionsLoading) &&
- !isOnboardingPage;
+ (!hasCheckedOnboarding &&
+ (loading || accessLoading || globalConfigsLoading) &&
+ !isOnboardingPage) ||
+ isAutoConfiguring;
// 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 96f7dc349..304f33a33 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,12 +16,9 @@ export async function GET(
};
const result = JSON.stringify(payload);
- const response = new NextResponse(null, {
- status: 302,
- headers: {
- Location: `/dashboard/${search_space_id}/new-chat`,
- },
- });
+ const redirectUrl = new URL(`/dashboard/${search_space_id}/new-chat`, request.url);
+
+ const response = NextResponse.redirect(redirectUrl, { status: 302 });
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 3594e15eb..f048376cc 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 { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } from "@/lib/env-config";
import { NotFoundError } from "@/lib/error";
import {
trackChatBlocked,
@@ -613,18 +613,6 @@ 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]
@@ -919,9 +907,10 @@ export default function NewChatPage() {
if (threadId) {
const token = getBearerToken();
if (token) {
+ const backendUrl = BACKEND_URL;
try {
const response = await fetch(
- buildBackendUrl(`/api/v1/threads/${threadId}/cancel-active-turn`),
+ `${backendUrl}/api/v1/threads/${threadId}/cancel-active-turn`,
{
method: "POST",
headers: {
@@ -1109,6 +1098,7 @@ export default function NewChatPage() {
let streamBatcher: FrameBatchedUpdater | null = null;
try {
+ const backendUrl = BACKEND_URL;
const selection = await getAgentFilesystemSelection(searchSpaceId, {
localFilesystemEnabled,
});
@@ -1145,7 +1135,7 @@ export default function NewChatPage() {
}
const response = await fetchWithTurnCancellingRetry(() =>
- fetch(buildBackendUrl("/api/v1/new_chat"), {
+ fetch(`${backendUrl}/api/v1/new_chat`, {
method: "POST",
headers: {
"Content-Type": "application/json",
@@ -1640,11 +1630,12 @@ export default function NewChatPage() {
}
try {
+ const backendUrl = BACKEND_URL;
const selection = await getAgentFilesystemSelection(searchSpaceId, {
localFilesystemEnabled,
});
const response = await fetchWithTurnCancellingRetry(() =>
- fetch(buildBackendUrl(`/api/v1/threads/${resumeThreadId}/resume`), {
+ fetch(`${backendUrl}/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 8efe81cce..de5c961e8 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/onboard/page.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/onboard/page.tsx
@@ -2,89 +2,193 @@
import { useAtomValue } from "jotai";
import { useParams, useRouter } from "next/navigation";
-import { useEffect, useMemo } from "react";
+import { useEffect, useRef, useState } from "react";
+import { toast } from "sonner";
import {
- globalLlmConfigStatusAtom,
- globalModelConnectionsAtom,
- modelConnectionsAtom,
- modelRolesAtom,
-} from "@/atoms/model-connections/model-connections-query.atoms";
+ 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";
import { Logo } from "@/components/Logo";
-import { ModelProviderConnectionsPanel } from "@/components/settings/model-connections/model-provider-connections-panel";
+import { LLMConfigForm, type LLMConfigFormData } from "@/components/shared/llm-config-form";
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 { hasEnabledChatModel, isLlmOnboardingComplete } from "@/lib/onboarding";
+import { isLlmOnboardingComplete } from "@/lib/onboarding";
export default function OnboardPage() {
const router = useRouter();
const params = useParams();
const searchSpaceId = Number(params.search_space_id);
- 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);
+ // 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
+ );
+
+ // State
+ const [isAutoConfiguring, setIsAutoConfiguring] = useState(false);
+ const hasAttemptedAutoConfig = useRef(false);
+
+ // Check authentication
useEffect(() => {
- if (!getBearerToken()) redirectToLogin();
+ const token = getBearerToken();
+ if (!token) {
+ redirectToLogin();
+ }
}, []);
- const hasUsableChatModel = useMemo(
- () => hasEnabledChatModel([...globalConnections, ...connections]),
- [globalConnections, connections]
+ const isOnboardingComplete = isLlmOnboardingComplete(
+ preferences.agent_llm_id,
+ globalConfigs.length > 0
);
- 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(() => {
- if (shouldLeaveOnboarding) {
- router.replace(`/dashboard/${searchSpaceId}/new-chat`);
+ if (!preferencesLoading && globalConfigsLoaded && isOnboardingComplete) {
+ router.push(`/dashboard/${searchSpaceId}/new-chat`);
}
- }, [shouldLeaveOnboarding, router, searchSpaceId]);
+ }, [preferencesLoading, globalConfigsLoaded, isOnboardingComplete, router, searchSpaceId]);
- useGlobalLoadingEffect(isLoading || shouldLeaveOnboarding);
+ useEffect(() => {
+ const autoConfigureWithGlobal = async () => {
+ if (hasAttemptedAutoConfig.current) return;
+ if (globalConfigsLoading || preferencesLoading) return;
+ if (!globalConfigsLoaded) return;
+ if (isOnboardingComplete) return;
- if (isLoading || shouldLeaveOnboarding) return null;
+ 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");
+ }
+ }
+ };
+
+ const isSubmitting = isCreating || isUpdatingPreferences;
+
+ const isLoading = globalConfigsLoading || preferencesLoading || isAutoConfiguring;
+ useGlobalLoadingEffect(isLoading);
+
+ if (isLoading) {
+ return null;
+ }
+
+ if (globalConfigs.length > 0 && !isAutoConfiguring) {
+ return null;
+ }
return (
-
-
-
-
-
Choose a model
-
- Connect any supported provider, then enable the models you want SurfSense to use.
-
+
+
+ {/* Header */}
+
+
+
+
Configure Your AI
+
+ Add your LLM provider to get started with SurfSense
+
+
+
+
+ {/* Form card */}
+
+
+
+
+ {/* Footer */}
+
+
+
You can add more configurations later
-
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
new file mode 100644
index 000000000..b300f8078
--- /dev/null
+++ b/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/image-models/page.tsx
@@ -0,0 +1,6 @@
+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 bb928f8f7..22f68edab 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,6 +1,15 @@
"use client";
-import { BookText, Cpu, Earth, Settings, UserKey } from "lucide-react";
+import {
+ BookText,
+ Bot,
+ CircleUser,
+ Earth,
+ ImageIcon,
+ ListChecks,
+ ScanEye,
+ UserKey,
+} from "lucide-react";
import Link from "next/link";
import { useSelectedLayoutSegment } from "next/navigation";
import { useTranslations } from "next-intl";
@@ -11,7 +20,10 @@ import { cn } from "@/lib/utils";
export type SearchSpaceSettingsTab =
| "general"
+ | "roles"
| "models"
+ | "image-models"
+ | "vision-models"
| "team-roles"
| "prompts"
| "public-links";
@@ -43,12 +55,27 @@ export function SearchSpaceSettingsLayoutShell({
{
value: "general" as const,
label: t("nav_general"),
- icon:
,
+ icon:
,
+ },
+ {
+ value: "roles" as const,
+ label: t("nav_role_assignments"),
+ icon:
,
},
{
value: "models" as const,
- label: t("nav_models"),
- icon:
,
+ 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:
,
},
{
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 c97ef7630..d68194782 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 { ModelConnectionsSettings } from "@/components/settings/model-connections-settings";
+import { AgentModelManager } from "@/components/settings/agent-model-manager";
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
new file mode 100644
index 000000000..5bad50cd3
--- /dev/null
+++ b/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/roles/page.tsx
@@ -0,0 +1,6 @@
+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
new file mode 100644
index 000000000..06aea003a
--- /dev/null
+++ b/surfsense_web/app/dashboard/[search_space_id]/search-space-settings/vision-models/page.tsx
@@ -0,0 +1,6 @@
+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 4a3c5e9e7..b0cb6699c 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,11 +1,10 @@
"use client";
-import { AlertTriangle, RefreshCw, ShieldAlert } from "lucide-react";
+import { 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 {
@@ -20,7 +19,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 { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } from "@/lib/env-config";
import { cn } from "@/lib/utils";
type GatewayConnection = {
@@ -40,7 +39,6 @@ type GatewayConnection = {
};
type GatewayConfig = {
- enabled: boolean;
telegram_enabled: boolean;
whatsapp_intake_mode: "disabled" | "cloud" | "baileys";
slack_enabled: boolean;
@@ -49,14 +47,6 @@ 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;
@@ -90,26 +80,16 @@ 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 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 query = platform ? `?platform=${encodeURIComponent(platform)}` : "";
+ const res = await authenticatedFetch(`${BACKEND_URL}/api/v1/gateway/connections${query}`);
+ return (await res.json()) as GatewayConnection[];
}, []);
- 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 fetchGatewayConfig = useCallback(async () => {
+ const res = await authenticatedFetch(`${BACKEND_URL}/api/v1/gateway/config`);
+ return (await res.json()) as GatewayConfig;
}, []);
const refresh = useCallback(async () => {
@@ -145,9 +125,7 @@ export function MessagingChannelsContent() {
const refreshBaileysHealth = useCallback(async () => {
if (whatsappMode !== "baileys") return;
- const res = await authenticatedFetch(
- buildBackendUrl("/api/v1/gateway/whatsapp/baileys/health")
- );
+ const res = await authenticatedFetch(`${BACKEND_URL}/api/v1/gateway/whatsapp/baileys/health`);
if (!res.ok) return;
const data = (await res.json()) as BaileysHealth;
setBaileysHealth(data);
@@ -158,7 +136,7 @@ export function MessagingChannelsContent() {
}, [refreshBaileysHealth]);
async function startPairing(platform: PairingPlatform) {
- const res = await authenticatedFetch(buildBackendUrl("/api/v1/gateway/bindings/start"), {
+ const res = await authenticatedFetch(`${BACKEND_URL}/api/v1/gateway/bindings/start`, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ platform, search_space_id: searchSpaceId }),
@@ -170,7 +148,7 @@ export function MessagingChannelsContent() {
async function installSlackGateway() {
const res = await authenticatedFetch(
- buildBackendUrl("/api/v1/gateway/slack/install", { search_space_id: searchSpaceId })
+ `${BACKEND_URL}/api/v1/gateway/slack/install?search_space_id=${searchSpaceId}`
);
if (!res.ok) return;
const data = (await res.json()) as { auth_url?: string };
@@ -181,7 +159,7 @@ export function MessagingChannelsContent() {
async function installDiscordGateway() {
const res = await authenticatedFetch(
- buildBackendUrl("/api/v1/gateway/discord/install", { search_space_id: searchSpaceId })
+ `${BACKEND_URL}/api/v1/gateway/discord/install?search_space_id=${searchSpaceId}`
);
if (!res.ok) return;
const data = (await res.json()) as { auth_url?: string };
@@ -203,8 +181,8 @@ export function MessagingChannelsContent() {
async function revoke(connection: GatewayConnection) {
const url =
connection.route_type === "account" && connection.account_id
- ? buildBackendUrl(`/api/v1/gateway/accounts/${connection.account_id}`)
- : buildBackendUrl(`/api/v1/gateway/bindings/${connection.id}`);
+ ? `${BACKEND_URL}/api/v1/gateway/accounts/${connection.account_id}`
+ : `${BACKEND_URL}/api/v1/gateway/bindings/${connection.id}`;
await authenticatedFetch(url, {
method: "DELETE",
});
@@ -227,8 +205,8 @@ export function MessagingChannelsContent() {
);
const url =
connection.route_type === "account" && connection.account_id
- ? buildBackendUrl(`/api/v1/gateway/accounts/${connection.account_id}/search-space`)
- : buildBackendUrl(`/api/v1/gateway/bindings/${connection.id}/search-space`);
+ ? `${BACKEND_URL}/api/v1/gateway/accounts/${connection.account_id}/search-space`
+ : `${BACKEND_URL}/api/v1/gateway/bindings/${connection.id}/search-space`;
const res = await authenticatedFetch(url, {
method: "PATCH",
headers: { "Content-Type": "application/json" },
@@ -244,7 +222,7 @@ export function MessagingChannelsContent() {
}
async function resume(connection: GatewayConnection) {
- await authenticatedFetch(buildBackendUrl(`/api/v1/gateway/bindings/${connection.id}/resume`), {
+ await authenticatedFetch(`${BACKEND_URL}/api/v1/gateway/bindings/${connection.id}/resume`, {
method: "POST",
});
await refreshPlatform(connection.platform as GatewayPlatform);
@@ -403,21 +381,7 @@ export function MessagingChannelsContent() {
{isGatewayConfigLoading ? renderGatewaySkeletons() : null}
- {!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 ? (
+ {!isGatewayConfigLoading && !hasEnabledGateway ? (
No messaging gateways enabled
@@ -425,7 +389,7 @@ export function MessagingChannelsContent() {
) : null}
- {!gatewayDisabled && telegramGatewayEnabled ? (
+ {telegramGatewayEnabled ? (
@@ -461,7 +425,7 @@ export function MessagingChannelsContent() {
) : null}
- {!gatewayDisabled && slackGatewayEnabled ? (
+ {slackGatewayEnabled ? (
@@ -493,7 +457,7 @@ export function MessagingChannelsContent() {
) : null}
- {!gatewayDisabled && discordGatewayEnabled ? (
+ {discordGatewayEnabled ? (
@@ -525,7 +489,7 @@ export function MessagingChannelsContent() {
) : null}
- {!gatewayDisabled && whatsappMode !== "disabled" ? (
+ {whatsappMode !== "disabled" ? (
diff --git a/surfsense_web/app/dashboard/dashboard-shell.tsx b/surfsense_web/app/dashboard/dashboard-shell.tsx
deleted file mode 100644
index f84cd56eb..000000000
--- a/surfsense_web/app/dashboard/dashboard-shell.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-"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 6212c92e7..1f5481b15 100644
--- a/surfsense_web/app/dashboard/layout.tsx
+++ b/surfsense_web/app/dashboard/layout.tsx
@@ -1,14 +1,46 @@
-import { RuntimeConfig } from "@/components/providers/runtime-config.server";
-import { DashboardShell } from "./dashboard-shell";
+"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";
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
deleted file mode 100644
index 83556d314..000000000
--- a/surfsense_web/app/desktop/login/layout.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-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 0d91588e1..41c956f3e 100644
--- a/surfsense_web/app/desktop/login/page.tsx
+++ b/surfsense_web/app/desktop/login/page.tsx
@@ -8,7 +8,6 @@ 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";
@@ -18,8 +17,9 @@ 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 { buildBackendUrl } from "@/lib/env-config";
+import { AUTH_TYPE, BACKEND_URL } from "@/lib/env-config";
+const isGoogleAuth = AUTH_TYPE === "GOOGLE";
type ShortcutKey = "generalAssist" | "quickAsk" | "screenshotAssist";
type ShortcutMap = typeof DEFAULT_SHORTCUTS;
@@ -189,7 +189,6 @@ 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("");
@@ -240,7 +239,7 @@ export default function DesktopLoginPage() {
const handleGoogleLogin = () => {
if (isGoogleRedirecting) return;
setIsGoogleRedirecting(true);
- window.location.href = buildBackendUrl("/auth/google/authorize-redirect");
+ window.location.href = `${BACKEND_URL}/auth/google/authorize-redirect`;
};
const autoSetSearchSpace = async () => {
diff --git a/surfsense_web/app/docs/layout.tsx b/surfsense_web/app/docs/layout.tsx
index cc5f2118a..9311a45b4 100644
--- a/surfsense_web/app/docs/layout.tsx
+++ b/surfsense_web/app/docs/layout.tsx
@@ -8,15 +8,12 @@ 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(`${SERVER_BACKEND_URL}/api/v1/public/anon-chat/models`, {
+ const res = await fetch(`${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 9df460779..b7ed762de 100644
--- a/surfsense_web/app/verify-token/route.ts
+++ b/surfsense_web/app/verify-token/route.ts
@@ -1,16 +1,12 @@
import { type NextRequest, NextResponse } from "next/server";
-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(/\/+$/, "");
-}
+const backendBaseUrl = (process.env.INTERNAL_FASTAPI_BACKEND_URL || "http://backend:8000").replace(
+ /\/+$/,
+ ""
+);
export async function GET(request: NextRequest) {
- const response = await fetch(`${getBackendBaseUrl()}/verify-token`, {
+ const response = await fetch(`${backendBaseUrl}/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 288d97c63..a81cd1578 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,
- 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,
+ 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,
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
new file mode 100644
index 000000000..922c398c9
--- /dev/null
+++ b/surfsense_web/atoms/image-gen-config/image-gen-config-mutation.atoms.ts
@@ -0,0 +1,96 @@
+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
new file mode 100644
index 000000000..a45e69a03
--- /dev/null
+++ b/surfsense_web/atoms/image-gen-config/image-gen-config-query.atoms.ts
@@ -0,0 +1,33 @@
+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
deleted file mode 100644
index f00bf76f9..000000000
--- a/surfsense_web/atoms/model-connections/model-connections-mutation.atoms.ts
+++ /dev/null
@@ -1,214 +0,0 @@
-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
deleted file mode 100644
index 04dad9b21..000000000
--- a/surfsense_web/atoms/model-connections/model-connections-query.atoms.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-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
new file mode 100644
index 000000000..476d89d4c
--- /dev/null
+++ b/surfsense_web/atoms/new-llm-config/new-llm-config-mutation.atoms.ts
@@ -0,0 +1,132 @@
+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
new file mode 100644
index 000000000..410d061e5
--- /dev/null
+++ b/surfsense_web/atoms/new-llm-config/new-llm-config-query.atoms.ts
@@ -0,0 +1,98 @@
+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
new file mode 100644
index 000000000..f46b977d5
--- /dev/null
+++ b/surfsense_web/atoms/vision-llm-config/vision-llm-config-mutation.atoms.ts
@@ -0,0 +1,87 @@
+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
new file mode 100644
index 000000000..906ce638f
--- /dev/null
+++ b/surfsense_web/atoms/vision-llm-config/vision-llm-config-query.atoms.ts
@@ -0,0 +1,51 @@
+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 5f3b83db1..1d0eefc17 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 { RefreshCw, Workflow } from "lucide-react";
+import { RefreshCcw, 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 59006b26e..d084ac0fd 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 {
- globalModelConnectionsAtom,
- modelConnectionsAtom,
-} from "@/atoms/model-connections/model-connections-query.atoms";
+ globalNewLLMConfigsAtom,
+ newLLMConfigsAtom,
+} from "@/atoms/new-llm-config/new-llm-config-query.atoms";
import { activeSearchSpaceIdAtom } from "@/atoms/search-spaces/search-space-query.atoms";
import {
CitationMetadataProvider,
@@ -37,10 +37,7 @@ 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 {
- type TokenUsageModelBreakdown,
- useTokenUsage,
-} from "@/components/assistant-ui/token-usage-context";
+import { 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";
@@ -271,81 +268,29 @@ 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: globalConnections = [] } = useAtomValue(globalModelConnectionsAtom);
- const { data: localConnections = [] } = useAtomValue(modelConnectionsAtom);
+ const { data: localConfigs } = useAtomValue(newLLMConfigsAtom);
+ const { data: globalConfigs } = useAtomValue(globalNewLLMConfigsAtom);
- 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);
- }
+ const configByModel = useMemo(() => {
+ const map = new Map();
+ for (const c of [...(globalConfigs ?? []), ...(localConfigs ?? [])]) {
+ map.set(c.model_name, { name: c.name, provider: c.provider });
}
return map;
- }, [globalConnections, localConnections]);
+ }, [localConfigs, globalConfigs]);
- 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 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 modelBreakdown = usage ? (usage.usage ?? usage.model_breakdown) : undefined;
@@ -374,12 +319,12 @@ const MessageInfoDropdown: FC<{ chatTurnId: string | null | undefined }> = ({ ch
{models.length > 0 ? (
models.map(([model, counts]) => {
- const { name, icon } = resolveModel(model, counts);
+ const { name, icon } = resolveModel(model);
const costMicros = counts.cost_micros;
return (
e.preventDefault()}
>
diff --git a/surfsense_web/components/assistant-ui/chat-viewport.tsx b/surfsense_web/components/assistant-ui/chat-viewport.tsx
index 83308b642..dedada7a5 100644
--- a/surfsense_web/components/assistant-ui/chat-viewport.tsx
+++ b/surfsense_web/components/assistant-ui/chat-viewport.tsx
@@ -27,8 +27,8 @@ export interface ChatViewportProps {
export const ChatViewport: FC = ({ children, footer }) => (
void;
@@ -42,10 +42,17 @@ 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(
- buildBackendUrl(`/api/v1/webhooks/circleback/${connector.search_space_id}/info`),
+ `${baseUrl}/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 1fc555471..011eeec96 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 { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } from "@/lib/env-config";
import { cn } from "@/lib/utils";
import { DateRangeSelector } from "../../components/date-range-selector";
import { PeriodicSyncConfig } from "../../components/periodic-sync-config";
@@ -95,13 +95,12 @@ export const ConnectorEditView: FC = ({
if (!spaceId || !reauthEndpoint) return;
setReauthing(true);
try {
- const response = await authenticatedFetch(
- buildBackendUrl(reauthEndpoint, {
- connector_id: connector.id,
- space_id: spaceId,
- return_url: window.location.pathname,
- })
- );
+ 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());
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 2f10152b8..45c174d74 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 { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } from "@/lib/env-config";
import {
trackConnectorConnected,
trackConnectorDeleted,
@@ -351,7 +351,9 @@ export const useConnectorDialog = () => {
trackConnectorSetupStarted(Number(searchSpaceId), connector.connectorType, "oauth_click");
try {
- const url = buildBackendUrl(connector.authEndpoint, { space_id: searchSpaceId });
+ // Check if authEndpoint already has query parameters
+ const separator = connector.authEndpoint.includes("?") ? "&" : "?";
+ const url = `${BACKEND_URL}${connector.authEndpoint}${separator}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 f7b27441b..4977219f7 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,11 +22,6 @@ 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.
@@ -71,14 +66,14 @@ export const AllConnectorsTab: FC = ({
onManage,
onViewAccountsList,
}) => {
- const selfHosted = useIsSelfHosted();
+ const selfHosted = isSelfHosted();
const { isDesktop } = usePlatform();
const matchesSearch = (title: string, description: string) =>
title.toLowerCase().includes(searchQuery.toLowerCase()) ||
description.toLowerCase().includes(searchQuery.toLowerCase());
- const passesDeploymentFilter = (c: DeploymentFilterableConnector) =>
+ const passesDeploymentFilter = (c: { selfHostedOnly?: boolean; desktopOnly?: boolean }) =>
(!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 f53537cdc..05b684397 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 { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } from "@/lib/env-config";
import { formatRelativeDate } from "@/lib/format-date";
import { cn } from "@/lib/utils";
import { LIVE_CONNECTOR_TYPES } from "../constants/connector-constants";
@@ -61,13 +61,12 @@ export const ConnectorAccountsListView: FC = ({
if (!searchSpaceId || !endpoint) return;
setReauthingId(connector.id);
try {
- const response = await authenticatedFetch(
- buildBackendUrl(endpoint, {
- connector_id: connector.id,
- space_id: searchSpaceId,
- return_url: window.location.pathname,
- })
- );
+ 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());
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/markdown-text.tsx b/surfsense_web/components/assistant-ui/markdown-text.tsx
index cd32ca920..ee36e8499 100644
--- a/surfsense_web/components/assistant-ui/markdown-text.tsx
+++ b/surfsense_web/components/assistant-ui/markdown-text.tsx
@@ -110,7 +110,7 @@ const MarkdownTextImpl = () => {
return (
{
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
@@ -937,11 +931,7 @@ const Composer: FC = () => {
className="min-h-[48px] sm:min-h-[24px] **:data-slate-placeholder:font-normal"
/>
-
!thread.isRunning}>
= ({
isBlockedByOtherUser
? "Wait for AI to finish responding"
: !hasModelConfigured
- ? "Please select a model to start chatting"
+ ? "Please select a model from the header 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 8db8c2b50..dd80bcac3 100644
--- a/surfsense_web/components/assistant-ui/token-usage-context.tsx
+++ b/surfsense_web/components/assistant-ui/token-usage-context.tsx
@@ -9,18 +9,6 @@ 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;
@@ -32,8 +20,24 @@ export interface TokenUsageData {
* before the migration won't have it.
*/
cost_micros?: number;
- usage?: Record;
- model_breakdown?: Record;
+ 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;
+ }
+ >;
}
type Listener = () => void;
diff --git a/surfsense_web/components/auth/sign-in-button.tsx b/surfsense_web/components/auth/sign-in-button.tsx
index 581e37603..7f5a77f36 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 { BUILD_TIME_AUTH_TYPE, buildBackendUrl } from "@/lib/env-config";
+import { AUTH_TYPE, BACKEND_URL } 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 = BUILD_TIME_AUTH_TYPE === "GOOGLE";
+ const isGoogleAuth = AUTH_TYPE === "GOOGLE";
const [isRedirecting, setIsRedirecting] = useState(false);
const handleGoogleLogin = () => {
if (isRedirecting) return;
setIsRedirecting(true);
trackLoginAttempt("google");
- window.location.href = buildBackendUrl("/auth/google/authorize-redirect");
+ window.location.href = `${BACKEND_URL}/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 e04ead89a..b79b289b4 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 { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } from "@/lib/env-config";
interface DownloadOriginalButtonProps {
documentId: number;
@@ -41,7 +41,7 @@ export function DownloadOriginalButton({ documentId }: DownloadOriginalButtonPro
setDownloading(true);
try {
const response = await authenticatedFetch(
- buildBackendUrl(`/api/v1/documents/${documentId}/download-original`),
+ `${BACKEND_URL}/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 75283c81f..01983cbe1 100644
--- a/surfsense_web/components/editor-panel/editor-panel.tsx
+++ b/surfsense_web/components/editor-panel/editor-panel.tsx
@@ -17,7 +17,6 @@ import { toast } from "sonner";
import { closeEditorPanelAtom, editorPanelAtom } from "@/atoms/editor/editor-panel.atom";
import { DownloadOriginalButton } from "@/components/documents/download-original-button";
import { VersionHistoryButton } from "@/components/documents/version-history";
-import { PlateErrorBoundary } from "@/components/editor/plate-error-boundary";
import { SourceCodeEditor } from "@/components/editor/source-code-editor";
import {
fetchMemoryEditorDocument,
@@ -35,15 +34,14 @@ 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 { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } from "@/lib/env-config";
const PlateEditor = dynamic(
() => import("@/components/editor/plate-editor").then((m) => ({ default: m.PlateEditor })),
{ ssr: false, loading: () => }
);
-const LARGE_DOCUMENT_THRESHOLD = 1 * 1024 * 1024; // 1MB, matches backend
-const LARGE_DOCUMENT_LINE_THRESHOLD = 5000;
+const LARGE_DOCUMENT_THRESHOLD = 2 * 1024 * 1024; // 2MB
interface EditorContent {
document_id: number;
@@ -51,11 +49,9 @@ interface EditorContent {
document_type?: string;
source_markdown: string;
content_size_bytes?: number;
- line_count?: number;
chunk_count?: number;
viewer_mode?: ViewerMode;
editor_plate_max_bytes?: number;
- editor_plate_max_lines?: number;
}
const EDITABLE_DOCUMENT_TYPES = new Set(["FILE", "NOTE"]);
@@ -122,15 +118,6 @@ function getUtf8ByteSize(value: string): number {
return new TextEncoder().encode(value).byteLength;
}
-function countLines(value: string): number {
- if (!value) return 0;
- let count = 1;
- for (let i = 0; i < value.length; i++) {
- if (value.charCodeAt(i) === 10) count++;
- }
- return count;
-}
-
function formatBytes(bytes: number): string {
if (bytes >= 1024 * 1024) {
return `${(bytes / 1024 / 1024).toFixed(1)}MB`;
@@ -197,17 +184,10 @@ export function EditorPanelContent({
);
const plateMaxBytes = editorDoc?.editor_plate_max_bytes ?? LARGE_DOCUMENT_THRESHOLD;
- const plateMaxLines = editorDoc?.editor_plate_max_lines ?? LARGE_DOCUMENT_LINE_THRESHOLD;
- const docSizeBytes = editorDoc?.content_size_bytes ?? 0;
- const docLineCount =
- editorDoc?.line_count ??
- (editorDoc?.source_markdown ? countLines(editorDoc.source_markdown) : 0);
- const isLargeDocument = docSizeBytes > plateMaxBytes || docLineCount > plateMaxLines;
+ const isLargeDocument = (editorDoc?.content_size_bytes ?? 0) > plateMaxBytes;
const viewerMode: ViewerMode = isMemoryMode
? "plate"
- : editorDoc?.viewer_mode === "monaco" || isLargeDocument
- ? "monaco"
- : "plate";
+ : (editorDoc?.viewer_mode ?? (isLargeDocument ? "monaco" : "plate"));
useEffect(() => {
const controller = new AbortController();
@@ -280,12 +260,10 @@ export function EditorPanelContent({
return;
}
- const response = await authenticatedFetch(
- buildBackendUrl(
- `/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/editor-content`
- ),
- { method: "GET" }
+ const url = new URL(
+ `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/editor-content`
);
+ const response = await authenticatedFetch(url.toString(), { method: "GET" });
if (controller.signal.aborted) return;
@@ -424,7 +402,7 @@ export function EditorPanelContent({
return;
}
const response = await authenticatedFetch(
- buildBackendUrl(`/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/save`),
+ `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/save`,
{
method: "POST",
headers: { "Content-Type": "application/json" },
@@ -443,8 +421,7 @@ export function EditorPanelContent({
setEditedMarkdown(null);
if (!options?.silent) {
const savedSizeBytes = getUtf8ByteSize(markdownRef.current);
- const savedLineCount = countLines(markdownRef.current);
- if (savedSizeBytes > plateMaxBytes || savedLineCount > plateMaxLines) {
+ if (savedSizeBytes > plateMaxBytes) {
toast.success("Document saved. It will reopen in raw markdown mode.");
} else {
toast.success("Document saved! Reindexing in background...");
@@ -470,7 +447,6 @@ export function EditorPanelContent({
memoryLimits,
memoryScope,
plateMaxBytes,
- plateMaxLines,
resolveLocalVirtualPath,
searchSpaceId,
]
@@ -491,12 +467,8 @@ export function EditorPanelContent({
const localFileLanguage = inferMonacoLanguageFromPath(localFilePath);
const activeMarkdown = editedMarkdown ?? editorDoc?.source_markdown ?? "";
const activeMarkdownSizeBytes = useMemo(() => getUtf8ByteSize(activeMarkdown), [activeMarkdown]);
- const activeMarkdownLineCount = useMemo(() => countLines(activeMarkdown), [activeMarkdown]);
- const isNearPlateLimit =
- activeMarkdownSizeBytes >= plateMaxBytes * 0.9 ||
- activeMarkdownLineCount >= plateMaxLines * 0.9;
- const isOverPlateLimit =
- activeMarkdownSizeBytes > plateMaxBytes || activeMarkdownLineCount > plateMaxLines;
+ const isNearPlateLimit = activeMarkdownSizeBytes >= plateMaxBytes * 0.9;
+ const isOverPlateLimit = activeMarkdownSizeBytes > plateMaxBytes;
const showPlateSizeWarning =
showEditingActions && !isMemoryMode && !isLocalFileMode && isNearPlateLimit;
const memoryLimitState = isMemoryMode
@@ -509,13 +481,6 @@ export function EditorPanelContent({
? "text-orange-500"
: "text-muted-foreground";
const saveDisabled = saving || !hasUnsavedChanges || (memoryLimitState?.isOverLimit ?? false);
- const editorInstanceKey = `${
- isMemoryMode
- ? `memory-${memoryScope ?? "user"}`
- : isLocalFileMode
- ? (localFilePath ?? "local-file")
- : documentId
- }-${isEditing ? "editing" : "viewing"}`;
const handleCancelEditing = useCallback(() => {
const savedContent = editorDoc?.source_markdown ?? "";
@@ -531,9 +496,7 @@ export function EditorPanelContent({
setDownloading(true);
try {
const response = await authenticatedFetch(
- buildBackendUrl(
- `/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/download-markdown`
- ),
+ `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/download-markdown`,
{ method: "GET" }
);
if (!response.ok) throw new Error("Download failed");
@@ -562,7 +525,7 @@ export function EditorPanelContent({
This document is too large for the editor (
- {formatBytes(editorDoc.content_size_bytes ?? 0)}, {docLineCount.toLocaleString()} lines,{" "}
+ {Math.round((editorDoc.content_size_bytes ?? 0) / 1024 / 1024)}MB,{" "}
{editorDoc.chunk_count ?? 0} chunks). Showing raw markdown below.
{isOverPlateLimit
- ? `This document is ${formatBytes(activeMarkdownSizeBytes)} and ${activeMarkdownLineCount.toLocaleString()} lines, above the rich editor limit of ${formatBytes(plateMaxBytes)} or ${plateMaxLines.toLocaleString()} lines. You can save, but it will reopen in raw markdown mode.`
- : `This document is approaching the rich editor limit (${formatBytes(activeMarkdownSizeBytes)} of ${formatBytes(plateMaxBytes)}, ${activeMarkdownLineCount.toLocaleString()} of ${plateMaxLines.toLocaleString()} lines).`}
+ ? `This document is ${formatBytes(activeMarkdownSizeBytes)}, above the rich editor limit of ${formatBytes(plateMaxBytes)}. You can save, but it will reopen in raw markdown mode.`
+ : `This document is approaching the rich editor limit (${formatBytes(activeMarkdownSizeBytes)} of ${formatBytes(plateMaxBytes)}).`}
)}
{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 966aaee60..b28b1e0a1 100644
--- a/surfsense_web/components/free-chat/free-chat-page.tsx
+++ b/surfsense_web/components/free-chat/free-chat-page.tsx
@@ -33,8 +33,9 @@ import {
updateThinkingSteps,
updateToolCall,
} from "@/lib/chat/streaming-state";
-import { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } 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";
@@ -62,21 +63,6 @@ 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";
}
@@ -168,7 +154,7 @@ export function FreeChatPage() {
assistantMsgId: string,
signal: AbortSignal,
turnstileToken: string | null
- ): Promise<"captcha" | undefined> => {
+ ): Promise<"captcha" | void> => {
const reqBody: Record = {
model_slug: modelSlug,
messages: messageHistory,
@@ -176,7 +162,7 @@ export function FreeChatPage() {
if (!webSearchEnabled) reqBody.disabled_tools = ["web_search"];
if (turnstileToken) reqBody.turnstile_token = turnstileToken;
- const response = await fetch(buildBackendUrl("/api/v1/public/anon-chat/stream"), {
+ const response = await fetch(`${BACKEND_URL}/api/v1/public/anon-chat/stream`, {
method: "POST",
headers: { "Content-Type": "application/json" },
credentials: "include",
@@ -498,6 +484,10 @@ 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 162b906ad..46d9e0259 100644
--- a/surfsense_web/components/free-chat/free-composer.tsx
+++ b/surfsense_web/components/free-chat/free-composer.tsx
@@ -13,7 +13,6 @@ 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",
@@ -228,8 +227,7 @@ 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 d04bca8a2..9bf4ecee5 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 { Check, ChevronDown, Cpu } from "lucide-react";
+import { Bot, Check, ChevronDown } 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
deleted file mode 100644
index 212be42c7..000000000
--- a/surfsense_web/components/homepage/global-announcement.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-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 0f3bfe1aa..09cf316d8 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 { BUILD_TIME_AUTH_TYPE, buildBackendUrl } from "@/lib/env-config";
+import { AUTH_TYPE, BACKEND_URL } 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 = BUILD_TIME_AUTH_TYPE === "GOOGLE";
+ const isGoogleAuth = AUTH_TYPE === "GOOGLE";
const [isRedirecting, setIsRedirecting] = useState(false);
const handleGoogleLogin = () => {
if (isRedirecting) return;
setIsRedirecting(true);
trackLoginAttempt("google");
- window.location.href = buildBackendUrl("/auth/google/authorize-redirect");
+ window.location.href = `${BACKEND_URL}/auth/google/authorize-redirect`;
};
if (isGoogleAuth) {
diff --git a/surfsense_web/components/icons/providers/azure.svg b/surfsense_web/components/icons/providers/azure.svg
deleted file mode 100644
index ba80f55ca..000000000
--- a/surfsense_web/components/icons/providers/azure.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ 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 cde500c0d..195aa6594 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
deleted file mode 100644
index 8d732d5b0..000000000
--- a/surfsense_web/components/icons/providers/claude.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ 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 5c8276e62..aefa2a053 100644
--- a/surfsense_web/components/icons/providers/index.ts
+++ b/surfsense_web/components/icons/providers/index.ts
@@ -1,10 +1,8 @@
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";
@@ -15,7 +13,6 @@ 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
deleted file mode 100644
index b6ae7db3e..000000000
--- a/surfsense_web/components/icons/providers/lm-studio.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-
diff --git a/surfsense_web/components/icons/providers/vertexai.svg b/surfsense_web/components/icons/providers/vertexai.svg
index e46a3ca0f..45adce83b 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 429a1fde8..549e6e7d7 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 { AlarmClock, AlertTriangle, Inbox, LibraryBig } from "lucide-react";
+import { AlertTriangle, Inbox, LibraryBig, Workflow } 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: AlarmClock,
+ icon: Workflow,
isActive: isAutomationsActive,
},
isMobile
diff --git a/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx b/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx
index 009b2c120..6f385b465 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}/new-chat`);
+ router.push(`/dashboard/${result.id}/onboard`);
} 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 ea700391a..79839622d 100644
--- a/surfsense_web/components/layout/ui/header/Header.tsx
+++ b/surfsense_web/components/layout/ui/header/Header.tsx
@@ -6,6 +6,7 @@ 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";
@@ -65,8 +66,13 @@ export function Header({ mobileMenuTrigger }: HeaderProps) {
return (
- {/* Left side - Mobile menu trigger */}
- {mobileMenuTrigger}
+ {/* Left side - Mobile menu trigger + Model selector */}
+
+ {mobileMenuTrigger}
+ {isChatPage && !isDocumentTab && searchSpaceId && (
+
+ )}
+
{/* Right side - Actions */}
diff --git a/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
index 44cc56ab0..6c6668319 100644
--- a/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
@@ -43,7 +43,6 @@ 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,
@@ -79,7 +78,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 { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } from "@/lib/env-config";
import { uploadFolderScan } from "@/lib/folder-sync-upload";
import { getSupportedExtensionsSet } from "@/lib/supported-extensions";
import { queries } from "@/zero/queries/index";
@@ -227,7 +226,6 @@ 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);
@@ -620,8 +618,7 @@ function AuthenticatedDocumentsSidebarBase({
folderName: matched.name,
searchSpaceId,
excludePatterns: matched.excludePatterns ?? DEFAULT_EXCLUDE_PATTERNS,
- fileExtensions:
- matched.fileExtensions ?? Array.from(getSupportedExtensionsSet(undefined, etlService)),
+ fileExtensions: matched.fileExtensions ?? Array.from(getSupportedExtensionsSet()),
rootFolderId: folder.id,
});
toast.success(`Re-scan complete: ${matched.name}`);
@@ -629,7 +626,7 @@ function AuthenticatedDocumentsSidebarBase({
toast.error((err as Error)?.message || "Failed to re-scan folder");
}
},
- [searchSpaceId, electronAPI, etlService]
+ [searchSpaceId, electronAPI]
);
const handleStopWatching = useCallback(
@@ -751,9 +748,7 @@ function AuthenticatedDocumentsSidebarBase({
.trim()
.slice(0, 80) || "folder";
await doExport(
- buildBackendUrl(`/api/v1/search-spaces/${searchSpaceId}/export`, {
- folder_id: ctx.folder.id,
- }),
+ `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/export?folder_id=${ctx.folder.id}`,
`${safeName}.zip`
);
toast.success(`Folder "${ctx.folder.name}" exported`);
@@ -805,9 +800,7 @@ function AuthenticatedDocumentsSidebarBase({
.trim()
.slice(0, 80) || "folder";
await doExport(
- buildBackendUrl(`/api/v1/search-spaces/${searchSpaceId}/export`, {
- folder_id: folder.id,
- }),
+ `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/export?folder_id=${folder.id}`,
`${safeName}.zip`
);
toast.success(`Folder "${folder.name}" exported`);
@@ -827,8 +820,8 @@ function AuthenticatedDocumentsSidebarBase({
try {
const endpoint =
doc.document_type === "USER_MEMORY"
- ? buildBackendUrl("/api/v1/users/me/memory")
- : buildBackendUrl(`/api/v1/searchspaces/${searchSpaceId}/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`;
const response = await authenticatedFetch(endpoint, { method: "GET" });
if (!response.ok) {
const errorData = await response.json().catch(() => ({ detail: "Export failed" }));
@@ -856,9 +849,7 @@ function AuthenticatedDocumentsSidebarBase({
try {
const response = await authenticatedFetch(
- buildBackendUrl(`/api/v1/search-spaces/${searchSpaceId}/documents/${doc.id}/export`, {
- format,
- }),
+ `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${doc.id}/export?format=${format}`,
{ method: "GET" }
);
@@ -1037,8 +1028,8 @@ function AuthenticatedDocumentsSidebarBase({
}
const endpoint =
doc.document_type === "USER_MEMORY"
- ? buildBackendUrl("/api/v1/users/me/memory/reset")
- : buildBackendUrl(`/api/v1/searchspaces/${searchSpaceId}/memory/reset`);
+ ? `${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`;
try {
const response = await authenticatedFetch(endpoint, { method: "POST" });
if (!response.ok) {
@@ -1158,7 +1149,6 @@ function AuthenticatedDocumentsSidebarBase({
const showCloudSkeleton =
currentFilesystemTab === "cloud" &&
(zeroFoldersResult.type !== "complete" || zeroAllDocsResult.type !== "complete");
- const connectorButtonLabel = connectorCount > 0 ? "Manage connectors" : "Connect your connectors";
const cloudContent = (
<>
@@ -1171,7 +1161,9 @@ 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"
>
-
{connectorButtonLabel}
+
+ {connectorCount > 0 ? "Manage connectors" : "Connect your connectors"}
+
{connectorCount > 0 && (
{connectorCount}
diff --git a/surfsense_web/components/layout/ui/tabs/DocumentTabContent.tsx b/surfsense_web/components/layout/ui/tabs/DocumentTabContent.tsx
index d50d28a3c..61b8c3e25 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 { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } from "@/lib/env-config";
const LARGE_DOCUMENT_THRESHOLD = 2 * 1024 * 1024; // 2MB
@@ -108,12 +108,10 @@ export function DocumentTabContent({ documentId, searchSpaceId, title }: Documen
}
try {
- const response = await authenticatedFetch(
- buildBackendUrl(
- `/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/editor-content`
- ),
- { method: "GET" }
+ const url = new URL(
+ `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/editor-content`
);
+ const response = await authenticatedFetch(url.toString(), { method: "GET" });
if (controller.signal.aborted) return;
@@ -167,7 +165,7 @@ export function DocumentTabContent({ documentId, searchSpaceId, title }: Documen
setSaving(true);
try {
const response = await authenticatedFetch(
- buildBackendUrl(`/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/save`),
+ `${BACKEND_URL}/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/save`,
{
method: "POST",
headers: { "Content-Type": "application/json" },
@@ -325,9 +323,7 @@ export function DocumentTabContent({ documentId, searchSpaceId, title }: Documen
setDownloading(true);
try {
const response = await authenticatedFetch(
- buildBackendUrl(
- `/api/v1/search-spaces/${searchSpaceId}/documents/${documentId}/download-markdown`
- ),
+ `${BACKEND_URL}/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 344176629..61041cc29 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: AlarmClock,
+ automate: Workflow,
tools: Settings2,
};
diff --git a/surfsense_web/components/new-chat/chat-header.tsx b/surfsense_web/components/new-chat/chat-header.tsx
index 9882530d4..4716418ee 100644
--- a/surfsense_web/components/new-chat/chat-header.tsx
+++ b/surfsense_web/components/new-chat/chat-header.tsx
@@ -1,23 +1,167 @@
"use client";
-import { ImageModelSelector } from "./image-model-selector";
+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 { ModelSelector } from "./model-selector";
interface ChatHeaderProps {
searchSpaceId: number;
className?: string;
- onChatModelSelected?: () => void;
}
-export function ChatHeader({ searchSpaceId, className, onChatModelSelected }: ChatHeaderProps) {
+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);
+ }, []);
+
return (
-
+
+
+
);
}
diff --git a/surfsense_web/components/new-chat/image-model-selector.tsx b/surfsense_web/components/new-chat/image-model-selector.tsx
deleted file mode 100644
index e90a46c09..000000000
--- a/surfsense_web/components/new-chat/image-model-selector.tsx
+++ /dev/null
@@ -1,301 +0,0 @@
-"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"
- />
-
-
-
-
- {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}
-
- {models.map((model) => (
-
- ))}
-
- ))
- )}
-
-
-
-
-
+ {!isMobile && (
+
+
+
+ )}
+ {isMobile && (
+
+
+
+ )}
+
+ {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 && (
+
+
+
+ )}
+
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
+
+ ) : (
+ (hasPremiumStatus || hasCitations) && (
+
+ {hasPremiumStatus && (
+
+ {isPremium ? "Premium" : "Free"}
+
+ )}
+ {hasCitations && (
+
+ Citations
+
+ )}
+
+ )
+ )}
+
+
+ {/* Actions */}
+
+ {!isAutoMode && (
+
+ )}
+ {isSelected && (
+
+
+
+ )}
+
+
+ {/* 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 && (
+
+
+
+ )}
+
+
+
{renderContent()}
);
@@ -306,12 +1435,14 @@ export function ModelSelector({
return (
- {trigger}
+ {triggerButton}
e.preventDefault()}
>
- {content}
+ {renderContent()}
);
diff --git a/surfsense_web/components/providers/ZeroProvider.tsx b/surfsense_web/components/providers/ZeroProvider.tsx
index 35d51311a..5bb43db99 100644
--- a/surfsense_web/components/providers/ZeroProvider.tsx
+++ b/surfsense_web/components/providers/ZeroProvider.tsx
@@ -12,15 +12,7 @@ import { getBearerToken, handleUnauthorized, refreshAccessToken } from "@/lib/au
import { queries } from "@/zero/queries";
import { schema } from "@/zero/schema";
-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";
-}
+const cacheURL = process.env.NEXT_PUBLIC_ZERO_CACHE_URL || "http://localhost:4848";
function ZeroAuthSync() {
const zero = useZero();
@@ -50,7 +42,6 @@ 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;
@@ -74,7 +65,7 @@ export function ZeroProvider({ children }: { children: React.ReactNode }) {
cacheURL,
auth,
}),
- [userID, context, cacheURL, auth]
+ [userID, context, auth]
);
return (
diff --git a/surfsense_web/components/providers/runtime-config.server.tsx b/surfsense_web/components/providers/runtime-config.server.tsx
deleted file mode 100644
index c515820c2..000000000
--- a/surfsense_web/components/providers/runtime-config.server.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-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
deleted file mode 100644
index 560acd597..000000000
--- a/surfsense_web/components/providers/runtime-config.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-"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 53b0c9867..682235e0f 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 { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } from "@/lib/env-config";
function ReportPanelSkeleton() {
return (
@@ -245,7 +245,7 @@ export function ReportPanelContent({
URL.revokeObjectURL(url);
} else {
const response = await authenticatedFetch(
- buildBackendUrl(`/api/v1/reports/${activeReportId}/export`, { format }),
+ `${BACKEND_URL}/api/v1/reports/${activeReportId}/export?format=${format}`,
{ method: "GET" }
);
@@ -278,7 +278,7 @@ export function ReportPanelContent({
setSaving(true);
try {
const response = await authenticatedFetch(
- buildBackendUrl(`/api/v1/reports/${activeReportId}/content`),
+ `${BACKEND_URL}/api/v1/reports/${activeReportId}/content`,
{
method: "PUT",
headers: { "Content-Type": "application/json" },
@@ -506,11 +506,7 @@ 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 9147d4199..5533674bf 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 { buildBackendUrl } from "@/lib/env-config";
+import { BACKEND_URL } 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(buildBackendUrl(previewPath));
+ setPdfUrl(`${BACKEND_URL}${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 d982d6f85..3473b64d6 100644
--- a/surfsense_web/components/tool-ui/podcast/brief-review.tsx
+++ b/surfsense_web/components/tool-ui/podcast/brief-review.tsx
@@ -1,20 +1,11 @@
"use client";
-import { Check, ChevronDown, Loader2, Plus, Trash2 } from "lucide-react";
+import { 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,
@@ -24,10 +15,7 @@ import {
} from "@/components/ui/select";
import { Textarea } from "@/components/ui/textarea";
import {
- type LanguageOptions,
- MAX_DURATION_SECONDS,
MAX_SPEAKERS,
- MIN_DURATION_SECONDS,
type PodcastSpec,
type PodcastStyle,
podcastStyle,
@@ -67,11 +55,7 @@ interface BriefReviewProps {
*/
export function BriefReview({ podcast, spec }: BriefReviewProps) {
const [draft, setDraft] = useState
(spec);
- const [durationUnit, setDurationUnit] = useState(() =>
- 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
@@ -79,7 +63,6 @@ export function BriefReview({ podcast, spec }: BriefReviewProps) {
// biome-ignore lint/correctness/useExhaustiveDependencies: reset only when the server version moves
useEffect(() => {
setDraft(spec);
- setDurationUnit(defaultDurationUnit(spec.duration.max_seconds));
}, [podcast.specVersion]);
useEffect(() => {
@@ -92,26 +75,19 @@ 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(offering?.languages ?? []);
+ const tags = new Set();
+ for (const voice of voices ?? []) {
+ if (voice.language !== ANY_LANGUAGE) tags.add(voice.language);
+ }
tags.add(draft.language);
return [...tags].sort();
- }, [offering, draft.language]);
+ }, [voices, draft.language]);
const voicesForLanguage = useMemo(
() => (voices ?? []).filter((voice) => speaks(voice, draft.language)),
@@ -217,22 +193,18 @@ export function BriefReview({ podcast, spec }: BriefReviewProps) {
- {offering?.allows_custom ? (
-
- ) : (
-
- )}
+
@@ -332,66 +304,39 @@ export function BriefReview({ podcast, spec }: BriefReviewProps) {
))}
-
-
-
-
+
+
+
+
+ setDraft((current) => ({
+ ...current,
+ duration: { ...current.duration, min_minutes: Number(e.target.value) || 1 },
+ }))
+ }
+ />
-
-
-
- {
- const seconds = clampDurationSeconds(
- fromUnitValue(Number(e.target.value), durationUnit)
- );
- setDraft((current) => ({
- ...current,
- duration: { ...current.duration, min_seconds: seconds },
- }));
- }}
- />
-
-
-
- {
- const parsed = Number(e.target.value);
- const fallback = secondsToUnitValue(draft.duration.min_seconds, durationUnit);
- const seconds = clampDurationSeconds(
- fromUnitValue(Number.isFinite(parsed) ? parsed : fallback, durationUnit)
- );
- setDraft((current) => ({
- ...current,
- duration: { ...current.duration, max_seconds: seconds },
- }));
- }}
- />
-
+
+
+
+ setDraft((current) => ({
+ ...current,
+ duration: {
+ ...current.duration,
+ max_minutes: Number(e.target.value) || current.duration.min_minutes,
+ },
+ }))
+ }
+ />
@@ -420,7 +365,7 @@ export function BriefReview({ podcast, spec }: BriefReviewProps) {