@zero-library/chat-copilot 3.1.31 → 4.0.0

package/dist/index.css

@@ -78,6 +78,10 @@
     background-position: -200% 0;
   }
 }
+.styles_module_bubble {
+  min-width: 0;
+  max-width: 100%;
+}
 .styles_module_bubble.ant-bubble-end {
   padding-inline-start: 0% !important;
 }
@@ -447,6 +451,41 @@
 .styles_module_senderReferenceHeaderContent {
   padding: 0 !important;
 }
+.styles_module_conversationLabel {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  min-width: 0;
+}
+.styles_module_conversationLabel .styles_module_conversationLabelTitle {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.styles_module_conversationLabel .styles_module_conversationStatusDot {
+  flex-shrink: 0;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+}
+.styles_module_conversationLabel .styles_module_conversationStatusRunning {
+  background: var(--ant-color-primary, #1677ff);
+  animation: styles_module_conversation-dot-pulse 1s ease-in-out infinite;
+}
+.styles_module_conversationLabel .styles_module_conversationStatusUnread {
+  background: var(--ant-color-success, #52c41a);
+}
+@keyframes styles_module_conversation-dot-pulse {
+  0%, 100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 1;
+  }
+}
 
 /* src/ui/common/FeatureComponents/style.module.less */
 .style_module_popover {
@@ -848,87 +887,7 @@
 }
 
 /* src/components/CustomComponents/ToolRenders/index.module.less */
-.index_module_toolCollapse {
-  border: 1px solid rgba(0, 0, 0, 0.08) !important;
-  background-color: rgba(255, 255, 255, 0.42) !important;
-}
-.index_module_toolCollapse .ant-collapse-item {
-  height: 100% !important;
-}
-.index_module_toolCollapse .ant-collapse-item .ant-collapse-header {
-  padding: 4px 8px !important;
-  min-height: 36px !important;
-  display: flex !important;
-  align-items: center !important;
-}
-.index_module_toolCollapse .ant-collapse-item .ant-collapse-header .ant-collapse-title {
-  display: block;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.index_module_toolCollapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body {
-  padding: 0 0 8px 8px !important;
-}
-.index_module_toolCallItem {
-  display: flex;
-  align-items: center;
-  flex: 1;
-  min-width: 0;
-  gap: 8px;
-}
-.index_module_toolCallItem .index_module_toolIcon {
-  font-size: 14px;
-  color: #000000;
-}
-.index_module_toolCallItem .index_module_toolName {
-  font-size: 12px;
-  color: var(--ant-color-text-tertiary);
-  flex: 1;
-  line-height: 22px;
-}
-.index_module_toolCallItem .index_module_statusIcon {
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-.index_module_toolCallItem .index_module_duration {
-  font-size: 12px;
-  color: var(--ant-color-text-tertiary);
-  flex-shrink: 0;
-}
-.index_module_toolCallItem .index_module_toolNamePending {
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  flex: 1;
-}
-.index_module_toolCallItem .index_module_toolNamePending .index_module_dot {
-  width: 2px;
-  height: 2px;
-  border-radius: 50%;
-  background: var(--ant-color-text-tertiary);
-  animation: index_module_dot-blink 1s infinite ease-in-out;
-}
-.index_module_toolCallItem .index_module_toolNamePending .index_module_dot:nth-child(2) {
-  animation-delay: 0.16s;
-}
-.index_module_toolCallItem .index_module_toolNamePending .index_module_dot:nth-child(3) {
-  animation-delay: 0.32s;
-}
-.index_module_expandIcon {
-  font-size: 10px;
-  color: var(--ant-color-text-tertiary);
-  flex-shrink: 0;
-  cursor: pointer;
-  transition: transform 0.2s ease;
-  transform: rotate(0deg);
-}
-.index_module_expandIcon.index_module_expanded {
-  transform: rotate(-90deg);
-}
-.index_module_contentScrollContainer {
+.index_module_toolCallContent {
   padding: 4px 2px 0;
   overflow-y: auto;
   max-height: 500px;
@@ -936,33 +895,25 @@
   scrollbar-width: thin;
   scrollbar-color: transparent transparent;
 }
-.index_module_contentScrollContainer::-webkit-scrollbar {
+.index_module_toolCallContent::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }
-.index_module_contentScrollContainer::-webkit-scrollbar-thumb {
+.index_module_toolCallContent::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0);
   border-radius: 4px;
   transition: background-color 0.3s ease 0.3s;
 }
-.index_module_contentScrollContainer::-webkit-scrollbar-track {
+.index_module_toolCallContent::-webkit-scrollbar-track {
   background: transparent;
 }
-.index_module_contentScrollContainer:hover {
+.index_module_toolCallContent:hover {
   scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
 }
-.index_module_contentScrollContainer:hover::-webkit-scrollbar-thumb {
+.index_module_toolCallContent:hover::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.3);
   transition-delay: 0s;
 }
-@keyframes index_module_dot-blink {
-  0%, 70%, 100% {
-    opacity: 0.2;
-  }
-  35% {
-    opacity: 0.85;
-  }
-}
 .index_module_sectionLabel {
   font-size: 12px;
   color: var(--ant-color-text-tertiary);
@@ -1146,29 +1097,6 @@
 .index_module_compactSectionBlock .index_module_markdownContainer {
   font-size: 11px;
 }
-.index_module_subAgentContainer {
-  padding: 2px 0;
-}
-.index_module_subAgentHeader {
-  padding: 4px 0 8px;
-  border-bottom: 1px solid var(--ant-color-border-secondary);
-  margin-bottom: 8px;
-}
-.index_module_subAgentName {
-  font-size: 12px;
-  font-weight: 500;
-}
-.index_module_subAgentMessages {
-  max-height: 500px;
-  overflow-y: auto;
-}
-.index_module_subAgentMessages::-webkit-scrollbar {
-  width: 6px;
-}
-.index_module_subAgentMessages::-webkit-scrollbar-thumb {
-  background: var(--ant-color-border);
-  border-radius: 3px;
-}
 .index_module_todoList {
   background-color: rgba(255, 255, 255, 0.45);
 }
@@ -1201,11 +1129,496 @@
   font-size: 12px;
 }
 
+/* src/components/agentExecList.module.less */
+.agentExecList_module_wrap {
+  margin: 4px 0;
+}
+.agentExecList_module_wrap .ant-collapse-header {
+  padding: 6px 8px !important;
+  align-items: center !important;
+}
+.agentExecList_module_summary {
+  font-size: 13px;
+}
+.agentExecList_module_summary .agentExecList_module_summaryIcon {
+  display: inline-flex;
+  align-items: center;
+  margin-right: 2px;
+}
+.agentExecList_module_summary .agentExecList_module_count {
+  color: var(--ant-color-text, #262626);
+  font-weight: 500;
+}
+.agentExecList_module_summary .agentExecList_module_divider {
+  color: var(--ant-color-text-tertiary, #8c8c8c);
+  margin: 0 2px;
+}
+.agentExecList_module_list {
+  display: flex;
+  flex-direction: column;
+}
+.agentExecList_module_execRow {
+  padding: 0;
+  min-width: 0;
+  max-width: 100%;
+}
+.agentExecList_module_execRow .agentExecList_module_rowLine {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  cursor: default;
+  padding: 6px;
+  border-radius: 4px;
+  font-size: 13px;
+  line-height: 1.85;
+}
+.agentExecList_module_execRow .agentExecList_module_rowLine:hover {
+  background: rgba(0, 0, 0, 0.03);
+}
+.agentExecList_module_execRow .agentExecList_module_rowIcon {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  line-height: 1;
+}
+.agentExecList_module_execRow .agentExecList_module_rowLabel {
+  flex-shrink: 0;
+  font-weight: 500;
+  color: var(--ant-color-text-secondary, #595959);
+  white-space: nowrap;
+}
+.agentExecList_module_execRow .agentExecList_module_rowLabelError {
+  color: var(--ant-color-error, #ff4d4f);
+}
+.agentExecList_module_execRow .agentExecList_module_rowDetail {
+  flex: 1;
+  min-width: 0;
+  color: var(--ant-color-text-tertiary, #8c8c8c);
+  font-size: 13px;
+  line-height: 1.85;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.agentExecList_module_execRow .agentExecList_module_rowDetailExpandable {
+  cursor: pointer;
+}
+.agentExecList_module_execRow .agentExecList_module_rowDetailAction {
+  flex-shrink: 0;
+  font-size: 12px;
+  color: var(--ant-color-primary, #1677ff);
+  cursor: pointer;
+  white-space: nowrap;
+}
+.agentExecList_module_execRow .agentExecList_module_rowDetailAction:hover {
+  opacity: 0.85;
+}
+.agentExecList_module_execRow .agentExecList_module_rowBody {
+  margin: 2px 0 4px 26px;
+  padding-left: 8px;
+  border-left: 1px solid rgba(0, 0, 0, 0.08);
+  font-size: 13px;
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+.agentExecList_module_execRow .agentExecList_module_rowBody .x-markdown-light {
+  --heading-color: var(--ant-color-text, rgba(0, 0, 0, 0.88));
+  --text-color: var(--ant-color-text-secondary, rgba(0, 0, 0, 0.65));
+  color: var(--ant-color-text-secondary, rgba(0, 0, 0, 0.65));
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  max-width: 100%;
+}
+
+/* src/components/agentExecSequence.module.less */
+.agentExecSequence_module_seq {
+  width: 100%;
+  min-width: 0;
+}
+
+/* src/ui/layouts/components/execution-trace.module.less */
+.execution_trace_module_tracePanel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  min-width: 0;
+}
+.execution_trace_module_tracePanelHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--ant-color-border-secondary, #f0f0f0);
+  flex-shrink: 0;
+}
+.execution_trace_module_tracePanelHeader .execution_trace_module_tracePanelTitle {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--ant-color-text, #262626);
+}
+.execution_trace_module_tracePanelHeader .execution_trace_module_tracePanelCount {
+  font-size: 12px;
+  color: var(--ant-color-text-tertiary, #8c8c8c);
+}
+.execution_trace_module_traceBody {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+}
+.execution_trace_module_traceMain {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden auto;
+  padding-bottom: 12px;
+}
+.execution_trace_module_traceDetail {
+  width: 380px;
+  flex-shrink: 0;
+  border-left: 1px solid var(--ant-color-border-secondary, #f0f0f0);
+  overflow: hidden auto;
+}
+.execution_trace_module_traceDetail .execution_trace_module_traceDetailHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--ant-color-border-secondary, #f0f0f0);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background: var(--ant-color-bg-container, #fff);
+}
+.execution_trace_module_traceDetail .execution_trace_module_traceDetailHeader .execution_trace_module_traceDetailTitle {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--ant-color-text, #262626);
+  font-family:
+    Monaco,
+    Menlo,
+    Consolas,
+    monospace;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.execution_trace_module_traceDetail .execution_trace_module_traceDetailHeader .execution_trace_module_traceDetailTime {
+  font-size: 11px;
+  color: var(--ant-color-text-tertiary, #8c8c8c);
+  white-space: nowrap;
+}
+.execution_trace_module_detailEmpty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  min-height: 120px;
+}
+.execution_trace_module_executionSection {
+  border-bottom: 1px solid var(--ant-color-border-secondary, #f0f0f0);
+}
+.execution_trace_module_executionSection:last-child {
+  border-bottom: none;
+}
+.execution_trace_module_executionHeader {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px 12px;
+  padding: 10px 12px 6px;
+}
+.execution_trace_module_executionHeader .execution_trace_module_executionHeaderMain {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.execution_trace_module_executionHeader .execution_trace_module_executionHeaderTitle {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--ant-color-text, #262626);
+}
+.execution_trace_module_executionHeader .execution_trace_module_executionStatus {
+  font-size: 11px;
+  margin: 0;
+}
+.execution_trace_module_executionHeader .execution_trace_module_executionHeaderMeta {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 2px 10px;
+  font-size: 11px;
+  color: var(--ant-color-text-tertiary, #8c8c8c);
+}
+.execution_trace_module_executionHeader .execution_trace_module_executionMeta {
+  white-space: nowrap;
+}
+.execution_trace_module_userMessage {
+  margin: 6px 12px;
+  padding: 8px 12px;
+  border-radius: 6px;
+  background: var(--ant-color-success-bg, #f6ffed);
+  border: 1px solid var(--ant-color-success-border, #b7eb8f);
+  border-left: 3px solid var(--ant-color-success, #52c41a);
+}
+.execution_trace_module_userMessage .execution_trace_module_userMessageHeader {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  margin-bottom: 4px;
+}
+.execution_trace_module_userMessage .execution_trace_module_userMessageHeader .execution_trace_module_userMessageLabel {
+  font-weight: 600;
+  color: var(--ant-color-text-secondary, #595959);
+}
+.execution_trace_module_userMessage .execution_trace_module_userMessageHeader .ant-tag {
+  margin: 0;
+  font-size: 10px;
+  line-height: 16px;
+}
+.execution_trace_module_userMessage .execution_trace_module_userMessageContent {
+  font-size: 13px;
+  color: var(--ant-color-text, #262626);
+  max-width: 100%;
+  overflow-wrap: anywhere;
+}
+.execution_trace_module_turnList {
+  padding: 0 4px;
+}
+.execution_trace_module_turnSection {
+  margin-bottom: 2px;
+}
+.execution_trace_module_turnHeader {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 12px;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--ant-color-text, #262626);
+  background: var(--ant-color-fill-quaternary, #fafafa);
+}
+.execution_trace_module_turnHeader .execution_trace_module_turnHeaderDot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  background: var(--ant-color-primary, #1677ff);
+}
+.execution_trace_module_turnHeader .execution_trace_module_turnTitle {
+  flex-shrink: 0;
+}
+.execution_trace_module_turnHeader .execution_trace_module_turnMeta {
+  flex: 1;
+  text-align: right;
+  font-weight: 400;
+  font-size: 11px;
+  color: var(--ant-color-text-tertiary, #8c8c8c);
+}
+.execution_trace_module_turnHeaderMuted {
+  background: transparent;
+  color: var(--ant-color-text-tertiary, #8c8c8c);
+  font-weight: 500;
+}
+.execution_trace_module_turnHeaderMuted .execution_trace_module_turnHeaderDotMuted {
+  background: var(--ant-color-text-quaternary, #bfbfbf);
+}
+.execution_trace_module_eventRow {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 8px 6px 12px;
+  cursor: pointer;
+  font-size: 13px;
+  line-height: 1.85;
+  border-radius: 4px;
+}
+.execution_trace_module_eventRow:hover {
+  background: rgba(0, 0, 0, 0.03);
+}
+.execution_trace_module_eventRowSelected {
+  background: var(--ant-color-primary-bg, #e6f4ff);
+}
+.execution_trace_module_eventRowSelected:hover {
+  background: var(--ant-color-primary-bg, #e6f4ff);
+}
+.execution_trace_module_eventLane {
+  width: 3px;
+  align-self: stretch;
+  border-radius: 2px;
+  flex-shrink: 0;
+  min-height: 14px;
+}
+.execution_trace_module_lane_input {
+  background: #52c41a;
+}
+.execution_trace_module_lane_model {
+  background: #1677ff;
+}
+.execution_trace_module_lane_tools {
+  background: #722ed1;
+}
+.execution_trace_module_lane_system {
+  background: #fa8c16;
+}
+.execution_trace_module_eventIcon {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  line-height: 1;
+}
+.execution_trace_module_eventRole {
+  font-size: 10px;
+  line-height: 16px;
+  margin: 0;
+  flex-shrink: 0;
+}
+.execution_trace_module_eventType {
+  flex-shrink: 0;
+  font-family:
+    Monaco,
+    Menlo,
+    Consolas,
+    monospace;
+  font-size: 11px;
+  color: var(--ant-color-text-secondary, #595959);
+  white-space: nowrap;
+}
+.execution_trace_module_eventTypeError {
+  color: var(--ant-color-error, #ff4d4f);
+}
+.execution_trace_module_eventPreview {
+  flex: 1;
+  min-width: 0;
+  color: var(--ant-color-text-tertiary, #8c8c8c);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.execution_trace_module_eventTime {
+  flex-shrink: 0;
+  font-size: 11px;
+  color: var(--ant-color-text-quaternary, #bfbfbf);
+  white-space: nowrap;
+}
+.execution_trace_module_detailBody {
+  padding: 12px;
+  font-size: 13px;
+  overflow-wrap: anywhere;
+}
+.execution_trace_module_detailBody .x-markdown-light {
+  --heading-color: var(--ant-color-text, rgba(0, 0, 0, 0.88));
+  --text-color: var(--ant-color-text-secondary, rgba(0, 0, 0, 0.65));
+  color: var(--ant-color-text-secondary, rgba(0, 0, 0, 0.65));
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  max-width: 100%;
+}
+.execution_trace_module_detailSectionTitle {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--ant-color-text-secondary, #595959);
+  margin: 12px 0 6px;
+}
+.execution_trace_module_detailSectionTitle:first-child {
+  margin-top: 0;
+}
+.execution_trace_module_detailMeta {
+  font-size: 12px;
+  color: var(--ant-color-text-tertiary, #8c8c8c);
+  margin-bottom: 6px;
+}
+.execution_trace_module_toolCard {
+  border: 1px solid var(--ant-color-border-secondary, #f0f0f0);
+  border-radius: 6px;
+  padding: 6px 8px;
+  margin-bottom: 6px;
+  background: var(--ant-color-fill-quaternary, #fafafa);
+}
+.execution_trace_module_toolCard .execution_trace_module_toolCardName {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--ant-color-text, #262626);
+  margin-bottom: 2px;
+}
+.execution_trace_module_toolCard .execution_trace_module_toolCardDesc {
+  font-size: 12px;
+  color: var(--ant-color-text-tertiary, #8c8c8c);
+  line-height: 1.5;
+}
+.execution_trace_module_msgCard {
+  display: flex;
+  align-items: flex-start;
+  gap: 6px;
+  padding: 4px 0;
+  font-size: 12px;
+}
+.execution_trace_module_msgCard .execution_trace_module_msgTag {
+  font-size: 10px;
+  line-height: 16px;
+  margin: 0;
+  flex-shrink: 0;
+}
+.execution_trace_module_msgCard .execution_trace_module_msgContent {
+  flex: 1;
+  min-width: 0;
+  color: var(--ant-color-text-secondary, #595959);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+.execution_trace_module_jsonBlock {
+  background: var(--ant-color-fill-quaternary, #fafafa);
+  border-radius: 4px;
+  padding: 8px;
+  font-size: 12px;
+  font-family:
+    Monaco,
+    Menlo,
+    Consolas,
+    monospace;
+  overflow: auto auto;
+  max-height: 420px;
+}
+.execution_trace_module_empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: var(--ant-color-text-tertiary, #8c8c8c);
+  font-size: 13px;
+}
+
 /* src/ui/layouts/components/styles.module.less */
 .styles_module_bodyWidth {
   width: 100%;
   height: 100%;
 }
+.styles_module_execModeBar {
+  display: flex;
+  justify-content: flex-end;
+  width: calc(100% - 24px);
+  max-width: 1000px;
+  flex-shrink: 0;
+}
+.styles_module_mainTabs {
+  height: 100%;
+  min-width: 0;
+}
+.styles_module_mainTabs .ant-tabs-nav {
+  margin: 0;
+  padding: 6px 16px 0;
+}
+.styles_module_mainTabs .ant-tabs-content-holder,
+.mainTabs .ant-tabs-content,
+.mainTabs .ant-tabs-tabpane {
+  height: 100%;
+  overflow: auto;
+}
 .styles_module_inputContainer {
   max-width: 1000px;
   min-width: 320px;
@@ -1236,6 +1649,23 @@
 .styles_module_previewHeader .styles_module_actionIcon:hover {
   color: var(--ant-color-text);
 }
+.styles_module_subAgentHeader {
+  padding: 8px 16px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
+  flex-shrink: 0;
+}
+.styles_module_subAgentHeader .styles_module_subAgentTitle {
+  font-size: 15px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.styles_module_subAgentMessages {
+  min-width: 0;
+  width: 100%;
+  max-width: 100%;
+  overflow-x: hidden;
+}
 
 /* src/ui/layouts/index.module.less */
 .index_module_chatLayout {
@@ -1252,4 +1682,22 @@
 .index_module_hideSplitterBar .ant-splitter-bar {
   display: none !important;
 }
+.index_module_rightTabs {
+  height: 100%;
+}
+.index_module_rightTabs .ant-tabs-nav {
+  padding: 6px 16px 0;
+  margin-bottom: 0;
+}
+.index_module_rightTabs .ant-tabs-tab {
+  padding: 10px 4px;
+  margin: 0 20px 0 0;
+  font-size: 14px;
+}
+.index_module_rightTabs .ant-tabs-content-holder,
+.rightTabs .ant-tabs-content,
+.rightTabs .ant-tabs-tabpane {
+  height: 100%;
+  overflow: auto;
+}
 /*# sourceMappingURL=index.css.map */