feat(settings): add About page with version, links, and sponsor button

- About tab in Settings with version info and "use at your own risk"
- Links to GitHub repo and xplorer.space (via TauriAPI.openUrl)
- Sponsor button linking to GitHub Sponsors
- Add .github/FUNDING.yml for GitHub sponsor button
- i18n keys in all 4 locales (en, zh, ja, id)

Author: kimlimjustin

.github/FUNDING.yml

@@ -0,0 +1 @@
+github: kimlimjustin

apps/client/src/locales/en.json

@@ -236,6 +236,8 @@
       "auditDesc": "File operation history",
       "versioning": "Versioning",
       "versioningDesc": "File version history",
+      "about": "About",
+      "aboutDesc": "Version, links, and support",
       "fileAssociations": "File Associations",
       "fileAssociationsDesc": "Open-with defaults"
     },
@@ -620,6 +622,14 @@
       "noDirsTracked": "No directories tracked",
       "noDirsTrackedHint": "Add a directory path above to start tracking file versions",
       "stopTracking": "Stop tracking this directory"
+    },
+    "about": {
+      "description": "A modern, AI-powered file explorer. Use at your own risk.",
+      "links": "Links",
+      "sponsorTitle": "Support Xplorer",
+      "sponsorDescription": "Xplorer is free and open source. If you find it useful, please consider sponsoring the project to help keep development going. Every contribution, no matter how small, makes a difference.",
+      "sponsorButton": "Sponsor on GitHub",
+      "license": "Licensed under AGPL-3.0. Made with love."
     }
   },
   "tour": {

apps/client/src/locales/id.json

@@ -236,6 +236,8 @@
       "auditDesc": "Riwayat operasi file",
       "versioning": "Versi",
       "versioningDesc": "Riwayat versi file",
+      "about": "Tentang",
+      "aboutDesc": "Versi, tautan, dan dukungan",
       "fileAssociations": "Asosiasi File",
       "fileAssociationsDesc": "Pengaturan buka-dengan default"
     },
@@ -620,6 +622,14 @@
       "noDirsTracked": "No directories tracked",
       "noDirsTrackedHint": "Add a directory path above to start tracking file versions",
       "stopTracking": "Stop tracking this directory"
+    },
+    "about": {
+      "description": "Penjelajah file modern bertenaga AI. Gunakan dengan risiko sendiri.",
+      "links": "Tautan",
+      "sponsorTitle": "Dukung Xplorer",
+      "sponsorDescription": "Xplorer gratis dan open source. Jika Anda merasa berguna, pertimbangkan untuk mensponsori proyek ini agar pengembangan tetap berjalan. Setiap kontribusi, sekecil apa pun, sangat berarti.",
+      "sponsorButton": "Sponsor di GitHub",
+      "license": "Berlisensi AGPL-3.0. Dibuat dengan cinta."
     }
   },
   "tour": {

apps/client/src/locales/ja.json

@@ -236,6 +236,8 @@
       "auditDesc": "ファイル操作履歴",
       "versioning": "バージョニング",
       "versioningDesc": "ファイルバージョン履歴",
+      "about": "バージョン情報",
+      "aboutDesc": "バージョン、リンク、サポート",
       "fileAssociations": "ファイルの関連付け",
       "fileAssociationsDesc": "既定のプログラム設定"
     },
@@ -620,6 +622,14 @@
       "noDirsTracked": "No directories tracked",
       "noDirsTrackedHint": "Add a directory path above to start tracking file versions",
       "stopTracking": "Stop tracking this directory"
+    },
+    "about": {
+      "description": "モダンなAI搭載ファイルエクスプローラー。ご利用は自己責任で。",
+      "links": "リンク",
+      "sponsorTitle": "Xplorer を応援する",
+      "sponsorDescription": "Xplorer は無料のオープンソースです。便利だと感じたら、開発を継続するためにプロジェクトのスポンサーになることをご検討ください。",
+      "sponsorButton": "GitHub でスポンサーになる",
+      "license": "AGPL-3.0 ライセンス。愛を込めて制作。"
     }
   },
   "tour": {

apps/client/src/locales/zh.json

@@ -236,6 +236,8 @@
       "auditDesc": "文件操作历史",
       "versioning": "版本管理",
       "versioningDesc": "文件版本历史",
+      "about": "关于",
+      "aboutDesc": "版本、链接和支持",
       "fileAssociations": "文件关联",
       "fileAssociationsDesc": "打开方式默认设置"
     },
@@ -620,6 +622,14 @@
       "noDirsTracked": "No directories tracked",
       "noDirsTrackedHint": "Add a directory path above to start tracking file versions",
       "stopTracking": "Stop tracking this directory"
