⚡️ CI 支持 feature/* 分支构建、Agent 错误持久化及 UI 优化

- build.yaml/test.yaml 增加 feature/* 分支触发构建和测试
- Agent 错误消息持久化到 OPFS，刷新后仍可见
- 修复主布局全屏溢出问题
- 优化错误消息展示样式，支持暗色主题

Author: CodFrm

.github/workflows/build.yaml

@@ -5,6 +5,7 @@ on:
     branches:
       - main
       - release/*
+      - feature/*
       - dev
     paths-ignore:
       - ".github/**"

.github/workflows/test.yaml

@@ -5,6 +5,7 @@ on:
     branches:
       - main
       - release/*
+      - feature/*
       - dev
       - develop/*
   pull_request:

src/app/service/service_worker/agent.ts

@@ -1232,9 +1232,20 @@ export class AgentService {
     }
 
     // 超过最大迭代次数
+    const maxIterMsg = `Tool calling loop exceeded maximum iterations (${maxIterations})`;
+    if (conversationId) {
+      await this.repo.appendMessage({
+        id: uuidv4(),
+        conversationId,
+        role: "assistant",
+        content: "",
+        error: maxIterMsg,
+        createtime: Date.now(),
+      });
+    }
     sendEvent({
       type: "error",
-      message: `Tool calling loop exceeded maximum iterations (${maxIterations})`,
+      message: maxIterMsg,
       errorCode: "max_iterations",
     });
   }
@@ -1497,7 +1508,23 @@ export class AgentService {
       }
     } catch (e: any) {
       if (abortController.signal.aborted) return;
-      sendEvent({ type: "error", message: e.message || "Unknown error", errorCode: classifyErrorCode(e) });
+      const errorMsg = e.message || "Unknown error";
+      // 持久化错误消息到 OPFS，确保刷新后仍可见
+      if (params.conversationId && !params.ephemeral) {
+        try {
+          await this.repo.appendMessage({
+            id: uuidv4(),
+            conversationId: params.conversationId,
+            role: "assistant",
+            content: "",
+            error: errorMsg,
+            createtime: Date.now(),
+          });
+        } catch {
+          // 持久化失败不阻塞错误事件发送
+        }
+      }
+      sendEvent({ type: "error", message: errorMsg, errorCode: classifyErrorCode(e) });
     }
   }
 

src/pages/components/layout/MainLayout.tsx

@@ -339,7 +339,7 @@ const MainLayout: React.FC<{
       }}
     >
       {contextHolder}
-      <Layout className={"tw-min-h-screen"}>
+      <Layout className={"tw-h-screen tw-overflow-hidden"}>
         <Layout.Header
           style={{
             height: "50px",
@@ -520,7 +520,7 @@ const MainLayout: React.FC<{
           </Space>
         </Layout.Header>
         <Layout
-          className={`tw-bottom-0 tw-w-full ${className}`}
+          className={`tw-bottom-0 tw-w-full tw-flex-1 tw-overflow-hidden ${className}`}
           style={{ background: "var(--color-fill-2)" }}
           {...getRootProps({})}
         >

src/pages/components/layout/Sider.tsx

@@ -218,7 +218,7 @@ const Sider: React.FC = () => {
           borderLeft: "1px solid var(--color-bg-5)",
           overflow: "hidden",
           padding: 0,
-          height: "auto",
+          height: "100%",
           boxSizing: "border-box",
           position: "relative",
         }}

src/pages/options/routes/AgentChat/MessageItem.tsx

@@ -5,7 +5,7 @@ import ThinkingBlock from "./ThinkingBlock";
 import ToolCallBlock from "./ToolCallBlock";
 import MessageToolbar from "./MessageToolbar";
 import { Message as ArcoMessage, Tooltip } from "@arco-design/web-react";
-import { IconRobot, IconUser, IconEdit, IconCopy, IconRefresh } from "@arco-design/web-react/icon";
+import { IconRobot, IconUser, IconEdit, IconCopy, IconRefresh, IconExclamationCircleFill } from "@arco-design/web-react/icon";
 import { useTranslation } from "react-i18next";
 import { getTextContent } from "@App/app/service/agent/content_utils";
 
@@ -39,10 +39,9 @@ function AssistantMessageContent({ message, isStreaming }: { message: ChatMessag
 
       {/* 错误 */}
       {message.error && (
-        <div className="tw-mt-2 tw-px-3 tw-py-2 tw-rounded-lg tw-bg-[rgb(var(--red-1))] tw-text-[rgb(var(--red-6))] tw-text-xs tw-border tw-border-solid tw-border-[rgb(var(--red-2))]">
-          {t("agent_chat_error")}
-          {": "}
-          {message.error}
+        <div className="agent-error-block">
+          <IconExclamationCircleFill className="agent-error-icon" />
+          <span style={{ minWidth: 0, wordBreak: "break-word" }}>{message.error}</span>
         </div>
       )}
     </div>

src/pages/options/routes/AgentChat/styles.css

@@ -298,6 +298,38 @@ body[arco-theme="dark"] .ai-markdown-body .hljs-deletion {
   background-color: #67060c;
 }
 
+/* 错误消息 */
+.agent-error-block {
+  margin-top: 8px;
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 10px 14px;
+  border-radius: 8px;
+  border-left: 3px solid #e5484d;
+  background: #fff0f0;
+  color: #ce2c31;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.agent-error-block .agent-error-icon {
+  flex-shrink: 0;
+  font-size: 16px;
+  margin-top: 1px;
+  color: #e5484d;
+}
+
+body[arco-theme="dark"] .agent-error-block {
+  background: rgba(229, 72, 77, 0.1);
+  color: #ff6369;
+  border-left-color: #e5484d;
+}
+
+body[arco-theme="dark"] .agent-error-block .agent-error-icon {
+  color: #ff6369;
+}
+
 /* 侧边栏会话列表 */
 .agent-conversation-item {
   position: relative;