feat(*): 画布创作 - 支持文本多模态生成并优化媒体节点、连接线与视频预览

Fixes #59

web/src/lib/canvas-theme.ts

@@ -51,48 +51,48 @@ export const canvasThemes = {
     },
     dark: {
         canvas: {
-            background: "#111111",
-            dot: "rgba(245,245,245,.16)",
-            line: "rgba(245,245,245,.065)",
-            selectionFill: "rgba(91,110,225,.16)",
+            background: "#090a0c",
+            dot: "rgba(174,184,199,.18)",
+            line: "rgba(174,184,199,.06)",
+            selectionFill: "rgba(96,126,234,.18)",
         },
         node: {
             label: "#a3a3a3",
-            fill: "#242424",
-            panel: "#202020",
-            stroke: "rgba(255,255,255,.13)",
-            activeStroke: "#f5f5f5",
-            placeholder: "#777777",
-            text: "#f5f5f5",
+            fill: "#181818",
+            panel: "#141414",
+            stroke: "rgba(255,255,255,.12)",
+            activeStroke: "#f1f1f1",
+            placeholder: "#737373",
+            text: "#ededed",
             muted: "#a3a3a3",
             faint: "#666666",
         },
         frame: {
             fill: "rgba(255,255,255,.025)",
-            stroke: "rgba(255,255,255,.18)",
-            activeFill: "rgba(91,110,225,.08)",
-            activeStroke: "#8290f0",
-            preview: "rgba(24,24,24,.86)",
+            stroke: "rgba(190,198,210,.15)",
+            activeFill: "rgba(96,126,234,.1)",
+            activeStroke: "#8f9bd6",
+            preview: "rgba(20,20,20,.94)",
         },
         toolbar: {
-            panel: "rgba(36,36,36,.94)",
-            border: "rgba(255,255,255,.12)",
+            panel: "rgba(20,20,20,.97)",
+            border: "rgba(255,255,255,.1)",
             item: "#d4d4d4",
-            itemHover: "rgba(255,255,255,.08)",
-            activeBg: "rgba(255,255,255,.13)",
-            activeText: "#ffffff",
+            itemHover: "rgba(255,255,255,.07)",
+            activeBg: "rgba(143,155,214,.14)",
+            activeText: "#f5f6f8",
         },
         spatial: {
-            surface: "rgba(30,30,32,.72)",
-            elevated: "rgba(22,22,24,.94)",
-            dropzone: "rgba(10,10,12,.78)",
-            glow: "rgba(130,144,240,.2)",
-            glowStrong: "rgba(130,144,240,.58)",
-            shadow: "rgba(0,0,0,.46)",
+            surface: "rgba(22,22,22,.82)",
+            elevated: "rgba(15,15,15,.97)",
+            dropzone: "rgba(8,8,8,.9)",
+            glow: "rgba(107,120,190,.18)",
+            glowStrong: "rgba(143,155,214,.48)",
+            shadow: "rgba(0,0,0,.6)",
         },
         accent: {
-            primary: "#8290f0",
-            primarySoft: "rgba(91,110,225,.2)",
+            primary: "#8f9bd6",
+            primarySoft: "rgba(107,120,190,.2)",
             danger: "#fb7185",
         },
     },