From 78c7395e75f529f7dd55be404ebfe48e4f85b58a Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sat, 18 Apr 2026 22:30:01 +0800
Subject: [PATCH] Keep LibTV composer submit inside panel

---
 .../canvas/LiblibVideoCanvasReplica.tsx       | 50 +++++++++----------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/components/canvas/LiblibVideoCanvasReplica.tsx b/components/canvas/LiblibVideoCanvasReplica.tsx
index 219cb1e53..5293a4972 100644
--- a/components/canvas/LiblibVideoCanvasReplica.tsx
+++ b/components/canvas/LiblibVideoCanvasReplica.tsx
@@ -3573,21 +3573,21 @@ function PresetComposerPanel({
 	        placeholder="描述你想要生成的画面内容，按 / 呼出指令，@引用素材"
 	        value={draftPrompt}
 	      />
-	      <div className="absolute bottom-5 left-5 right-5 flex items-center gap-6 text-[17px] text-white/78">
+	      <div className="absolute bottom-5 left-5 right-[84px] flex items-center gap-6 overflow-hidden text-[17px] text-white/78">
 	        <ComposerControl label="Lib Nano Pro" icon="◉" dropdown onClick={() => toast.info("模型选择接口待接入。")} />
 	        <ComposerControl label="16:9" icon="▭" dropdown onClick={() => toast.info("比例选择接口待接入。")} />
 	        <ComposerControl label="2K" dropdown onClick={() => toast.info("清晰度选择接口待接入。")} />
 	        <ComposerControl label="摄像机" icon="▣" onClick={() => toast.info("镜头配置接口待接入。")} />
 	        <ComposerControl label="1张" dropdown onClick={() => toast.info("生成数量接口待接入。")} />
 	        <ComposerControl label={credit} icon="⚡" muted onClick={() => toast.info("积分估算接口待接入。")} />
-	        <button
-	          className="ml-auto flex h-11 w-11 items-center justify-center rounded-[12px] bg-white/76 text-[24px] text-black hover:bg-white"
-	          onClick={() => toast.info(submitMessage)}
-	          type="button"
-	        >
-	          ↑
-	        </button>
 	      </div>
+	      <button
+	        className="absolute bottom-5 right-5 flex h-11 w-11 items-center justify-center rounded-[12px] bg-white/76 text-[24px] text-black hover:bg-white"
+	        onClick={() => toast.info(submitMessage)}
+	        type="button"
+	      >
+	        ↑
+	      </button>
 	    </div>
 	  </div>
 	);
@@ -3980,7 +3980,7 @@ function PromptComposer({
         value={prompt}
       />
 
-        <div className="absolute bottom-5 left-5 right-5 flex items-center gap-6 text-[18px] text-white/78">
+        <div className="absolute bottom-5 left-5 right-[84px] flex items-center gap-6 overflow-hidden text-[18px] text-white/78">
           <ComposerControl active={menu === "model"} label={settings.model} icon="◉" dropdown onClick={() => setMenu((current) => current === "model" ? null : "model")} />
           <ComposerControl active={menu === "ratio"} label={settings.ratio} icon="▭" dropdown onClick={() => setMenu((current) => current === "ratio" ? null : "ratio")} />
           <ComposerControl active={menu === "resolution"} label={settings.resolution} dropdown onClick={() => setMenu((current) => current === "resolution" ? null : "resolution")} />
@@ -3990,23 +3990,23 @@ function PromptComposer({
           <ComposerControl active={menu === "settings"} label="" icon="⌘" onClick={() => setMenu((current) => current === "settings" ? null : "settings")} />
           <ComposerControl active={menu === "count"} label={settings.count} dropdown onClick={() => setMenu((current) => current === "count" ? null : "count")} />
           <ComposerControl label="14" icon="⚡" muted onClick={() => toast.info("积分估算接口待接入。")} />
-          <button
-            className="ml-auto flex h-11 w-11 items-center justify-center rounded-[12px] bg-white/76 text-[24px] text-black hover:bg-white"
-            onClick={() =>
-              onSubmit
-                ? onSubmit({
-                    prompt,
-                    references,
-                    settings,
-                    slashScene,
-                  })
-                : toast.info("角色三视图生成接口待接入。")
-            }
-            type="button"
-          >
-            ↑
-          </button>
         </div>
+        <button
+          className="absolute bottom-5 right-5 flex h-11 w-11 items-center justify-center rounded-[12px] bg-white/76 text-[24px] text-black hover:bg-white"
+          onClick={() =>
+            onSubmit
+              ? onSubmit({
+                  prompt,
+                  references,
+                  settings,
+                  slashScene,
+                })
+              : toast.info("角色三视图生成接口待接入。")
+          }
+          type="button"
+        >
+          ↑
+        </button>
       </div>
     </div>
   );