Refine window summary display and memory options

Author: lius-new

plugins/pages/create-window/src/components/device-settings-form.tsx

@@ -186,13 +186,18 @@ export function DeviceSettingsForm({ value, onChange }: DeviceSettingsFormProps)
           />
         </div>
         <div className="flex items-center justify-between gap-4">
-          <Label className="text-xs shrink-0">{t('deviceSettings.deviceMemory')}</Label>
-          <NumberSelector
-            value={value.deviceMemory}
-            options={[4, 8, 16, 32]}
-            onChange={(v) => onChange({ ...value, deviceMemory: v })}
-            unit="G"
-          />
+          <Label className="text-xs shrink-0">{t('deviceSettings.deviceMemory')}</Label>
+          <NumberSelector
+            value={value.deviceMemory}
+            options={[
+              4,
+              8,
+              // 16,
+              // 32,
+            ]}
+            onChange={(v) => onChange({ ...value, deviceMemory: v })}
+            unit="G"
+          />
         </div>
       </div>
 

plugins/pages/create-window/src/components/screen-hardware-form.tsx

@@ -228,13 +228,18 @@ export function ScreenHardwareForm({
             />
           </div>
           <div className="flex items-center justify-between gap-4">
-            <Label className="text-xs shrink-0">{t('deviceSettings.deviceMemory')}</Label>
-            <NumberSelector
-              value={deviceSettings.deviceMemory}
-              options={[4, 8, 16, 32]}
-              onChange={(v) => onDeviceSettingsChange({ ...deviceSettings, deviceMemory: v })}
-              unit="G"
-            />
+            <Label className="text-xs shrink-0">{t('deviceSettings.deviceMemory')}</Label>
+            <NumberSelector
+              value={deviceSettings.deviceMemory}
+              options={[
+                4,
+                8,
+                // 16,
+                // 32,
+              ]}
+              onChange={(v) => onDeviceSettingsChange({ ...deviceSettings, deviceMemory: v })}
+              unit="G"
+            />
           </div>
         </div>
 

plugins/pages/create-window/src/components/window-summary.tsx

@@ -8,17 +8,30 @@ interface WindowSummaryProps {
   onRandomize?: () => void;
 }
 
-// 概要项组件
-function SummaryItem({ label, value, mono }: { label: string; value: string; mono?: boolean }) {
-  return (
-    <div className="flex justify-between items-center gap-2">
-      <span className="text-muted-foreground shrink-0">{label}</span>
-      <span className={`truncate text-right ${mono ? 'font-mono' : ''}`} title={value}>
-        {value}
-      </span>
-    </div>
-  );
-}
+// 概要项组件
+function SummaryItem({
+  label,
+  value,
+  mono,
+  wrap,
+}: {
+  label: string;
+  value: string;
+  mono?: boolean;
+  wrap?: boolean;
+}) {
+  return (
+    <div className={`flex justify-between gap-2 ${wrap ? 'items-start' : 'items-center'}`}>
+      <span className="text-muted-foreground shrink-0">{label}</span>
+      <span
+        className={`flex-1 min-w-0 ${wrap ? 'text-right break-all whitespace-normal' : 'truncate text-right'} ${mono ? 'font-mono' : ''}`}
+        title={value}
+      >
+        {value}
+      </span>
+    </div>
+  );
+}
 
 // 概要分组组件
 function SummaryGroup({ title, children }: { title: string; children: React.ReactNode }) {
@@ -57,11 +70,12 @@ export function WindowSummary({ config, onRandomize }: WindowSummaryProps) {
         <SummaryGroup title={t('sections.basicInfo')}>
           <SummaryItem label={t('windowInfo.name')} value={config.windowInfo.name || '-'} />
           <SummaryItem label={t('windowInfo.system')} value={config.windowInfo.system} />
-          <SummaryItem
-            label={t('windowInfo.userAgent')}
-            value={config.windowInfo.userAgent || '-'}
-            mono
-          />
+          <SummaryItem
+            label={t('windowInfo.userAgent')}
+            value={config.windowInfo.userAgent || '-'}
+            mono
+            wrap
+          />
           <SummaryItem
             label={t('windowInfo.platformAccount')}
             value={
@@ -147,13 +161,11 @@ export function WindowSummary({ config, onRandomize }: WindowSummaryProps) {
         </SummaryGroup>
 
         {/* 屏幕与硬件 */}
-        <SummaryGroup title={t('sections.screenHardware')}>
-          <SummaryItem
-            label={t('summary.resolution')}
-            value={t(
-              `advancedFingerprint.fingerprintMode.${config.advancedFingerprintSettings.resolution}`
-            )}
-          />
+        <SummaryGroup title={t('sections.screenHardware')}>
+          <SummaryItem
+            label={t('summary.resolution')}
+            value={`${config.advancedFingerprintSettings.resolution.width} × ${config.advancedFingerprintSettings.resolution.height}`}
+          />
           <SummaryItem
             label={t('advancedFingerprint.colorDepth')}
             value={`${config.advancedFingerprintSettings.colorDepth}bit`}