Initial open-source release

2025-04-11 09:37:05 -07:00
commit 43f67e0739
208 changed files with 45476 additions and 0 deletions
--- a/src/pages/settings.tsx
+++ b/src/pages/settings.tsx
@@ -0,0 +1,121 @@
+import { useState } from "react";
+import { useTheme } from "../contexts/ThemeContext";
+import { ProviderSettingsGrid } from "@/components/ProviderSettings";
+import ConfirmationDialog from "@/components/ConfirmationDialog";
+import { IpcClient } from "@/ipc/ipc_client";
+import { showSuccess, showError } from "@/lib/toast";
+
+export default function SettingsPage() {
+  const { theme, setTheme } = useTheme();
+  const [isResetDialogOpen, setIsResetDialogOpen] = useState(false);
+  const [isResetting, setIsResetting] = useState(false);
+
+  const handleResetEverything = async () => {
+    setIsResetting(true);
+    try {
+      const ipcClient = IpcClient.getInstance();
+      const result = await ipcClient.resetAll();
+      if (result.success) {
+        showSuccess("Successfully reset everything. Restart the application.");
+      } else {
+        showError(result.message || "Failed to reset everything.");
+      }
+    } catch (error) {
+      console.error("Error resetting:", error);
+      showError(
+        error instanceof Error ? error.message : "An unknown error occurred"
+      );
+    } finally {
+      setIsResetting(false);
+      setIsResetDialogOpen(false);
+    }
+  };
+
+  return (
+    <div className="min-h-screen p-8">
+      <div className="max-w-5xl mx-auto">
+        <h1 className="text-3xl font-bold mb-8 text-gray-900 dark:text-white">
+          Settings
+        </h1>
+
+        <div className="space-y-6">
+          <div className="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6">
+            <h2 className="text-lg font-medium text-gray-900 dark:text-white mb-4">
+              Appearance
+            </h2>
+
+            <div className="space-y-4">
+              <div className="flex items-center justify-between">
+                <label className="text-sm font-medium text-gray-700 dark:text-gray-300">
+                  Theme
+                </label>
+
+                <div className="relative bg-gray-100 dark:bg-gray-700 rounded-lg p-1 flex">
+                  {(["system", "light", "dark"] as const).map((option) => (
+                    <button
+                      key={option}
+                      onClick={() => setTheme(option)}
+                      className={`
+                        px-4 py-1.5 text-sm font-medium rounded-md
+                        transition-all duration-200
+                        ${
+                          theme === option
+                            ? "bg-white dark:bg-gray-600 text-gray-900 dark:text-white shadow-sm"
+                            : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white"
+                        }
+                      `}
+                    >
+                      {option.charAt(0).toUpperCase() + option.slice(1)}
+                    </button>
+                  ))}
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div className="bg-white dark:bg-gray-800 rounded-xl shadow-sm">
+            <ProviderSettingsGrid configuredProviders={[]} />
+          </div>
+
+          {/* Danger Zone */}
+          <div className="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6 border border-red-200 dark:border-red-800">
+            <h2 className="text-lg font-medium text-red-600 dark:text-red-400 mb-4">
+              Danger Zone
+            </h2>
+
+            <div className="space-y-4">
+              <div className="flex items-start justify-between flex-col sm:flex-row sm:items-center gap-4">
+                <div>
+                  <h3 className="text-sm font-medium text-gray-900 dark:text-white">
+                    Reset Everything
+                  </h3>
+                  <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">
+                    This will delete all your apps, chats, and settings. This
+                    action cannot be undone.
+                  </p>
+                </div>
+                <button
+                  onClick={() => setIsResetDialogOpen(true)}
+                  disabled={isResetting}
+                  className="rounded-md border border-transparent bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed"
+                >
+                  {isResetting ? "Resetting..." : "Reset Everything"}
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <ConfirmationDialog
+        isOpen={isResetDialogOpen}
+        title="Reset Everything"
+        message="Are you sure you want to reset everything? This will delete all your apps, chats, and settings. This action cannot be undone."
+        confirmText="Reset Everything"
+        cancelText="Cancel"
+        onConfirm={handleResetEverything}
+        onCancel={() => setIsResetDialogOpen(false)}
+      />
+    </div>
+  );
+}