fix(desktop,island): 设置页灵动岛外观改动即生效——IPC 只接受纯数据 + 真实 UI 冒烟回归

用户反馈"灵动岛设置无法生效并且无法实时预览"。根因是设置页把 ref 的响应式 Proxy 直接交给 contextBridge，结构化克隆在进入 preload 函数体之前就抛 `An object could not be cloned.`，界面数字照常变化却半静默失败。

- SettingsView：应用/保存外观时展开成纯对象（{ ...island.value }）
- desktop.d.ts / preload：显式写明"必须传纯数据"，记录该失败模式
- smoke.ts：新增「拖拽设置页真实滑块」用例，同时断言页面数值与主进程外观都变化

packages/desktop-client/src/renderer/views/SettingsView.vue

@@ -137,17 +137,21 @@ async function loadIslandAppearance(): Promise<void> {
 /**
  * 改动即生效：属性变化时先应用（实时预览），点"保存"再落盘。
  * 高度/宽度只影响窗口与卡片尺寸变量，内容用 flex + 溢出滚动承载，不会溢出或错乱。
+ *
+ * 注意：必须传**展开后的纯对象**。`island` 是 `ref`，它的 `.value` 在 Vue 里是响应式
+ * Proxy，Proxy 过不了 IPC 的结构化克隆（`An object could not be cloned.`）——
+ * 那正是"拖了滑块、数字在变、灵动岛却没反应"的原因。
  */
 function applyIslandAppearance(patch: Partial<IslandAppearance> = {}): void {
   island.value = { ...island.value, ...patch };
-  window.desktop?.islandSetAppearance(island.value);
+  window.desktop?.islandSetAppearance({ ...island.value });
 }
 
 async function saveIslandAppearance(): Promise<void> {
   if (!window.desktop?.saveConfig) return;
   savingIsland.value = true;
   try {
-    await window.desktop.saveConfig({ island: island.value });
+    await window.desktop.saveConfig({ island: { ...island.value } });
     ElMessage.success('个性化设置已保存');
   } finally {
     savingIsland.value = false;