fix(canvas): 图片节点 - 尺寸跟随图片真实比例，竖图不再两侧留黑

上传接口返回的 width/height 是可选字段（services/api/resources.ts），拿不到时节点落到
默认的横向比例，竖图被放进一个宽盒子、两侧留大片空白。改为在图片解码后于客户端量真实
尺寸并按比例校正节点 —— 这样不依赖服务端是否返回尺寸。

判据是「用户有没有手动定过尺寸」，**不是**「有没有量过尺寸」。第一版按后者写，结果所有
已经存过 naturalWidth 的既有节点永远得不到修正，改完等于没改。现在由 handleNodeResize
在手动拉伸时打 metadata.manualSize 标记，自动适配只避让它和 freeResize（自由比例是用户
显式要求脱离原始比例，自动校正会跟他打架）。

顺带收益：naturalWidth / naturalHeight 补齐后，canvas-node.tsx 的锁比例拉伸也会按真实
比例走 —— 它本来就在读这两个字段，之前多数节点拿不到。

已知影响：既有节点因为没有 manualSize 标记，首次重新加载时会自动校正一次尺寸。
对被 letterbox 的图是修复，但确实会让画布上现有图片节点的尺寸变动一次。

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

web/src/pages/canvas/use-canvas-node-editor.ts

@@ -47,9 +47,11 @@ export function useCanvasNodeEditor({
                 const nextPosition = position || node.position;
                 if (node.width === width && node.height === height && node.position.x === nextPosition.x && node.position.y === nextPosition.y) return node;
                 changed = true;
-                const resized = { ...node, width, height, position: nextPosition };
+                // 打上「用户手动定过尺寸」标记：图片按真实比例自动适配时要避让它，
+                // 否则每次图片重新加载都会把用户拉过的尺寸改回去。
+                const resized = { ...node, width, height, position: nextPosition, metadata: { ...node.metadata, manualSize: true } };
                 if (!isFrameNode(node) || node.metadata?.frame?.collapsed) return resized;
-                return { ...resized, metadata: { ...node.metadata, frame: { collapsed: false, expandedWidth: width, expandedHeight: height } } };
+                return { ...resized, metadata: { ...resized.metadata, frame: { collapsed: false, expandedWidth: width, expandedHeight: height } } };
             });
             return changed ? next : current;
         });