From f3f87e220e7d19099dd5c155d55e702219b5254e Mon Sep 17 00:00:00 2001
From: MT-Mint <798521692@qq.com>
Date: Thu, 9 Apr 2026 11:37:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20skill=20tag=E7=9A=84=E5=A4=8D=E6=95=B0?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E3=80=82=E6=B5=8B=E8=AF=95=E5=A4=8Dskill?=
 =?UTF-8?q?=E7=9A=84=E6=95=B0=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/workspace/iframe-test-panel.tsx   |  3 +++
 frontend/src/components/workspace/input-box.tsx  | 16 +++++++++++-----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/workspace/iframe-test-panel.tsx b/frontend/src/components/workspace/iframe-test-panel.tsx
index 7b1d3e92..5491d96a 100644
--- a/frontend/src/components/workspace/iframe-test-panel.tsx
+++ b/frontend/src/components/workspace/iframe-test-panel.tsx
@@ -313,6 +313,9 @@ export function IframeTestPanel() {
                     selectedSkills: [
                       { id: "5", name: "文档处理" },
                       { id: "1216", name: "市场研究报告" },
+                      { id: "1245", name: "市场研究报告" },
+                      { id: "520", name: "市场研究报告" },
+                      { id: "409", name: "市场研究报告" },
                     ],
                   },
                   "*",
diff --git a/frontend/src/components/workspace/input-box.tsx b/frontend/src/components/workspace/input-box.tsx
index 2e5251f6..44b099b5 100644
--- a/frontend/src/components/workspace/input-box.tsx
+++ b/frontend/src/components/workspace/input-box.tsx
@@ -366,7 +366,7 @@ export function InputBox({
               "pointer-events-none invisible h-[0px] translate-y-2 p-[0px] opacity-0",
           )}
         >
-          <PromptInputTools>
+          <PromptInputTools className="min-w-0 flex-1">
             {/* TODO: Add more connectors here
           <PromptInputActionMenu>
             <PromptInputActionMenuTrigger className="px-2!" />
@@ -654,10 +654,10 @@ function IframeSkillDialogButton({
   const { t } = useI18n();
 
   return (
-    <div className="flex items-center gap-2">
+    <div className="flex min-w-0 flex-1 items-center gap-2">
       <Tooltip content={t.inputBox.selectSkill}>
         <PromptInputButton
-          className={cn("group px-2! hover:bg-[#EAE2F5]", className)}
+          className={cn("group shrink-0 px-2! hover:bg-[#EAE2F5]", className)}
           onClick={openSkillDialog}
         >
           <svg
@@ -680,9 +680,15 @@ function IframeSkillDialogButton({
         </Tag>
       ) : null}
       {!isBootstrapping && selectedSkills.length > 0 ? (
-        <div className="flex flex-wrap items-center gap-2">
+        <div
+          className="flex min-w-0 flex-1  items-center gap-2 overflow-x-auto overflow-y-hidden whitespace-nowrap [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+          onWheel={(event) => {
+            if (event.deltaY === 0) return;
+            event.currentTarget.scrollLeft += event.deltaY;
+          }}
+        >
           {selectedSkills.map((skill, index) => (
-            <Tag key={`${skill.skill_id}-${skill.title}-${index}`}>
+            <Tag key={`${skill.skill_id}-${skill.title}-${index}`} className="shrink-0">
               {skill.title}
               {/* TODO: 因为后端接口不支持取消选择skill，所以暂时禁用取消选择按钮 */}
               {/* <button