diff --git a/agent/application/pages/task.py b/agent/application/pages/task.py index fdcac76..c30677e 100644 --- a/agent/application/pages/task.py +++ b/agent/application/pages/task.py @@ -6,7 +6,6 @@ import reflex as rx from application.states import AuthState, TaskState from application.states.models import ( - TaskHistoryItem, MessageHistoryItem, MessageType, WorkflowType, @@ -524,35 +523,59 @@ def message_history() -> rx.Component: font_size="var(--prismui-font-size-1)", color="var(--prismui-color-3)", ), - rx.box( - rx.icon( - "panel-right", - width="16px", - height="16px", - object_fit="contain", - color="var(--prismui-color-2)", + rx.tooltip( + rx.box( + rx.icon( + "panel-right", + width="16px", + height="16px", + object_fit="contain", + color="var(--prismui-color-2)", + ), + display="flex", + align_items="center", + justify_content="center", + width="32px", + height="32px", + border_radius="var(--prismui-border-radius-3)", + cursor="pointer", + style={ + "_hover": { + "background_color": "var(--prismui-background-color-2)" + } + }, ), - display="flex", - align_items="center", - justify_content="center", - width="32px", - height="32px", - border_radius="var(--prismui-border-radius-3)", + content="产物面板", ), - rx.box( - rx.icon( - "ellipsis", - width="16px", - height="16px", - object_fit="contain", - color="var(--prismui-color-2)", + rx.menu.root( + rx.menu.trigger( + rx.box( + rx.icon( + "ellipsis", + width="16px", + height="16px", + object_fit="contain", + color="var(--prismui-color-2)", + ), + display="flex", + align_items="center", + justify_content="center", + width="32px", + height="32px", + border_radius="var(--prismui-border-radius-3)", + cursor="pointer", + style={ + "_hover": { + "background_color": "var(--prismui-background-color-2)" + } + }, + ) + ), + rx.menu.content( + rx.menu.item( + rx.hstack(rx.icon("trash"), rx.text("删除")) + ) ), - display="flex", - align_items="center", - justify_content="center", - width="32px", - height="32px", - border_radius="var(--prismui-border-radius-3)", ), align_items="center", gap="4px", diff --git a/agent/assets/styles.css b/agent/assets/styles.css index a679a96..2f1e5c8 100644 --- a/agent/assets/styles.css +++ b/agent/assets/styles.css @@ -114,6 +114,18 @@ pre, pre code { } @keyframes spin { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } -} \ No newline at end of file + from { transform: rotate(0deg); } + to { transform: rotate(360deg); } +} + +.rt-TooltipArrow polygon { + fill: var(--prismui-color-2) !important; +} +.rt-TooltipContent { + background: var(--prismui-color-2) !important; + +} +.rt-TooltipText { + font-family: var(--prismui-font-family) !important; + color: var(--prismui-color-7) !important; +}