xinyu-pro 0.22.2 → 0.22.3

package/app/settings/page.tsx

@@ -174,8 +174,8 @@ export default function SettingsPage() {
     const all = await getGameSessions();
     setSessions(all.map((s) => ({
       id: s.id,
-      title: s.worldSetting.title,
-      era: s.worldSetting.era,
+      title: s.worldSetting.title as string,
+      era: s.worldSetting.era as string,
       count: s.messages.length,
     })));
   };
@@ -1414,6 +1414,19 @@ export default function SettingsPage() {
     }
   };
 
+  useEffect(() => {
+    const tabId = localStorage.getItem('settingTabId');
+    if (tabId && CATEGORIES.some(cat => cat.id === tabId)) {
+      for (const cat of CATEGORIES) {
+        if (cat.id === tabId) {
+          setActiveCategory(cat.id);
+          break;
+        }
+      }
+      localStorage.setItem('settingTabId', '')
+    }
+  });
+
   return (
     <>
     <div className="h-screen flex flex-col overflow-hidden" style={{ backgroundColor: 'var(--color-bg-primary)' }}>

package/components/ui/ThemeSwitcher.tsx

@@ -2,10 +2,12 @@
 
 import React, { useState } from 'react';
 import { useTheme } from './ThemeProvider';
+import { useRouterHistory } from '@/lib/router-history';
 
 export function ThemeSwitcher({ buttonStyle = {} }: { buttonStyle?: React.CSSProperties }) {
   const { config, activeTheme, setActiveThemeId } = useTheme();
   const [isOpen, setIsOpen] = useState(false);
+  const { navigate } = useRouterHistory();
 
   return (
     <div className="relative">
@@ -20,10 +22,14 @@ export function ThemeSwitcher({ buttonStyle = {} }: { buttonStyle?: React.CSSPro
         }}
         title="切换主题"
       >
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-          <circle cx="12" cy="12" r="5" />
-          <path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" />
-        </svg>
+        { activeTheme.isDark ?
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
+          </svg> :
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+            <circle cx="12" cy="12" r="5" />
+            <path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" />
+          </svg> }
         <span className="text-sm hidden sm:inline">{activeTheme.name}</span>
         <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
           <path d="M6 9l6 6 6-6" />
@@ -43,19 +49,31 @@ export function ThemeSwitcher({ buttonStyle = {} }: { buttonStyle?: React.CSSPro
               boxShadow: '0 4px 24px var(--color-shadow)',
             }}
           >
-            <div className="p-2">
-              <p
-                className="text-xs font-medium px-3 py-1 mb-1"
-                style={{ color: 'var(--color-text-muted)' }}
-              >
-                预设主题
-              </p>
-              {config.presets.map((theme) => (
+            <div className="p-2 flex flex-col gap-2">
+              <div className="flex justify-between items-center">
+                <p
+                  className="text-xs font-medium px-3 py-1"
+                  style={{ color: 'var(--color-text-muted)' }}
+                >
+                  主题
+                </p>
+                <button
+                  className="text-xs font-medium px-3 py-1 border rounded-md transition-colors"
+                  style={{ color: 'var(--color-text-muted)', borderColor: 'var(--color-border)' }}
+                   onClick={() => {
+                    setIsOpen(false);
+                    localStorage.setItem('settingTabId', 'theme');
+                    navigate('/settings');
+                  }}
+                >
+                  更多
+                </button>
+              </div>
+              {([...config.presets, ...config.importedThemes]).map((theme) => (
                 <button
                   key={theme.id}
                   onClick={() => {
                     setActiveThemeId(theme.id);
-                    setIsOpen(false);
                   }}
                   className="w-full flex items-center gap-3 px-3 py-2 rounded-md text-left transition-colors"
                   style={{
@@ -80,9 +98,6 @@ export function ThemeSwitcher({ buttonStyle = {} }: { buttonStyle?: React.CSSPro
                   </div>
                   <div>
                     <div className="text-sm font-medium">{theme.name}</div>
-                    <div className="text-xs" style={{ color: 'var(--color-text-muted)' }}>
-                      {theme.description}
-                    </div>
                   </div>
                   {activeTheme.id === theme.id && (
                     <svg className="ml-auto" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
@@ -92,7 +107,7 @@ export function ThemeSwitcher({ buttonStyle = {} }: { buttonStyle?: React.CSSPro
                 </button>
               ))}
 
-              {config.customTheme && (
+              {/* {config.customTheme && (
                 <>
                   <div className="my-1 border-t" style={{ borderColor: 'var(--color-border)' }} />
                   <button
@@ -130,7 +145,7 @@ export function ThemeSwitcher({ buttonStyle = {} }: { buttonStyle?: React.CSSPro
                     )}
                   </button>
                 </>
-              )}
+              )} */}
             </div>
           </div>
         </>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xinyu-pro",
-  "version": "0.22.2",
+  "version": "0.22.3",
   "private": false,
   "description": "星语 Pro - AI 驱动的互动叙事平台",
   "author": "RestRegular",

package/version.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.22.2",
+  "version": "0.22.3",
   "name": "xinyu-pro",
   "displayName": "星语 Pro",
   "description": "AI 驱动的互动叙事平台"