Merge branch 'gzy' into 'master-dev'

fix: iframe底部选择智能体

See merge request knowledge-base-bj/deerflow-server!164

frontend-web/src/components/workspace/agents/agent-selector.tsx

@@ -93,43 +93,47 @@ export function AgentSelector({
   return (
     <>
       <Dialog open={open} onOpenChange={setOpen}>
-        <DialogTrigger asChild>
+        {iconMode ? (
-          {iconMode ? (
+          <Tooltip content={iconTooltipLabel}>
-            <Tooltip content={iconTooltipLabel}>
+            <div>
-              <Button
+              <DialogTrigger asChild>
-                type="button"
+                <Button
-                variant="ghost"
+                  type="button"
-                size="icon"
+                  variant="ghost"
-                disabled={disabled}
+                  size="icon"
-                aria-label={selectedAgent ? `已选择智能体：${triggerLabel}` : "选择智能体"}
+                  disabled={disabled}
-                className={cn(
+                  aria-label={selectedAgent ? `已选择智能体：${triggerLabel}` : "选择智能体"}
-                  "relative size-9 rounded-full text-muted-foreground shadow-none hover:bg-muted/60 hover:text-foreground",
+                  className={cn(
-                  selectedAgent && "text-amber-600 hover:text-amber-700",
+                    "relative size-9 rounded-full text-muted-foreground shadow-none hover:bg-muted/60 hover:text-foreground",
-                  selectedAgent && iconActiveClassName,
+                    selectedAgent && "text-amber-600 hover:text-amber-700",
-                  iconButtonClassName,
+                    selectedAgent && iconActiveClassName,
-                )}
+                    iconButtonClassName,
-              >
+                  )}
-                <BotIcon className="size-4" />
+                >
-                {selectedAgent && (
+                  <BotIcon className="size-4" />
-                  <span
+                  {selectedAgent && (
-                    role="button"
+                    <span
-                    tabIndex={0}
+                      role="button"
-                    aria-label="清除已选 agent"
+                      tabIndex={0}
-                    className="absolute -right-1 -top-1 inline-flex size-4 items-center justify-center rounded-full border bg-background text-foreground shadow-sm hover:bg-muted"
+                      aria-label="清除已选 agent"
-                    onClick={handleClear}
+                      className="absolute -right-1 -top-1 inline-flex size-4 items-center justify-center rounded-full border bg-background text-foreground shadow-sm hover:bg-muted"
-                    onKeyDown={(e) => {
+                      onClick={handleClear}
-                      if (e.key === "Enter" || e.key === " ") {
+                      onKeyDown={(e) => {
-                        e.preventDefault();
+                        if (e.key === "Enter" || e.key === " ") {
-                        onAgentChange(null);
+                          e.preventDefault();
-                      }
+                          onAgentChange(null);
-                    }}
+                        }
-                  >
+                      }}
-                    <XIcon className="size-2.5" />
+                    >
-                  </span>
+                      <XIcon className="size-2.5" />
-                )}
+                    </span>
-              </Button>
+                  )}
-            </Tooltip>
+                </Button>
-          ) : (
+              </DialogTrigger>
+            </div>
+          </Tooltip>
+        ) : (
+          <DialogTrigger asChild>
             <PromptInputButton
               type="button"
               disabled={disabled}
@@ -167,8 +171,8 @@ export function AgentSelector({
                 </span>
               )}
             </PromptInputButton>
-          )}
+          </DialogTrigger>
-        </DialogTrigger>
+        )}
         <DialogContent className="overflow-hidden p-0 sm:max-w-md">
           <DialogTitle className="sr-only">选择 Agent</DialogTitle>
           <Command className="**:data-[slot=command-input-wrapper]:h-auto">
@@ -235,4 +239,4 @@ export function AgentSelector({
       )}
     </>
   );
-}
+}