feat: add licensing handling

src/app/page.tsx

@@ -5,6 +5,7 @@ import { listen } from "@tauri-apps/api/event";
 import { getCurrent } from "@tauri-apps/plugin-deep-link";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { CamoufoxConfigDialog } from "@/components/camoufox-config-dialog";
+import { CommercialTrialModal } from "@/components/commercial-trial-modal";
 import { CookieCopyDialog } from "@/components/cookie-copy-dialog";
 import { CreateProfileDialog } from "@/components/create-profile-dialog";
 import { DeleteConfirmationDialog } from "@/components/delete-confirmation-dialog";
@@ -21,7 +22,9 @@ import { ProxyAssignmentDialog } from "@/components/proxy-assignment-dialog";
 import { ProxyManagementDialog } from "@/components/proxy-management-dialog";
 import { SettingsDialog } from "@/components/settings-dialog";
 import { SyncConfigDialog } from "@/components/sync-config-dialog";
+import { WayfernTermsDialog } from "@/components/wayfern-terms-dialog";
 import { useAppUpdateNotifications } from "@/hooks/use-app-update-notifications";
+import { useCommercialTrial } from "@/hooks/use-commercial-trial";
 import { useGroupEvents } from "@/hooks/use-group-events";
 import type { PermissionType } from "@/hooks/use-permissions";
 import { usePermissions } from "@/hooks/use-permissions";
@@ -29,6 +32,7 @@ import { useProfileEvents } from "@/hooks/use-profile-events";
 import { useProxyEvents } from "@/hooks/use-proxy-events";
 import { useUpdateNotifications } from "@/hooks/use-update-notifications";
 import { useVersionUpdater } from "@/hooks/use-version-updater";
+import { useWayfernTerms } from "@/hooks/use-wayfern-terms";
 import { showErrorToast, showSuccessToast, showToast } from "@/lib/toast-utils";
 import type { BrowserProfile, CamoufoxConfig, WayfernConfig } from "@/types";
 
@@ -70,6 +74,18 @@ export default function Home() {
     error: proxiesError,
   } = useProxyEvents();
 
+  // Wayfern terms and commercial trial hooks
+  const {
+    termsAccepted,
+    isLoading: termsLoading,
+    checkTerms,
+  } = useWayfernTerms();
+  const {
+    trialStatus,
+    hasAcknowledged: trialAcknowledged,
+    checkTrialStatus,
+  } = useCommercialTrial();
+
   const [createProfileDialogOpen, setCreateProfileDialogOpen] = useState(false);
   const [settingsDialogOpen, setSettingsDialogOpen] = useState(false);
   const [importProfileDialogOpen, setImportProfileDialogOpen] = useState(false);
@@ -961,6 +977,23 @@ export default function Home() {
         profile={currentProfileForSync}
         onSyncConfigOpen={() => setSyncConfigDialogOpen(true)}
       />
+
+      {/* Wayfern Terms and Conditions Dialog - shown if terms not accepted */}
+      <WayfernTermsDialog
+        isOpen={!termsLoading && termsAccepted === false}
+        onAccepted={checkTerms}
+      />
+
+      {/* Commercial Trial Modal - shown once when trial expires */}
+      <CommercialTrialModal
+        isOpen={
+          !termsLoading &&
+          termsAccepted === true &&
+          trialStatus?.type === "Expired" &&
+          !trialAcknowledged
+        }
+        onClose={checkTrialStatus}
+      />
     </div>
   );
 }