+    },
+    "about": {
+      "description": "一款现代化的 AI 驱动文件管理器。使用风险自负。",
+      "links": "链接",
+      "sponsorTitle": "支持 Xplorer",
+      "sponsorDescription": "Xplorer 是免费开源的。如果您觉得有用，请考虑赞助该项目以帮助持续开发。每一份贡献，无论大小，都意义非凡。",
+      "sponsorButton": "在 GitHub 上赞助",
+      "license": "基于 AGPL-3.0 许可证。用心制作。"
     }
   },
   "tour": {

apps/client/src/pages/settings.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { TauriAPI } from '@/lib/tauri-api';
 import { STORAGE_KEYS } from '@/lib/storage-keys';
 import { useLocation } from 'wouter';
 import { useTranslation } from 'react-i18next';
@@ -19,6 +20,10 @@ import {
   ChevronRight,
   FileCode,
   RefreshCw,
+  Heart,
+  Github,
+  ExternalLink,
+  Info,
 } from 'lucide-react';
 import {
   AgentService,
@@ -60,7 +65,8 @@ type SettingsTab =
   | 'marketplace'
   | 'backup'
   | 'audit'
-  | 'versioning';
+  | 'versioning'
+  | 'about';
 
 type TabDef = { id: SettingsTab; label: string; icon: React.ElementType; description: string };
 
@@ -143,6 +149,12 @@ const buildTabs = (t: (key: string) => string): TabDef[] => [
     icon: History,
     description: t('settings.tabs.versioningDesc'),
   },
+  {
+    id: 'about',
+    label: t('settings.tabs.about'),
+    icon: Info,
+    description: t('settings.tabs.aboutDesc'),
+  },
 ];
 
 const MarketplaceSettings = ({
@@ -381,6 +393,65 @@ const Settings = () => {
         return <AuditLogSettings />;
       case 'versioning':
         return <VersioningSettings />;
+      case 'about':
+        return (
+          <div className="space-y-6 px-4 py-2">
+            <div className="border-xp-border rounded-lg border p-6 text-center">
+              <h2 className="text-xp-text mb-1 text-2xl font-bold">Xplorer</h2>
+              <p className="text-xp-text-muted text-sm">v1.0.0-alpha.1</p>
+              <p className="text-xp-text-secondary mt-3 text-sm">
+                {t('settings.about.description')}
+              </p>
+            </div>
+
+            <div className="border-xp-border rounded-lg border p-4">
+              <h3 className="text-xp-text mb-3 text-sm font-semibold">
+                {t('settings.about.links')}
+              </h3>
+              <div className="space-y-2">
+                <button
+                  onClick={() => TauriAPI.openUrl('https://github.com/kimlimjustin/xplorer')}
+                  className="text-xp-text hover:bg-xp-surface-light flex w-full items-center gap-3 rounded-md p-2 text-left transition-colors"
+                >
+                  <Github size={18} className="text-xp-text-muted" />
+                  <span className="text-sm">GitHub Repository</span>
+                  <ExternalLink size={14} className="text-xp-text-muted ml-auto" />
+                </button>
+                <button
+                  onClick={() => TauriAPI.openUrl('https://xplorer.space')}
+                  className="text-xp-text hover:bg-xp-surface-light flex w-full items-center gap-3 rounded-md p-2 text-left transition-colors"
+                >
+                  <ExternalLink size={18} className="text-xp-text-muted" />
+                  <span className="text-sm">xplorer.space</span>
+                  <ExternalLink size={14} className="text-xp-text-muted ml-auto" />
+                </button>
+              </div>
+            </div>
+
+            <div className="border-xp-blue/30 bg-xp-blue/5 rounded-lg border p-5">
+              <div className="flex items-start gap-3">
+                <Heart size={20} className="text-xp-blue mt-0.5 flex-shrink-0" />
+                <div>
+                  <h3 className="text-xp-text text-sm font-semibold">
+                    {t('settings.about.sponsorTitle')}
+                  </h3>
+                  <p className="text-xp-text-secondary mt-1 text-sm leading-relaxed">
+                    {t('settings.about.sponsorDescription')}
+                  </p>
+                  <button
+                    onClick={() => TauriAPI.openUrl('https://github.com/sponsors/kimlimjustin')}
+                    className="bg-xp-blue hover:bg-xp-blue/80 mt-3 inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium text-white transition-colors"
+                  >
+                    <Heart size={14} />
+                    {t('settings.about.sponsorButton')}
+                  </button>
+                </div>
+              </div>
+            </div>
+
+            <p className="text-xp-text-muted text-center text-xs">{t('settings.about.license')}</p>
+          </div>
+        );
     }
   };