✨ 全面优化README和Gist分享体验

README优化：
- 居中显示logo和标题，图标放大至48px
- 添加完整的GitHub badges（stars、forks、issues、license、deployment）
- 在Features前增加star支持提示框，中英文版本
- 移除无关的GitHub资源链接

Gist分享页面优化：
- 修复返回按钮功能，现在和点击logo一样回到首页并清理URL hash
- 新增分享到X功能，支持Gist页面的社交媒体分享
- 优化分享文案，突出Gist来源和项目标识

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: binggg

README.md

@@ -1,9 +1,24 @@
-# <img src="assets/icons/logo.svg" alt="Claude Code Web GUI" height="32" style="vertical-align: middle;"> Claude Code Web GUI
+# <div align="center"><img src="assets/icons/logo.svg" alt="Claude Code Web GUI" height="48"></div>
+
+<div align="center">
+
+# Claude Code Web GUI
+
+[![GitHub stars](https://img.shields.io/github/stars/binggg/Claude-Code-Web-GUI?style=flat-square&logo=github)](https://github.com/binggg/Claude-Code-Web-GUI/stargazers)
+[![GitHub forks](https://img.shields.io/github/forks/binggg/Claude-Code-Web-GUI?style=flat-square&logo=github)](https://github.com/binggg/Claude-Code-Web-GUI/network)
+[![GitHub issues](https://img.shields.io/github/issues/binggg/Claude-Code-Web-GUI?style=flat-square&logo=github)](https://github.com/binggg/Claude-Code-Web-GUI/issues)
+[![GitHub license](https://img.shields.io/github/license/binggg/Claude-Code-Web-GUI?style=flat-square)](https://github.com/binggg/Claude-Code-Web-GUI/blob/main/LICENSE)
+[![GitHub deployments](https://img.shields.io/github/deployments/binggg/Claude-Code-Web-GUI/github-pages?style=flat-square&label=deployment)](https://binggg.github.io/Claude-Code-Web-GUI/)
+
+</div>
 
 A simple and practical Claude Code session browser that runs entirely in your browser with no server required.
 
 English | [中文](README_ZH.md)
 
+> [!TIP]
+> ⭐ Show your support — star the repo
+
 ## Features
 
 - **Local Operation** - Runs entirely in your browser without requiring software installation or server setup

README_ZH.md

@@ -1,9 +1,24 @@
-# <img src="assets/icons/logo.svg" alt="Claude Code Web GUI" height="32" style="vertical-align: middle;"> Claude Code Web GUI
+# <div align="center"><img src="assets/icons/logo.svg" alt="Claude Code Web GUI" height="48"></div>
+
+<div align="center">
+
+# Claude Code Web GUI
+
+[![GitHub stars](https://img.shields.io/github/stars/binggg/Claude-Code-Web-GUI?style=flat-square&logo=github)](https://github.com/binggg/Claude-Code-Web-GUI/stargazers)
+[![GitHub forks](https://img.shields.io/github/forks/binggg/Claude-Code-Web-GUI?style=flat-square&logo=github)](https://github.com/binggg/Claude-Code-Web-GUI/network)
+[![GitHub issues](https://img.shields.io/github/issues/binggg/Claude-Code-Web-GUI?style=flat-square&logo=github)](https://github.com/binggg/Claude-Code-Web-GUI/issues)
+[![GitHub license](https://img.shields.io/github/license/binggg/Claude-Code-Web-GUI?style=flat-square)](https://github.com/binggg/Claude-Code-Web-GUI/blob/main/LICENSE)
+[![GitHub deployments](https://img.shields.io/github/deployments/binggg/Claude-Code-Web-GUI/github-pages?style=flat-square&label=deployment)](https://binggg.github.io/Claude-Code-Web-GUI/)
+
+</div>
 
 一个简洁实用的 Claude Code 会话浏览器，完全在浏览器中运行，无需服务器。
 
 [English](README.md) | 中文
 
+> [!TIP]
+> ⭐ 给个Star支持一下 — 为仓库点星
+
 ## 功能特性
 
 - **本地运行** - 完全在浏览器中运行，无需安装软件或搭建服务器

assets/js/app.js

@@ -1252,10 +1252,20 @@ ${t('vscodeOptions') || '打开方式'}:
             <span>⬅️</span>
             <span>${t('backToApp') || '返回应用'}</span>
         `;
-        backBtn.onclick = () => window.location.reload();
-        
+        backBtn.onclick = () => this.returnToHomepage();
+        
+        // Add share to X button
+        const shareBtn = document.createElement('button');
+        shareBtn.className = 'action-btn twitter-share';
+        shareBtn.innerHTML = `
+            <span>𝕏</span>
+            <span>${t('shareToX') || '分享到X'}</span>
+        `;
+        shareBtn.onclick = () => this.shareGistToX(gistData);
+
         actionsDiv.innerHTML = '';
         actionsDiv.appendChild(backBtn);
+        actionsDiv.appendChild(shareBtn);
     }
 
     renderImportedContent(gistData) {
@@ -1422,6 +1432,14 @@ ${t('vscodeOptions') || '打开方式'}:
         }
     }
 
+    shareGistToX(gistData) {
+        const text = `🚀 Check out this Claude Code session from GitHub Gist: "${gistData.title}"`;
+        const hashtags = 'ClaudeCode,AI,Programming,Gist';
+        
+        const twitterUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(text)}&url=${encodeURIComponent(gistData.url)}&hashtags=${hashtags}`;
+        window.open(twitterUrl, '_blank');
+    }
+    
     sessionToJSONL(sessionData) {
         let jsonlContent = '';