src/components/commercial-trial-modal.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import { invoke } from "@tauri-apps/api/core";
+import { useCallback, useState } from "react";
+import { LoadingButton } from "@/components/loading-button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { showErrorToast } from "@/lib/toast-utils";
+
+interface CommercialTrialModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+}
+
+export function CommercialTrialModal({
+  isOpen,
+  onClose,
+}: CommercialTrialModalProps) {
+  const [isAcknowledging, setIsAcknowledging] = useState(false);
+
+  const handleAcknowledge = useCallback(async () => {
+    setIsAcknowledging(true);
+    try {
+      await invoke("acknowledge_trial_expiration");
+      onClose();
+    } catch (error) {
+      console.error("Failed to acknowledge trial expiration:", error);
+      showErrorToast("Failed to save acknowledgment", {
+        description:
+          error instanceof Error ? error.message : "Please try again",
+      });
+    } finally {
+      setIsAcknowledging(false);
+    }
+  }, [onClose]);
+
+  return (
+    <Dialog open={isOpen}>
+      <DialogContent
+        className="sm:max-w-md"
+        onEscapeKeyDown={(e) => e.preventDefault()}
+        onPointerDownOutside={(e) => e.preventDefault()}
+        onInteractOutside={(e) => e.preventDefault()}
+      >
+        <DialogHeader>
+          <DialogTitle>Commercial Trial Expired</DialogTitle>
+          <DialogDescription>
+            Your 2-week commercial trial period has ended.
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className="space-y-4 py-4">
+          <p className="text-sm text-muted-foreground">
+            If you are using Donut Browser for business purposes, you need to
+            purchase a commercial license to continue.
+          </p>
+          <p className="text-sm font-medium">
+            Personal use remains free and unrestricted.
+          </p>
+          <p className="text-xs text-muted-foreground">
+            Visit our website to learn more about commercial licensing options.
+          </p>
+        </div>
+
+        <DialogFooter>
+          <LoadingButton
+            onClick={handleAcknowledge}
+            isLoading={isAcknowledging}
+          >
+            I Understand
+          </LoadingButton>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}

src/components/settings-dialog.tsx

@@ -37,8 +37,10 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
+import { useCommercialTrial } from "@/hooks/use-commercial-trial";
 import type { PermissionType } from "@/hooks/use-permissions";
 import { usePermissions } from "@/hooks/use-permissions";
+import { useWayfernTerms } from "@/hooks/use-wayfern-terms";
 import {
   getThemeByColors,
   getThemeById,
@@ -115,6 +117,10 @@ export function SettingsDialog({ isOpen, onClose }: SettingsDialogProps) {
     isMicrophoneAccessGranted,
     isCameraAccessGranted,
   } = usePermissions();
+  const { termsAccepted } = useWayfernTerms();
+  const { trialStatus } = useCommercialTrial();
+  const [mcpEnabled, setMcpEnabled] = useState(false);
+  const [isMcpStarting, setIsMcpStarting] = useState(false);
 
   const getPermissionIcon = useCallback((type: PermissionType) => {
     switch (type) {
@@ -417,6 +423,16 @@ export function SettingsDialog({ isOpen, onClose }: SettingsDialogProps) {
     }
   }, []);
 
+  const loadMcpServerStatus = useCallback(async () => {
+    try {
+      const isRunning = await invoke<boolean>("get_mcp_server_status");
+      setMcpEnabled(isRunning);
+    } catch (error) {
+      console.error("Failed to load MCP server status:", error);
+      setMcpEnabled(false);
+    }
+  }, []);
+
   const handleClose = useCallback(() => {
     // Restore original theme when closing without saving
     if (originalSettings.theme === "custom" && originalSettings.custom_theme) {
@@ -455,6 +471,7 @@ export function SettingsDialog({ isOpen, onClose }: SettingsDialogProps) {
       loadSettings().catch(console.error);
       checkDefaultBrowserStatus().catch(console.error);
       loadApiServerStatus().catch(console.error);
+      loadMcpServerStatus().catch(console.error);
 
       // Check if we're on macOS
       const userAgent = navigator.userAgent;
@@ -481,6 +498,7 @@ export function SettingsDialog({ isOpen, onClose }: SettingsDialogProps) {
     checkDefaultBrowserStatus,
     loadSettings,
     loadApiServerStatus,
+    loadMcpServerStatus,
   ]);
 
   // Update permissions when the permission states change
@@ -1047,6 +1065,100 @@ export function SettingsDialog({ isOpen, onClose }: SettingsDialogProps) {
             )}
           </div>
 
+          {/* Commercial License Section */}
+          <div className="space-y-4">
+            <Label className="text-base font-medium">Commercial License</Label>
+
+            <div className="flex items-center justify-between p-3 rounded-md border bg-muted/40">
+              {trialStatus?.type === "Active" ? (
+                <div className="space-y-1">
+                  <p className="text-sm font-medium">
+                    Trial: {trialStatus.days_remaining} days,{" "}
+                    {trialStatus.hours_remaining} hours remaining
+                  </p>
+                  <p className="text-xs text-muted-foreground">
+                    Commercial use is free during the trial period
+                  </p>
+                </div>
+              ) : (
+                <div className="space-y-1">
+                  <p className="text-sm font-medium text-orange-600">
+                    Trial expired
+                  </p>
+                  <p className="text-xs text-muted-foreground">
+                    Personal use remains free. Commercial use requires a
+                    license.
+                  </p>
+                </div>
+              )}
+            </div>
+          </div>
+
+          {/* MCP Server Section */}
+          <div className="space-y-4">
+            <Label className="text-base font-medium">MCP Server</Label>
+
+            <div className="flex items-center space-x-2">
+              <Checkbox
+                id="mcp-enabled"
+                checked={mcpEnabled}
+                disabled={!termsAccepted || isMcpStarting}
+                onCheckedChange={async (checked: boolean) => {
+                  setIsMcpStarting(true);
+                  try {
+                    if (checked) {
+                      await invoke("start_mcp_server");
+                      setMcpEnabled(true);
+                      showSuccessToast("MCP server started");
+                    } else {
+                      await invoke("stop_mcp_server");
+                      setMcpEnabled(false);
+                      showSuccessToast("MCP server stopped");
+                    }
+                  } catch (e) {
+                    console.error("Failed to toggle MCP server:", e);
+                    showErrorToast("Failed to toggle MCP server", {
+                      description:
+                        e instanceof Error ? e.message : "Unknown error",
+                    });
+                  } finally {
+                    setIsMcpStarting(false);
+                  }
+                }}
+              />
+              <div className="grid gap-1.5 leading-none">
+                <Label
+                  htmlFor="mcp-enabled"
+                  className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                >
+                  Enable MCP Server (Model Context Protocol)
+                </Label>
+                <p className="text-xs text-muted-foreground">
+                  Allow AI assistants to control Wayfern and Camoufox browsers
+                  via MCP.
+                  {!termsAccepted && (
+                    <span className="ml-1 text-orange-600">
+                      (Accept terms first)
+                    </span>
+                  )}
+                </p>
+              </div>
+            </div>
+
+            {mcpEnabled && (
+              <div className="p-3 space-y-2 text-xs rounded-md border bg-muted/40">
+                <div className="font-medium">Available MCP Tools</div>
+                <ul className="list-disc ml-5 space-y-0.5 text-muted-foreground">
+                  <li>list_profiles - List Wayfern/Camoufox profiles</li>
+                  <li>run_profile - Launch a browser profile</li>
+                  <li>kill_profile - Stop a running browser</li>
+                  <li>get_profile - Get profile details</li>
+                  <li>list_proxies - List configured proxies</li>
+                </ul>
+              </div>
+            )}
+          </div>
+
           {/* Advanced Section */}
           <div className="space-y-4">
             <Label className="text-base font-medium">Advanced</Label>

src/components/wayfern-terms-dialog.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import { invoke } from "@tauri-apps/api/core";
+import { useCallback, useState } from "react";
+import { LoadingButton } from "@/components/loading-button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { showErrorToast, showSuccessToast } from "@/lib/toast-utils";
+
+interface WayfernTermsDialogProps {
+  isOpen: boolean;
+  onAccepted: () => void;
+}
+
+export function WayfernTermsDialog({
+  isOpen,
+  onAccepted,
+}: WayfernTermsDialogProps) {
+  const [isAccepting, setIsAccepting] = useState(false);
+
+  const handleAccept = useCallback(async () => {
+    setIsAccepting(true);
+    try {
+      await invoke("accept_wayfern_terms");
+      showSuccessToast("Terms accepted successfully");
+      onAccepted();
+    } catch (error) {
+      console.error("Failed to accept terms:", error);
+      showErrorToast("Failed to accept terms", {
+        description:
+          error instanceof Error ? error.message : "Please try again",
+      });
+    } finally {
+      setIsAccepting(false);
+    }
+  }, [onAccepted]);
+
+  return (
+    <Dialog open={isOpen}>
+      <DialogContent
+        className="sm:max-w-lg"
+        onEscapeKeyDown={(e) => e.preventDefault()}
+        onPointerDownOutside={(e) => e.preventDefault()}
+        onInteractOutside={(e) => e.preventDefault()}
+      >
+        <DialogHeader>
+          <DialogTitle>Wayfern Terms and Conditions</DialogTitle>
+          <DialogDescription>
+            Before using Donut Browser, you must read and agree to Wayfern's
+            Terms and Conditions.
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className="space-y-4 py-4">
+          <p className="text-sm text-muted-foreground">
+            Please review the Terms and Conditions at:
+          </p>
+          <a
+            href="https://wayfern.com/terms-and-conditions"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-primary hover:underline text-sm font-medium block"
+          >
+            https://wayfern.com/terms-and-conditions
+          </a>
+          <p className="text-sm text-muted-foreground">
+            By clicking "I Accept", you agree to be bound by these terms.
+          </p>
+        </div>
+
+        <DialogFooter>
+          <LoadingButton onClick={handleAccept} isLoading={isAccepting}>
+            I Accept
+          </LoadingButton>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}

src/hooks/use-commercial-trial.ts

@@ -0,0 +1,59 @@
+import { invoke } from "@tauri-apps/api/core";
+import { useCallback, useEffect, useState } from "react";
+
+export interface TrialStatusActive {
+  type: "Active";
+  remaining_seconds: number;
+  days_remaining: number;
+  hours_remaining: number;
+  minutes_remaining: number;
+}
+
+export interface TrialStatusExpired {
+  type: "Expired";
+}
+
+export type TrialStatus = TrialStatusActive | TrialStatusExpired;
+
+interface UseCommercialTrialReturn {
+  trialStatus: TrialStatus | null;
+  hasAcknowledged: boolean;
+  isLoading: boolean;
+  checkTrialStatus: () => Promise<void>;
+}
+
+export function useCommercialTrial(): UseCommercialTrialReturn {
+  const [trialStatus, setTrialStatus] = useState<TrialStatus | null>(null);
+  const [hasAcknowledged, setHasAcknowledged] = useState(true);
+  const [isLoading, setIsLoading] = useState(true);
+
+  const checkTrialStatus = useCallback(async () => {
+    try {
+      const [status, acknowledged] = await Promise.all([
+        invoke<TrialStatus>("get_commercial_trial_status"),
+        invoke<boolean>("has_acknowledged_trial_expiration"),
+      ]);
+      setTrialStatus(status);
+      setHasAcknowledged(acknowledged);
+    } catch (error) {
+      console.error("Failed to check trial status:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    checkTrialStatus();
+
+    // Check trial status every minute to update the countdown
+    const interval = setInterval(checkTrialStatus, 60000);
+    return () => clearInterval(interval);
+  }, [checkTrialStatus]);
+
+  return {
+    trialStatus,
+    hasAcknowledged,
+    isLoading,
+    checkTrialStatus,
+  };
+}

src/hooks/use-wayfern-terms.ts

@@ -0,0 +1,35 @@
+import { invoke } from "@tauri-apps/api/core";
+import { useCallback, useEffect, useState } from "react";
+
+interface UseWayfernTermsReturn {
+  termsAccepted: boolean | null;
+  isLoading: boolean;
+  checkTerms: () => Promise<void>;
+}
+
+export function useWayfernTerms(): UseWayfernTermsReturn {
+  const [termsAccepted, setTermsAccepted] = useState<boolean | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+
+  const checkTerms = useCallback(async () => {
+    try {
+      const accepted = await invoke<boolean>("check_wayfern_terms_accepted");
+      setTermsAccepted(accepted);
+    } catch (error) {
+      console.error("Failed to check terms acceptance:", error);
+      setTermsAccepted(false);
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    checkTerms();
+  }, [checkTerms]);
+
+  return {
+    termsAccepted,
+    isLoading,
+    checkTerms,
+  };
+}