[ { "path": ".eslintrc.json", "content": "{\n \"extends\": [\"next/core-web-vitals\", \"next/typescript\"],\n \"rules\": {\n \"@typescript-eslint/no-unused-vars\": \"warn\",\n \"@typescript-eslint/no-explicit-any\": \"warn\",\n \"react/display-name\": \"warn\",\n \"react-hooks/exhaustive-deps\": \"warn\",\n \"prefer-const\": \"warn\"\n }\n}\n" }, { "path": ".gitignore", "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.*\n.yarn/*\n!.yarn/patches\n!.yarn/plugins\n!.yarn/releases\n!.yarn/versions\n\n# testing\n/coverage\n\n# next.js\n/.next/\n/out/\n\n# production\n/build\n\n# misc\n.DS_Store\n*.pem\n\n# debug\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# env files (can opt-in for committing if needed)\n.env*\n\n# vercel\n.vercel\n\n# typescript\n*.tsbuildinfo\nnext-env.d.ts\n.version\n" }, { "path": "CONTRIBUTING.md", "content": "# Contributing to Chat2Geo\nThank you for considering contributing to Chat2Geo!\nHere are the instructions on how to contribute to this project to ensure consistency throughout the development.\n\n## 1. Fork and Clone\n\n1. Fork this repo (click the \"Fork\" button on top-right).\n2. Clone your fork:\n ```bash\n https://github.com/GeoRetina/chat2geo.git\n\n## 3. Pick an issue or be assigned one\n - You can either pick an issue to work on or be assigned one.\n - If there is an issue not listed, please create one.\n\n## 4. Create a new branch off of `main` for each issue or feature and name it based on the following pattern\n ```bash\n /-\n\n where:\n - : The purpose of the branch. Common types:\n feat: For new features.\n fix: For bug fixes.\n chore: For maintenance or non-functional changes.\n refactor: For code refactoring.\n docs: For documentation updates.\n test: For testing-related changes.\n - : The issue/feature ID from your issue tracker (e.g., GitHub, Jira). This helps link branches to specific tickets.\n - : A concise, kebab-case description of the work being done.\n```\n## 5. Create a Pull Request (PR) for merging to the main\n - Merging to the main is only possible by PR and review.\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2025 GeoRetina Inc.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "> [!IMPORTANT] \n> **This repository is archived and no longer maintained.** \n> Please use the hosted version at [https://chat2geo.georetina.ai](https://chat2geo.georetina.ai), which is production-ready, more feature-rich, and actively maintained.\n\n\n# Chat2Geo: A ChatGPT-Like Web App for Remote-Sensing-Based Geospatial Analysis\n\nChat2Geo is a Next.js 15 application providing a chatbot-like user interface for performing remote-sensing-based geospatial analyses. It leverages Google Earth Engine (GEE) in the backend to process and analyze various remote sensing datasets in real time. Users can upload their own vector data, run advanced geospatial queries, and integrate the results with an AI Assistant for specialized tasks such as **land cover mapping**, **change detection**, and **air pollutant monitoring**. \n\nChat2Geo also has advanced knowledge retrieval based on Retrieval-augmented generation (RAG), which can integrate geospatial analysis with non-geospatial/textual information. \n\nThe app also has authentication and database integrations, making it almost a complete package. \n\nChat2Geo inherits a large portion of its building blocks from the GRAI 2.0 app that is under development at GeoRetina (www.georetina.com). In parallel with GRAI 2.0 (which will be merged to Chat2Geo once it's stable), we will also keep Chat2Geo updated for the community.\n\n### 🌍 Try Chat2Geo: \nhttps://chat2geo.georetina.ai\n\n----\n\nhttps://github.com/user-attachments/assets/d9940a0e-10c8-4d0e-9ec9-3dfd0966c664\n\n\n\n## Contributing πŸ› οΈ\n\n - If you're interested in contributing to this project, please contact us at `shahabj.github@gmail.com`.\n - If you are a new contributor, please first check out our [Contributing Guidelines](./CONTRIBUTING.md) to get started.\n\n\n## Table of Contents\n\n- [Features](#features-)\n- [Tech Stack](#tech-stack-)\n- [Getting Started](#getting-started-)\n- [Current Analyses](#available-geospatial-analyses-)\n- [Considerations](#considerations)\n\n---\n\n## Features ✨\n\n1. **Chat-Style Interface**\n\n - Interact with the system using natural language.\n - The AI Assistant can execute various **geospatial functions** on your behalf.\n\n2. **Google Earth Engine Integration**\n\n - Real-time access to satellite imagery and remote sensing datasets.\n - Seamless backend processing for large-scale geospatial computations.\n\n3. **Import Your Own Vector Data**\n\n - Upload and manage personal vector layers.\n - Integrate your data with Earth Engine operations for advanced queries.\n\n4. **Analysis Toolkit**\n\n - **Air Pollutants**\n - **Urban Heat Island (UHI)** metrics\n - **Land Cover** mapping & **Change Detection**\n - Custom AI models deployed on **Vertex AI** for certain land cover tasks\n\n5. **RAG & Knowledge Base**\n - Enables a Retrieval-Augmented Generation (RAG) workflow.\n - Upload documents to build a local knowledge base.\n - The AI Assistant can then combine geospatial insights with custom document knowledge.\n\n\n## Tech Stack πŸ’»\n- Next.js\n- Google Cloud Platform (GCP):\n - Google Earth Engine (remote-sensing data invocation and processing)\n - Vertex AI (custom AI vision models)\n - Cloud Run\n- Vercel AI\n- OpenAI (ChatGPT API)\n- Supabase (database and authentication)\n- LangChain (RAG)\n- Turf (for spatial operations)\n- Maplibre GL (for displaying maps)\n\n## Getting Started πŸš€\n\n1. Clone the repo\n\n2. Install dependencies\n\n ```bash\n npm install\n ```\n\n3. Create a Google Earth Engine (GEE) account and project, otherwise no analysis can be done. Note that GEE is currently only free for non-commercial use:\n - https://earthengine.google.com\n \n5. Set up the environment variables\n\n- Create a `.env.local` file (or similar) with the required credentials for:\n\n - Your base url:\n ```\n BASE_URL=http://localhost:3000 # Change it if you're using a different port. In production, you should set it to the url of the deployment. \n ```\n - Google Cloud Platform (GCP):\n ```\n GOOGLE_MAPS_API_KEY= # API key for Google maps. You can replace Google Maps with OSM if you want.\n VERTEXTAI_ENDPOINT_BASE_URL= # Base URL if you use your own custom models.\n GEE_CLOUD_RUN_URL= # URL for invoking a model hosted on VertexAI using cloud functions.\n GCP_BUCKET_NAME= # Bucket name to store the land-cover map generated by your custom model (if applicable).\n GCP_SERVICE_ACCOUNT_KEY= # Service Account key needed for GEE functions, depending on your GCP configurations. Make sure it has all the required permissions to use GEE.\n ```\n\n - Large Language Model (LLM) API Key:\n ```\n OPENAI_API_KEY= # It shouldn't be necessarily OpenAI, thought. You can change it to any other API supported by Vercel AI SDK. However, you need to make some changes to the Chat API route.\n ```\n - For the database & authentication, the app uses Supabase. So you need the Supabase API keys as well:\n\n NEXT_PUBLIC_SUPABASE_URL=\n NEXT_PUBLIC_SUPABASE_ANON_KEY=\n\n - If you want Esri integration, you also need the following keys in your env (skip this part if you don't want this integration):\n\n ARCGIS_CLIENT_ID=\n ARCGIS_CLIENT_SECRET=\n ARCGIS_REDIRECT_URI=\n\n- For feedback submission, I just used a simple email-based pipeline based on Mailgun (skip this part if you don't want this feature):\n\n MAILGUN_API_KEY=\n MAILGUN_DOMAIN=\n RECIPIENT_EMAIL=\n SENDER_EMAIL=\n\n5. Run the develpment server\n\n npm run dev\n\n\nVisit http://localhost:3000 to view the application.\n\n\n\n## How to Set up Supabase Database, Storage Bucket, & Authentication πŸ›’οΈ\n\nSupabase has a free-tier, generous plan that you can use to work with the app.\n\nAs mentioned above, the database (PostgreSQL) and authentication are both hosted on Supabase. To set up them, you can either use the local dev (https://supabase.com/docs/guides/local-development/cli/getting-started) or online (https://supabase.com/docs/guides/database/overview).\nTo set up the database and Supabase auth online, you need to create a supabase project & create the required databases and auth. \nYou can find the database schema of the app in the `db-schema` folder.\n\nIf you want to also use the Knowledge Base feature, you need to create a storage bucket on Supabase as well. The name of the bucket should be `documents_bucket`. This is where the PDF docs you upload to the Knowledge Base are stored. You can set up the bucket by going to the following link:\n - https://supabase.com/dashboard/project/_/storage/buckets\n\n## Available Geospatial Analyses πŸ“Š\n\nThe app includes the following geospatial analyses:\n\n| # | Analysis Type | Description |\n|----|------------------------------------------------|-------------|\n| 1 | **Urban Heat Island (UHI) Analysis** | Evaluates temperature variations in urban areas compared to rural surroundings. |\n| 2 | **Land-Use/Land-Cover Mapping** | Uses Google DynamicWorld to classify land cover types. |\n| 3 | **Land-Use/Land-Cover Change Mapping** | Detects changes in land use over time using Google DynamicWorld. |\n| 4 | **Air Pollution Analysis** *(Not fully implemented)* | Analyzes air pollution patterns and trends. |\n\n\n\n\n## ConsiderationsπŸ’‘\n- Note that all remote-sensing geospatial analyses, at least for now, are based on GEE in this app. So, if you don't set up your GEE environment correctly, no analysis can be done.\n- It should be noted that this app is not yet ready for production. The app has known bugs, and perhaps unknown ones 😁 Some functionalities have not been implemented yet.\n- I may have forgotten to include some steps in setting up the app! πŸ˜… If there's missing information in the instructions, please open an issue and let me know to update the instructions accordingly.\n- GEE-based geospatial analyses are just simple examples of how such analyses can be implemented and added. Some of them are using data that may not be up-to-date. As a result, care should be taken while interpreting the results.\n- There are parts that should be refactored or re-designed either because they could have been used/invoked in a better place, or because they should've been implemented in a much better manner.\n\n\n## Frequently Asked Questions (FAQ) πŸ“Œ\n\n
\n πŸ”Ή General Questions\n \n **❓ Is this project free to use?** \n *Yes! This open-source version is free to use under the terms of its license. However, note that Google Earth Engine has restrictions on commercial usage.*\n \n
\n\n
\n πŸ”Ή Support & Contributions\n \n **❓ How can I get support for issues?** \n - *If you encounter a bug or have a feature request, please [open an issue](../../issues) on GitHub.* \n - *Be as detailed as possible when describing your issue (include screenshots, step-by-step explanations, error logs, and any relevant details). Abstract or vague questions will not be answered.* \n - *For other questions, feel free to reach out at [shahabj.github@gmail.com](mailto:shahabj.github@gmail.com).*\n \n **❓ How can I contribute?** \n *We welcome contributions! Please check out the [Contributing Guidelines](./CONTRIBUTING.md) before submitting a pull request or opening an issue. Your help in improving this project is greatly appreciated.*\n \n
\n\n
\n πŸ”Ή Features & Customization\n \n **❓ Can I request additional analyses or features?** \n *Absolutely! You can:*\n - *Suggest a feature by opening an issue.*\n - *Fork the repository and implement your own changes.* \n *For advanced or custom solutions, please see [GRAI 2.0 (Enterprise Version)](#enterprise-version-grai-20) below.*\n \n **❓ Can I use my own geospatial datasets?** \n *Yes! The app allows you to import vector data and integrate it with Google Earth Engine for custom analyses. For raster data, at least for now, you need to either host them on GEE or a GCP bucket.*\n \n
\n\n
\n πŸ”Ή Enterprise Version: GRAI 2.0\n \n **❓ What is GRAI 2.0?** \n *GRAI 2.0 is the enterprise version of this project, offering:*\n - *Custom-built solutions tailored to specific client needs.*\n - *Additional analyses & AI models not included in the open-source version.*\n - *Continuous updates & premium support.*\n \n **❓ How do I get access to GRAI 2.0?** \n *For enterprise inquiries, please visit the [GeoRetina Contact Page](https://www.georetina.com/contact).*\n \n
\n\n
\n πŸ”Ή Technical & Setup Questions\n \n **❓ I'm facing issues with setup. What should I do?** \n 1. *Check that your environment variables are properly set in `.env.local`.*\n 2. *To get past the login page, you need to first set up a Supabase Auth as described in [Supabase Setup](#how-to-set-up-supabase-database-storage-bucket--authentication-%EF%B8%8F).*\n 3. *Check your database configurations.*\n 4. *Confirm your Google Earth Engine configuration.*\n 5. *Refer to the [Getting Started](#getting-started) section in this README.*\n 6. *If issues persist, [open an issue](../../issues).*\n \n
\n\n*Have a question not listed here? Feel free to [open an issue](../../issues) or reach out via email!* πŸš€\n\n\n\n\n" }, { "path": "app/(auth)/api/auth/confirm/route.ts", "content": "import { type EmailOtpType } from \"@supabase/supabase-js\";\nimport { type NextRequest, NextResponse } from \"next/server\";\n\nimport { createClient } from \"@/utils/supabase/server\";\n\n// Creating a handler to a GET request to route /auth/confirm\nexport async function GET(request: NextRequest) {\n const { searchParams } = new URL(request.url);\n const token_hash = searchParams.get(\"token_hash\");\n const type = searchParams.get(\"type\") as EmailOtpType | null;\n const next = \"/\";\n\n // Create redirect link without the secret token\n const redirectTo = request.nextUrl.clone();\n redirectTo.pathname = next;\n redirectTo.searchParams.delete(\"token_hash\");\n redirectTo.searchParams.delete(\"type\");\n\n if (token_hash && type) {\n const supabase = await createClient();\n\n const { error } = await supabase.auth.verifyOtp({\n type,\n token_hash,\n });\n if (!error) {\n redirectTo.searchParams.delete(\"next\");\n return NextResponse.redirect(redirectTo);\n }\n }\n\n // return the user to an error page with some instructions\n redirectTo.pathname = \"/login\";\n return NextResponse.redirect(redirectTo);\n}\n" }, { "path": "app/(auth)/api/auth/esri/authorize/route.ts", "content": "import { NextResponse } from \"next/server\";\nimport { createClient } from \"@/utils/supabase/server\";\n\nexport async function GET() {\n const supabase = await createClient();\n const { data, error } = await supabase.auth.getUser();\n if (error || !data.user) {\n return NextResponse.json({ error: \"Unauthenticated!\" }, { status: 401 });\n }\n\n const { ARCGIS_CLIENT_ID, ARCGIS_REDIRECT_URI } = process.env;\n\n const authorizationUrl = `https://www.arcgis.com/sharing/rest/oauth2/authorize?client_id=${ARCGIS_CLIENT_ID}&response_type=code&redirect_uri=${encodeURIComponent(\n ARCGIS_REDIRECT_URI!\n )}`;\n\n return NextResponse.redirect(authorizationUrl);\n}\n" }, { "path": "app/(auth)/api/auth/esri/callback/route.ts", "content": "import { NextRequest, NextResponse } from \"next/server\";\nimport { createClient } from \"@/utils/supabase/server\";\nimport cookie from \"cookie\";\n\nexport async function GET(req: NextRequest) {\n const supabase = await createClient();\n const { data, error } = await supabase.auth.getUser();\n if (error || !data?.user) {\n return NextResponse.json({ error: \"Unauthenticated!\" }, { status: 401 });\n }\n\n const { searchParams } = new URL(req.url);\n const code = searchParams.get(\"code\");\n\n if (!code) {\n return NextResponse.json(\n { error: \"Authorization code is missing\" },\n { status: 400 }\n );\n }\n\n const params = new URLSearchParams();\n params.append(\"client_id\", process.env.ARCGIS_CLIENT_ID!);\n params.append(\"client_secret\", process.env.ARCGIS_CLIENT_SECRET!);\n params.append(\"grant_type\", \"authorization_code\");\n params.append(\"code\", code);\n params.append(\"redirect_uri\", process.env.ARCGIS_REDIRECT_URI!);\n params.append(\"f\", \"json\");\n\n const baseUrl = process.env.BASE_URL;\n\n try {\n const tokenResponse = await fetch(\n \"https://www.arcgis.com/sharing/rest/oauth2/token\",\n {\n method: \"POST\",\n body: params,\n }\n );\n\n const tokenData = await tokenResponse.json();\n\n if (tokenData.error) {\n throw new Error(tokenData.error.message);\n }\n\n const response = NextResponse.redirect(\n `${baseUrl}/services/esri/fetch-layers`\n );\n\n // Store the token securely in an HttpOnly, Secure cookie\n response.cookies.set(\"arcgis_access_token\", tokenData.access_token, {\n httpOnly: true,\n secure: process.env.NODE_ENV === \"production\",\n sameSite: \"strict\",\n maxAge: tokenData.expires_in,\n });\n\n return response;\n } catch (error) {\n console.error(\"Error during OAuth2 callback:\", error);\n return NextResponse.json(\n { error: \"Failed to exchange authorization code for token\" },\n { status: 500 }\n );\n }\n}\n" }, { "path": "app/(auth)/layout.tsx", "content": "import localFont from \"next/font/local\";\nimport \"./styles.css\";\nimport { Toaster } from \"react-hot-toast\";\nimport ToastMessage from \"@/features/ui/toast-message\";\nimport { ThemeProvider } from \"@/components/theme-provider\";\nimport { Analytics } from \"@vercel/analytics/next\";\n\nconst geistSans = localFont({\n src: \"./fonts/GeistVF.woff\",\n variable: \"--font-geist-sans\",\n weight: \"100 900\",\n});\nconst geistMono = localFont({\n src: \"./fonts/GeistMonoVF.woff\",\n variable: \"--font-geist-mono\",\n weight: \"100 900\",\n});\n\n// Define metadata for the root layout\nexport const metadata = {\n title: \"Login to Chat2Geo\",\n description: \"Login to access AI-powered geospatial analytics\",\n};\n\nexport default function RootLayout({\n children,\n}: Readonly<{\n children: React.ReactNode;\n}>) {\n return (\n \n \n \n \n \n {children}\n \n \n \n \n );\n}\n" }, { "path": "app/(auth)/login/actions.ts", "content": "\"use server\";\n\nimport { revalidatePath } from \"next/cache\";\nimport { redirect } from \"next/navigation\";\nimport { createClient } from \"@/utils/supabase/server\";\nimport { cookies } from \"next/headers\";\nimport { z } from \"zod\";\n\n// Define the validation schema using Zod\nconst loginSchema = z.object({\n email: z.string().email(\"Invalid email format.\"),\n password: z.string(),\n});\n\nexport async function login(formData: FormData) {\n const supabase = await createClient();\n\n // Parse and validate the input data\n const formDataObject = {\n email: formData.get(\"email\") as string,\n password: formData.get(\"password\") as string,\n };\n\n const validation = loginSchema.safeParse(formDataObject);\n if (!validation.success) {\n // Return validation errors\n return {\n error: validation.error.errors.map((err) => err.message).join(\", \"),\n };\n }\n\n const { email, password } = validation.data;\n\n const { data: authData, error: authError } =\n await supabase.auth.signInWithPassword({ email, password });\n\n if (authError) {\n return { error: authError.message };\n }\n\n const { data: userRoles, error: roleError } = await supabase\n .from(\"user_roles\")\n .select(\"name, role, organization, license_start, license_end\")\n .eq(\"email\", email)\n .single();\n\n if (roleError || !userRoles) {\n return { error: \"User not found or error occurred.\" };\n }\n\n const { name, role, organization, license_start, license_end } = userRoles;\n\n const licenseStartString = license_start;\n const licenseEndString = license_end;\n const currentDate = new Date();\n const licenseStartDate = new Date(license_start);\n const licenseEndDate = new Date(license_end);\n\n if (currentDate < licenseStartDate || currentDate > licenseEndDate) {\n return {\n error:\n \"Your license has expired or not yet started. Please contact support.\",\n };\n }\n\n return {\n success: true,\n userEmail: email,\n userName: name,\n userRole: role,\n userOrganization: organization,\n licenseStartString,\n licenseEndString,\n };\n}\n\nexport async function logout() {\n const supabase = await createClient();\n\n await supabase.auth.signOut();\n\n (await cookies()).delete(\"arcgis_access_token\");\n\n revalidatePath(\"/\");\n redirect(\"/login\");\n}\n" }, { "path": "app/(auth)/login/layout.tsx", "content": "export default async function Layout({\n children,\n}: {\n children: React.ReactNode;\n}) {\n return (\n
\n
{children}
\n
\n );\n}\n" }, { "path": "app/(auth)/login/page.tsx", "content": "\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { useState, FormEvent, useTransition } from \"react\";\n\nimport { login } from \"@/app/(auth)/login/actions\";\nimport { useUserStore } from \"@/stores/use-user-profile-store\";\nimport PrivacyPolicy from \"@/components/notices/privacy-policy\";\nimport TermsOfService from \"@/components/notices/terms-of-services\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { Loader2 } from \"lucide-react\";\n\nexport default function Login() {\n const [error, setError] = useState(null);\n const [isPending, startTransition] = useTransition();\n const [loading, setLoading] = useState(false);\n const router = useRouter();\n const { setUserData } = useUserStore();\n const [openTerms, setOpenTerms] = useState(false);\n const [openPrivacy, setOpenPrivacy] = useState(false);\n\n const handleSubmit = async (event: FormEvent) => {\n event.preventDefault();\n setError(null);\n setLoading(true);\n\n const formData = new FormData(event.currentTarget);\n const result = await login(formData);\n\n if (result?.error) {\n setError(result.error);\n } else {\n // Update user store with returned data\n setUserData(\n result.userName!,\n result.userEmail!,\n result.userRole!,\n result.userOrganization!,\n result.licenseStartString!,\n result.licenseEndString!\n );\n startTransition(() => {\n router.push(\"/\");\n });\n }\n\n setLoading(false);\n };\n\n return (\n <>\n \n \n\n {/* Main container for md+ screens */}\n \n );\n};\n\nexport default LoadingWidgetForContainer;\n" }, { "path": "components/loading-widgets/loading-primary.tsx", "content": "import React from \"react\";\nimport useLoadingStore from \"@/stores/use-loading-store\";\n\nconst LoadingWidget = () => {\n const { isLoading, isLocal } = useLoadingStore();\n\n if (!isLoading) return null;\n\n return (\n <>\n {/* Background overlay */}\n
\n {/* Spinner */}\n
\n
\n
\n \n );\n};\n\nexport default LoadingWidget;\n" }, { "path": "components/main-sidebar/app-setttings.tsx", "content": "import React from \"react\";\nimport { IconSettings } from \"@tabler/icons-react\";\nimport { useButtonsStore } from \"@/stores/use-buttons-store\";\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { ThemeModeToggle } from \"@/components/ui/theme-mode-toggle\";\nimport { Label } from \"@/components/ui/label\";\nimport { Tooltip } from \"react-tooltip\";\n\nconst appVersion = process.env.NEXT_PUBLIC_APP_VERSION;\n\nconst AppSettings = () => {\n const isSidebarCollapsed = useButtonsStore(\n (state) => state.isSidebarCollapsed\n );\n\n return (\n
\n \n \n
\n \n \n {!isSidebarCollapsed && Settings}\n
\n \n \n\n \n Settings\n \n\n \n
\n

Appearance

\n

\n Customize how the application looks\n

\n
\n \n \n
\n
\n \n\n \n\n
\n

\n Version: {appVersion}\n

\n
\n \n \n
\n );\n};\n\nexport default AppSettings;\n" }, { "path": "components/main-sidebar/main-sidebar.tsx", "content": "\"use client\";\nimport React, { useState } from \"react\";\nimport { Tooltip } from \"react-tooltip\";\nimport useSidebarButtonStores, {\n Pages,\n} from \"@/stores/use-sidebar-button-stores\";\nimport {\n IconEdit,\n IconBook,\n IconDatabaseImport,\n IconCirclesRelation,\n IconCircleChevronLeft,\n IconCircleChevronRight,\n IconMessage,\n} from \"@tabler/icons-react\";\n\nimport { useButtonsStore } from \"@/stores/use-buttons-store\";\nimport { useRouter } from \"next/navigation\";\nimport { Separator } from \"@/components/ui/separator\";\nimport AppSettings from \"./app-setttings\";\nimport UserProfile from \"@/features/user-profile/components/user-profile-modal\";\nimport { resetChatStores } from \"@/utils/reset-chat-stores\";\nimport { FeedbackFloating } from \"../feedback\";\n\nconst MainSidebar = () => {\n const setPageToOpen = useSidebarButtonStores((state) => state.setPageToOpen);\n const pageToOpen = useSidebarButtonStores((state) => state.pageToOpen);\n\n const isSidebarCollapsed = useButtonsStore(\n (state) => state.isSidebarCollapsed\n );\n const toggleSidebarCollapse = useButtonsStore(\n (state) => state.toggleSidebarCollapse\n );\n\n const [isFeedbackOpen, setIsFeedbackOpen] = useState(false);\n\n const router = useRouter();\n\n function handleOpenPage(page: Pages) {\n setPageToOpen(page);\n if (page === Pages.NewChat) {\n resetChatStores();\n }\n router.push(`/${page}`);\n }\n\n // Helper to build class names conditionally\n function getButtonClasses(page: Pages, extraClasses?: string) {\n const base =\n `flex items-center gap-4 px-3 py-2 rounded-xl w-full cursor-pointer ${\n isSidebarCollapsed ? \"justify-center\" : \"justify-start\"\n } ${extraClasses || \"\"}`.trim();\n\n // If this button is for the active page, use \"active\" styles only:\n if (pageToOpen === page && page !== Pages.NewChat) {\n return `${base} bg-stone-300 text-gray-800`;\n }\n\n return `${base} text-gray-100 hover:bg-muted dark:hover:bg-muted-foreground/20 hover:text-foreground`;\n }\n\n return (\n <>\n \n {/* Navigation Links */}\n \n\n {/* Footer */}\n \n \n\n \n\n \n \n
\n {isSidebarCollapsed ? (\n \n ) : (\n \n )}\n
\n {!isSidebarCollapsed && Collapse}\n \n \n\n {/* Tooltips */}\n