优化图片窗口的渲染；修复实时管道的问题；优化了图片密钥相关配置流程

src/components/GlobalSessionMonitor.tsx

@@ -46,7 +46,6 @@ export function GlobalSessionMonitor() {
             return () => {
                 removeListener()
             }
-        } else {
         }
         return () => { }
     }, [])

src/components/TitleBar.scss

@@ -36,6 +36,8 @@
   font-size: 15px;
   font-weight: 500;
   color: var(--text-secondary);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 .title-sidebar-toggle {
@@ -90,3 +92,55 @@
     color: #fff;
   }
 }
+
+.image-controls {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-right: auto;
+  padding-left: 16px;
+  -webkit-app-region: no-drag;
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--text-secondary);
+    cursor: pointer;
+    padding: 6px;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s;
+
+    &:hover {
+      background: var(--bg-tertiary);
+      color: var(--text-primary);
+    }
+
+    &:disabled {
+      cursor: default;
+      opacity: 1;
+    }
+
+    &.live-play-btn.active {
+      background: rgba(var(--primary-rgb, 76, 132, 255), 0.16);
+      color: var(--primary, #4c84ff);
+    }
+  }
+
+  .scale-text {
+    min-width: 50px;
+    text-align: center;
+    color: var(--text-secondary);
+    font-size: 12px;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .divider {
+    width: 1px;
+    height: 14px;
+    background: var(--border-color);
+    margin: 0 4px;
+  }
+}

src/components/TitleBar.tsx

@@ -7,13 +7,17 @@ interface TitleBarProps {
   sidebarCollapsed?: boolean
   onToggleSidebar?: () => void
   showWindowControls?: boolean
+  customControls?: React.ReactNode
+  showLogo?: boolean
 }
 
 function TitleBar({
   title,
   sidebarCollapsed = false,
   onToggleSidebar,
-  showWindowControls = true
+  showWindowControls = true,
+  customControls,
+  showLogo = true
 }: TitleBarProps = {}) {
   const [isMaximized, setIsMaximized] = useState(false)
 
@@ -32,7 +36,7 @@ function TitleBar({
   return (
     <div className="title-bar">
       <div className="title-brand">
-        <img src="./logo.png" alt="WeFlow" className="title-logo" />
+        {showLogo && <img src="./logo.png" alt="WeFlow" className="title-logo" />}
         <span className="titles">{title || 'WeFlow'}</span>
         {onToggleSidebar ? (
           <button
@@ -46,6 +50,7 @@ function TitleBar({
           </button>
         ) : null}
       </div>
+      {customControls}
       {showWindowControls ? (
         <div className="title-window-controls">
           <button