diff --git a/static/src/App.vue b/static/src/App.vue index 8575a29..2e3cb93 100644 --- a/static/src/App.vue +++ b/static/src/App.vue @@ -116,11 +116,7 @@ :format-rate="formatRate" /> -
+
- {{ titleTypingText || currentConversationTitle }} + {{ + titleTypingText || currentConversationTitle + }} -
+
模型
@@ -204,7 +205,7 @@ :format-search-time="formatSearchTime" :format-search-domains="formatSearchDomains" /> - +
@@ -227,7 +228,13 @@ -
-
+
- + - +
- @@ -421,7 +448,12 @@ aria-label="工作文件" @click="openMobileOverlay('workspace')" > - +
工作文件
@@ -537,7 +584,13 @@ @click.self="closeMobileOverlay" >
- diff --git a/static/src/components/chat/loaders/DotSpinnerSquaresLoader.vue b/static/src/components/chat/loaders/DotSpinnerSquaresLoader.vue index 817169f..12a8d3a 100644 --- a/static/src/components/chat/loaders/DotSpinnerSquaresLoader.vue +++ b/static/src/components/chat/loaders/DotSpinnerSquaresLoader.vue @@ -18,7 +18,7 @@ diff --git a/static/src/components/chat/loaders/DualChaseLoader.vue b/static/src/components/chat/loaders/DualChaseLoader.vue index f2bb5fa..3a65a76 100644 --- a/static/src/components/chat/loaders/DualChaseLoader.vue +++ b/static/src/components/chat/loaders/DualChaseLoader.vue @@ -18,7 +18,7 @@ .dual-chase-loader::before { box-sizing: border-box; position: absolute; - content: ""; + content: ''; width: var(--size); height: var(--size); top: 50%; @@ -34,7 +34,8 @@ } @keyframes chase-down { - 0%, 100% { + 0%, + 100% { transform: none; } @@ -52,7 +53,8 @@ } @keyframes chase-up { - 0%, 100% { + 0%, + 100% { transform: none; } diff --git a/static/src/components/chat/loaders/FiveSquaresLoader.vue b/static/src/components/chat/loaders/FiveSquaresLoader.vue index ee202d8..7cbce6c 100644 --- a/static/src/components/chat/loaders/FiveSquaresLoader.vue +++ b/static/src/components/chat/loaders/FiveSquaresLoader.vue @@ -60,48 +60,142 @@ } @keyframes square1 { - 0% { left: 0; top: 0; } - 8.33% { left: 0; top: var(--offset); } - 100% { left: 0; top: var(--offset); } + 0% { + left: 0; + top: 0; + } + 8.33% { + left: 0; + top: var(--offset); + } + 100% { + left: 0; + top: var(--offset); + } } @keyframes square2 { - 0% { left: 0; top: var(--offset); } - 8.33% { left: 0; top: calc(2 * var(--offset)); } - 16.67% { left: var(--offset); top: calc(2 * var(--offset)); } - 25% { left: var(--offset); top: var(--offset); } - 83.33% { left: var(--offset); top: var(--offset); } - 91.67% { left: var(--offset); top: 0; } - 100% { left: 0; top: 0; } + 0% { + left: 0; + top: var(--offset); + } + 8.33% { + left: 0; + top: calc(2 * var(--offset)); + } + 16.67% { + left: var(--offset); + top: calc(2 * var(--offset)); + } + 25% { + left: var(--offset); + top: var(--offset); + } + 83.33% { + left: var(--offset); + top: var(--offset); + } + 91.67% { + left: var(--offset); + top: 0; + } + 100% { + left: 0; + top: 0; + } } @keyframes square3 { - 0%, 100% { left: var(--offset); top: var(--offset); } - 16.67% { left: var(--offset); top: var(--offset); } - 25% { left: var(--offset); top: 0; } - 33.33% { left: calc(2 * var(--offset)); top: 0; } - 41.67% { left: calc(2 * var(--offset)); top: var(--offset); } - 66.67% { left: calc(2 * var(--offset)); top: var(--offset); } - 75% { left: calc(2 * var(--offset)); top: calc(2 * var(--offset)); } - 83.33% { left: var(--offset); top: calc(2 * var(--offset)); } - 91.67% { left: var(--offset); top: var(--offset); } + 0%, + 100% { + left: var(--offset); + top: var(--offset); + } + 16.67% { + left: var(--offset); + top: var(--offset); + } + 25% { + left: var(--offset); + top: 0; + } + 33.33% { + left: calc(2 * var(--offset)); + top: 0; + } + 41.67% { + left: calc(2 * var(--offset)); + top: var(--offset); + } + 66.67% { + left: calc(2 * var(--offset)); + top: var(--offset); + } + 75% { + left: calc(2 * var(--offset)); + top: calc(2 * var(--offset)); + } + 83.33% { + left: var(--offset); + top: calc(2 * var(--offset)); + } + 91.67% { + left: var(--offset); + top: var(--offset); + } } @keyframes square4 { - 0% { left: calc(2 * var(--offset)); top: var(--offset); } - 33.33% { left: calc(2 * var(--offset)); top: var(--offset); } - 41.67% { left: calc(2 * var(--offset)); top: calc(2 * var(--offset)); } - 50% { left: calc(3 * var(--offset)); top: calc(2 * var(--offset)); } - 58.33% { left: calc(3 * var(--offset)); top: var(--offset); } - 100% { left: calc(3 * var(--offset)); top: var(--offset); } + 0% { + left: calc(2 * var(--offset)); + top: var(--offset); + } + 33.33% { + left: calc(2 * var(--offset)); + top: var(--offset); + } + 41.67% { + left: calc(2 * var(--offset)); + top: calc(2 * var(--offset)); + } + 50% { + left: calc(3 * var(--offset)); + top: calc(2 * var(--offset)); + } + 58.33% { + left: calc(3 * var(--offset)); + top: var(--offset); + } + 100% { + left: calc(3 * var(--offset)); + top: var(--offset); + } } @keyframes square5 { - 0% { left: calc(3 * var(--offset)); top: var(--offset); } - 50% { left: calc(3 * var(--offset)); top: var(--offset); } - 58.33% { left: calc(3 * var(--offset)); top: 0; } - 66.67% { left: calc(2 * var(--offset)); top: 0; } - 75% { left: calc(2 * var(--offset)); top: var(--offset); } - 100% { left: calc(2 * var(--offset)); top: var(--offset); } + 0% { + left: calc(3 * var(--offset)); + top: var(--offset); + } + 50% { + left: calc(3 * var(--offset)); + top: var(--offset); + } + 58.33% { + left: calc(3 * var(--offset)); + top: 0; + } + 66.67% { + left: calc(2 * var(--offset)); + top: 0; + } + 75% { + left: calc(2 * var(--offset)); + top: var(--offset); + } + 100% { + left: calc(2 * var(--offset)); + top: var(--offset); + } } diff --git a/static/src/components/chat/loaders/FollowTrackSquaresLoader.vue b/static/src/components/chat/loaders/FollowTrackSquaresLoader.vue index e5a867a..a4a5d94 100644 --- a/static/src/components/chat/loaders/FollowTrackSquaresLoader.vue +++ b/static/src/components/chat/loaders/FollowTrackSquaresLoader.vue @@ -29,14 +29,34 @@ animation: follow-track 1.25s infinite; } -.sq:nth-child(1) { top: 0; animation-delay: 0.15s; } -.sq:nth-child(2) { top: 5px; animation-delay: 0.3s; } -.sq:nth-child(3) { top: 10px; animation-delay: 0.45s; } -.sq:nth-child(4) { top: 15px; animation-delay: 0.6s; } -.sq:nth-child(5) { top: 20px; animation-delay: 0.75s; } +.sq:nth-child(1) { + top: 0; + animation-delay: 0.15s; +} +.sq:nth-child(2) { + top: 5px; + animation-delay: 0.3s; +} +.sq:nth-child(3) { + top: 10px; + animation-delay: 0.45s; +} +.sq:nth-child(4) { + top: 15px; + animation-delay: 0.6s; +} +.sq:nth-child(5) { + top: 20px; + animation-delay: 0.75s; +} @keyframes follow-track { - 0% { transform: rotate(0deg) translateY(-4px); } - 60%, 100% { transform: rotate(360deg) translateY(-4px); } + 0% { + transform: rotate(0deg) translateY(-4px); + } + 60%, + 100% { + transform: rotate(360deg) translateY(-4px); + } } diff --git a/static/src/components/chat/loaders/FourCornerCycleSquaresLoader.vue b/static/src/components/chat/loaders/FourCornerCycleSquaresLoader.vue index 74329e8..3ba4d02 100644 --- a/static/src/components/chat/loaders/FourCornerCycleSquaresLoader.vue +++ b/static/src/components/chat/loaders/FourCornerCycleSquaresLoader.vue @@ -30,15 +30,32 @@ animation: corner-cycle 1.8s ease-in-out infinite; } -.sq:nth-child(1) { animation-delay: -0.45s; } -.sq:nth-child(2) { animation-delay: -0.9s; } -.sq:nth-child(3) { animation-delay: -1.35s; } -.sq:nth-child(4) { animation-delay: -1.8s; } +.sq:nth-child(1) { + animation-delay: -0.45s; +} +.sq:nth-child(2) { + animation-delay: -0.9s; +} +.sq:nth-child(3) { + animation-delay: -1.35s; +} +.sq:nth-child(4) { + animation-delay: -1.8s; +} @keyframes corner-cycle { - 0%, 100% { transform: translate(-6px, -6px); } - 25% { transform: translate(6px, -6px); } - 50% { transform: translate(6px, 6px); } - 75% { transform: translate(-6px, 6px); } + 0%, + 100% { + transform: translate(-6px, -6px); + } + 25% { + transform: translate(6px, -6px); + } + 50% { + transform: translate(6px, 6px); + } + 75% { + transform: translate(-6px, 6px); + } } diff --git a/static/src/components/chat/loaders/JumpingSequenceSquaresLoader.vue b/static/src/components/chat/loaders/JumpingSequenceSquaresLoader.vue index 0d048c0..8175096 100644 --- a/static/src/components/chat/loaders/JumpingSequenceSquaresLoader.vue +++ b/static/src/components/chat/loaders/JumpingSequenceSquaresLoader.vue @@ -26,13 +26,26 @@ animation: jump 2s ease infinite; } -.sq:nth-child(2n) { animation-delay: 300ms; } -.sq:nth-child(3n) { animation-delay: 600ms; } +.sq:nth-child(2n) { + animation-delay: 300ms; +} +.sq:nth-child(3n) { + animation-delay: 600ms; +} @keyframes jump { - 0%, 100% { transform: translateY(0); } - 25% { transform: translateY(-10px) scale(0.66); } - 50% { transform: translateY(0); } - 75% { transform: translateY(3px) scale(0.9); } + 0%, + 100% { + transform: translateY(0); + } + 25% { + transform: translateY(-10px) scale(0.66); + } + 50% { + transform: translateY(0); + } + 75% { + transform: translateY(3px) scale(0.9); + } } diff --git a/static/src/components/chat/loaders/LeapFrogSquaresLoader.vue b/static/src/components/chat/loaders/LeapFrogSquaresLoader.vue index 24187d0..5c46592 100644 --- a/static/src/components/chat/loaders/LeapFrogSquaresLoader.vue +++ b/static/src/components/chat/loaders/LeapFrogSquaresLoader.vue @@ -35,7 +35,7 @@ } .dot::before { - content: ""; + content: ''; width: 3px; height: 3px; background: var(--claude-text-tertiary); @@ -52,10 +52,20 @@ } @keyframes leap { - 0% { transform: translateX(0) rotate(0deg); } - 33.333% { transform: translateX(0) rotate(180deg); } - 66.666% { transform: translateX(calc(var(--size) * -0.4)) rotate(180deg); } - 99.999% { transform: translateX(calc(var(--size) * -0.8)) rotate(180deg); } - 100% { transform: translateX(0) rotate(0deg); } + 0% { + transform: translateX(0) rotate(0deg); + } + 33.333% { + transform: translateX(0) rotate(180deg); + } + 66.666% { + transform: translateX(calc(var(--size) * -0.4)) rotate(180deg); + } + 99.999% { + transform: translateX(calc(var(--size) * -0.8)) rotate(180deg); + } + 100% { + transform: translateX(0) rotate(0deg); + } } diff --git a/static/src/components/chat/loaders/NewtonCradleSquaresLoader.vue b/static/src/components/chat/loaders/NewtonCradleSquaresLoader.vue index d3e3efc..4a6cdb8 100644 --- a/static/src/components/chat/loaders/NewtonCradleSquaresLoader.vue +++ b/static/src/components/chat/loaders/NewtonCradleSquaresLoader.vue @@ -31,7 +31,7 @@ } .dot::after { - content: ""; + content: ''; position: absolute; top: 75%; width: 3px; @@ -48,14 +48,32 @@ } @keyframes swing { - 0% { transform: rotate(0deg); animation-timing-function: ease-out; } - 25% { transform: rotate(70deg); animation-timing-function: ease-in; } - 50% { transform: rotate(0deg); animation-timing-function: linear; } + 0% { + transform: rotate(0deg); + animation-timing-function: ease-out; + } + 25% { + transform: rotate(70deg); + animation-timing-function: ease-in; + } + 50% { + transform: rotate(0deg); + animation-timing-function: linear; + } } @keyframes swing2 { - 0% { transform: rotate(0deg); animation-timing-function: linear; } - 50% { transform: rotate(0deg); animation-timing-function: ease-out; } - 75% { transform: rotate(-70deg); animation-timing-function: ease-in; } + 0% { + transform: rotate(0deg); + animation-timing-function: linear; + } + 50% { + transform: rotate(0deg); + animation-timing-function: ease-out; + } + 75% { + transform: rotate(-70deg); + animation-timing-function: ease-in; + } } diff --git a/static/src/components/chat/loaders/NineGridLoader.vue b/static/src/components/chat/loaders/NineGridLoader.vue index 81294c2..0e12476 100644 --- a/static/src/components/chat/loaders/NineGridLoader.vue +++ b/static/src/components/chat/loaders/NineGridLoader.vue @@ -32,7 +32,7 @@ } .box:before { - content: ""; + content: ''; position: absolute; left: 0; top: 0; @@ -59,139 +59,355 @@ margin-bottom: 0; } -.box:nth-child(1) { animation: moveBox-1 4s infinite; } -.box:nth-child(2) { animation: moveBox-2 4s infinite; } -.box:nth-child(3) { animation: moveBox-3 4s infinite; } -.box:nth-child(4) { animation: moveBox-4 4s infinite; } -.box:nth-child(5) { animation: moveBox-5 4s infinite; } -.box:nth-child(6) { animation: moveBox-6 4s infinite; } -.box:nth-child(7) { animation: moveBox-7 4s infinite; } -.box:nth-child(8) { animation: moveBox-8 4s infinite; } -.box:nth-child(9) { animation: moveBox-9 4s infinite; } +.box:nth-child(1) { + animation: moveBox-1 4s infinite; +} +.box:nth-child(2) { + animation: moveBox-2 4s infinite; +} +.box:nth-child(3) { + animation: moveBox-3 4s infinite; +} +.box:nth-child(4) { + animation: moveBox-4 4s infinite; +} +.box:nth-child(5) { + animation: moveBox-5 4s infinite; +} +.box:nth-child(6) { + animation: moveBox-6 4s infinite; +} +.box:nth-child(7) { + animation: moveBox-7 4s infinite; +} +.box:nth-child(8) { + animation: moveBox-8 4s infinite; +} +.box:nth-child(9) { + animation: moveBox-9 4s infinite; +} @keyframes moveBox-1 { - 9% { transform: translate(-7px, 0); } - 18% { transform: translate(0, 0); } - 27% { transform: translate(0, 0); } - 36% { transform: translate(7px, 0); } - 45% { transform: translate(7px, 7px); } - 54% { transform: translate(7px, 7px); } - 63% { transform: translate(7px, 7px); } - 72% { transform: translate(7px, 0); } - 81% { transform: translate(0, 0); } - 90% { transform: translate(-7px, 0); } - 100% { transform: translate(0, 0); } + 9% { + transform: translate(-7px, 0); + } + 18% { + transform: translate(0, 0); + } + 27% { + transform: translate(0, 0); + } + 36% { + transform: translate(7px, 0); + } + 45% { + transform: translate(7px, 7px); + } + 54% { + transform: translate(7px, 7px); + } + 63% { + transform: translate(7px, 7px); + } + 72% { + transform: translate(7px, 0); + } + 81% { + transform: translate(0, 0); + } + 90% { + transform: translate(-7px, 0); + } + 100% { + transform: translate(0, 0); + } } @keyframes moveBox-2 { - 9% { transform: translate(0, 0); } - 18% { transform: translate(7px, 0); } - 27% { transform: translate(0, 0); } - 36% { transform: translate(7px, 0); } - 45% { transform: translate(7px, 7px); } - 54% { transform: translate(7px, 7px); } - 63% { transform: translate(7px, 7px); } - 72% { transform: translate(7px, 7px); } - 81% { transform: translate(0, 7px); } - 90% { transform: translate(0, 7px); } - 100% { transform: translate(0, 0); } + 9% { + transform: translate(0, 0); + } + 18% { + transform: translate(7px, 0); + } + 27% { + transform: translate(0, 0); + } + 36% { + transform: translate(7px, 0); + } + 45% { + transform: translate(7px, 7px); + } + 54% { + transform: translate(7px, 7px); + } + 63% { + transform: translate(7px, 7px); + } + 72% { + transform: translate(7px, 7px); + } + 81% { + transform: translate(0, 7px); + } + 90% { + transform: translate(0, 7px); + } + 100% { + transform: translate(0, 0); + } } @keyframes moveBox-3 { - 9% { transform: translate(-7px, 0); } - 18% { transform: translate(-7px, 0); } - 27% { transform: translate(0, 0); } - 36% { transform: translate(-7px, 0); } - 45% { transform: translate(-7px, 0); } - 54% { transform: translate(-7px, 0); } - 63% { transform: translate(-7px, 0); } - 72% { transform: translate(-7px, 0); } - 81% { transform: translate(-7px, -7px); } - 90% { transform: translate(0, -7px); } - 100% { transform: translate(0, 0); } + 9% { + transform: translate(-7px, 0); + } + 18% { + transform: translate(-7px, 0); + } + 27% { + transform: translate(0, 0); + } + 36% { + transform: translate(-7px, 0); + } + 45% { + transform: translate(-7px, 0); + } + 54% { + transform: translate(-7px, 0); + } + 63% { + transform: translate(-7px, 0); + } + 72% { + transform: translate(-7px, 0); + } + 81% { + transform: translate(-7px, -7px); + } + 90% { + transform: translate(0, -7px); + } + 100% { + transform: translate(0, 0); + } } @keyframes moveBox-4 { - 9% { transform: translate(-7px, 0); } - 18% { transform: translate(-7px, 0); } - 27% { transform: translate(-7px, -7px); } - 36% { transform: translate(0, -7px); } - 45% { transform: translate(0, 0); } - 54% { transform: translate(0, -7px); } - 63% { transform: translate(0, -7px); } - 72% { transform: translate(0, -7px); } - 81% { transform: translate(-7px, -7px); } - 90% { transform: translate(-7px, 0); } - 100% { transform: translate(0, 0); } + 9% { + transform: translate(-7px, 0); + } + 18% { + transform: translate(-7px, 0); + } + 27% { + transform: translate(-7px, -7px); + } + 36% { + transform: translate(0, -7px); + } + 45% { + transform: translate(0, 0); + } + 54% { + transform: translate(0, -7px); + } + 63% { + transform: translate(0, -7px); + } + 72% { + transform: translate(0, -7px); + } + 81% { + transform: translate(-7px, -7px); + } + 90% { + transform: translate(-7px, 0); + } + 100% { + transform: translate(0, 0); + } } @keyframes moveBox-5 { - 9% { transform: translate(0, 0); } - 18% { transform: translate(0, 0); } - 27% { transform: translate(0, 0); } - 36% { transform: translate(7px, 0); } - 45% { transform: translate(7px, 0); } - 54% { transform: translate(7px, 0); } - 63% { transform: translate(7px, 0); } - 72% { transform: translate(7px, 0); } - 81% { transform: translate(7px, -7px); } - 90% { transform: translate(0, -7px); } - 100% { transform: translate(0, 0); } + 9% { + transform: translate(0, 0); + } + 18% { + transform: translate(0, 0); + } + 27% { + transform: translate(0, 0); + } + 36% { + transform: translate(7px, 0); + } + 45% { + transform: translate(7px, 0); + } + 54% { + transform: translate(7px, 0); + } + 63% { + transform: translate(7px, 0); + } + 72% { + transform: translate(7px, 0); + } + 81% { + transform: translate(7px, -7px); + } + 90% { + transform: translate(0, -7px); + } + 100% { + transform: translate(0, 0); + } } @keyframes moveBox-6 { - 9% { transform: translate(0, 0); } - 18% { transform: translate(-7px, 0); } - 27% { transform: translate(-7px, 0); } - 36% { transform: translate(0, 0); } - 45% { transform: translate(0, 0); } - 54% { transform: translate(0, 0); } - 63% { transform: translate(0, 0); } - 72% { transform: translate(0, 7px); } - 81% { transform: translate(-7px, 7px); } - 90% { transform: translate(-7px, 0); } - 100% { transform: translate(0, 0); } + 9% { + transform: translate(0, 0); + } + 18% { + transform: translate(-7px, 0); + } + 27% { + transform: translate(-7px, 0); + } + 36% { + transform: translate(0, 0); + } + 45% { + transform: translate(0, 0); + } + 54% { + transform: translate(0, 0); + } + 63% { + transform: translate(0, 0); + } + 72% { + transform: translate(0, 7px); + } + 81% { + transform: translate(-7px, 7px); + } + 90% { + transform: translate(-7px, 0); + } + 100% { + transform: translate(0, 0); + } } @keyframes moveBox-7 { - 9% { transform: translate(7px, 0); } - 18% { transform: translate(7px, 0); } - 27% { transform: translate(7px, 0); } - 36% { transform: translate(0, 0); } - 45% { transform: translate(0, -7px); } - 54% { transform: translate(7px, -7px); } - 63% { transform: translate(0, -7px); } - 72% { transform: translate(0, -7px); } - 81% { transform: translate(0, 0); } - 90% { transform: translate(7px, 0); } - 100% { transform: translate(0, 0); } + 9% { + transform: translate(7px, 0); + } + 18% { + transform: translate(7px, 0); + } + 27% { + transform: translate(7px, 0); + } + 36% { + transform: translate(0, 0); + } + 45% { + transform: translate(0, -7px); + } + 54% { + transform: translate(7px, -7px); + } + 63% { + transform: translate(0, -7px); + } + 72% { + transform: translate(0, -7px); + } + 81% { + transform: translate(0, 0); + } + 90% { + transform: translate(7px, 0); + } + 100% { + transform: translate(0, 0); + } } @keyframes moveBox-8 { - 9% { transform: translate(0, 0); } - 18% { transform: translate(-7px, 0); } - 27% { transform: translate(-7px, -7px); } - 36% { transform: translate(0, -7px); } - 45% { transform: translate(0, -7px); } - 54% { transform: translate(0, -7px); } - 63% { transform: translate(0, -7px); } - 72% { transform: translate(0, -7px); } - 81% { transform: translate(7px, -7px); } - 90% { transform: translate(7px, 0); } - 100% { transform: translate(0, 0); } + 9% { + transform: translate(0, 0); + } + 18% { + transform: translate(-7px, 0); + } + 27% { + transform: translate(-7px, -7px); + } + 36% { + transform: translate(0, -7px); + } + 45% { + transform: translate(0, -7px); + } + 54% { + transform: translate(0, -7px); + } + 63% { + transform: translate(0, -7px); + } + 72% { + transform: translate(0, -7px); + } + 81% { + transform: translate(7px, -7px); + } + 90% { + transform: translate(7px, 0); + } + 100% { + transform: translate(0, 0); + } } @keyframes moveBox-9 { - 9% { transform: translate(-7px, 0); } - 18% { transform: translate(-7px, 0); } - 27% { transform: translate(0, 0); } - 36% { transform: translate(-7px, 0); } - 45% { transform: translate(0, 0); } - 54% { transform: translate(0, 0); } - 63% { transform: translate(-7px, 0); } - 72% { transform: translate(-7px, 0); } - 81% { transform: translate(-14px, 0); } - 90% { transform: translate(-7px, 0); } - 100% { transform: translate(0, 0); } + 9% { + transform: translate(-7px, 0); + } + 18% { + transform: translate(-7px, 0); + } + 27% { + transform: translate(0, 0); + } + 36% { + transform: translate(-7px, 0); + } + 45% { + transform: translate(0, 0); + } + 54% { + transform: translate(0, 0); + } + 63% { + transform: translate(-7px, 0); + } + 72% { + transform: translate(-7px, 0); + } + 81% { + transform: translate(-14px, 0); + } + 90% { + transform: translate(-7px, 0); + } + 100% { + transform: translate(0, 0); + } } diff --git a/static/src/components/chat/loaders/OrbitBlurSquaresLoader.vue b/static/src/components/chat/loaders/OrbitBlurSquaresLoader.vue index 5c30a70..9fc4d82 100644 --- a/static/src/components/chat/loaders/OrbitBlurSquaresLoader.vue +++ b/static/src/components/chat/loaders/OrbitBlurSquaresLoader.vue @@ -32,7 +32,7 @@ } .orbe::after { - content: ""; + content: ''; position: absolute; top: 0; left: 0; @@ -43,8 +43,13 @@ } @keyframes orbit { - 0% {} - 80% { transform: rotate(360deg); } - 100% { transform: rotate(360deg); } + 0% { + } + 80% { + transform: rotate(360deg); + } + 100% { + transform: rotate(360deg); + } } diff --git a/static/src/components/chat/loaders/RotatingSquaresLoader.vue b/static/src/components/chat/loaders/RotatingSquaresLoader.vue index 20fa266..47fd028 100644 --- a/static/src/components/chat/loaders/RotatingSquaresLoader.vue +++ b/static/src/components/chat/loaders/RotatingSquaresLoader.vue @@ -16,23 +16,74 @@ diff --git a/static/src/components/chat/loaders/WaveMatrixSquaresLoader.vue b/static/src/components/chat/loaders/WaveMatrixSquaresLoader.vue index 8794d19..6977b4a 100644 --- a/static/src/components/chat/loaders/WaveMatrixSquaresLoader.vue +++ b/static/src/components/chat/loaders/WaveMatrixSquaresLoader.vue @@ -29,13 +29,26 @@ animation: wave var(--speed) ease-in-out infinite; } -.sq:nth-child(1) { animation-delay: calc(var(--speed) * -0.45); } -.sq:nth-child(2) { animation-delay: calc(var(--speed) * -0.3); } -.sq:nth-child(3) { animation-delay: calc(var(--speed) * -0.15); } -.sq:nth-child(4) { animation-delay: 0s; } +.sq:nth-child(1) { + animation-delay: calc(var(--speed) * -0.45); +} +.sq:nth-child(2) { + animation-delay: calc(var(--speed) * -0.3); +} +.sq:nth-child(3) { + animation-delay: calc(var(--speed) * -0.15); +} +.sq:nth-child(4) { + animation-delay: 0s; +} @keyframes wave { - 0%, 100% { transform: translateY(0); } - 50% { transform: translateY(-8px); } + 0%, + 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-8px); + } } diff --git a/static/src/components/chat/monitor/MonitorDirector.ts b/static/src/components/chat/monitor/MonitorDirector.ts index 92ab789..177b3b6 100644 --- a/static/src/components/chat/monitor/MonitorDirector.ts +++ b/static/src/components/chat/monitor/MonitorDirector.ts @@ -6,12 +6,6 @@ type SceneHandler = (payload: Record, runtime: MonitorSceneRuntime) type ContextMenuType = 'desktop' | 'folder' | 'file' | 'browser' | 'terminal' | 'focus'; type TerminalMenuAction = 'snapshot' | 'reset' | 'close'; -type DesktopIcon = { - id: string; - label: string; - icon: string; -}; - interface MonitorAssets { brainIcon: string; folderIcon: string; @@ -193,10 +187,9 @@ type TerminalLine = { role: 'prompt' | 'output' | 'note'; }; -const DEFAULT_TERMINAL_NAME = '终端1'; const TERMINAL_NAME_PREFIX = '终端'; -const sleep = (ms: number) => new Promise(resolve => setTimeout(resolve, ms)); +const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms)); export class MonitorDirector implements MonitorDriver { private elements: MonitorElements; @@ -237,7 +230,12 @@ export class MonitorDirector implements MonitorDriver { private manualInteractionEnabled = false; private manualListenersAttached = false; private manualPositions = new Map(); - private manualDragState: { pointerId: number; target: HTMLElement; offsetX: number; offsetY: number } | null = null; + private manualDragState: { + pointerId: number; + target: HTMLElement; + offsetX: number; + offsetY: number; + } | null = null; private editorScene = { lines: [] as string[], placeholder: false @@ -304,7 +302,8 @@ export class MonitorDirector implements MonitorDriver { this.bindTerminalInteractions(); this.populateDesktop(); this.setupScreenObserver(); - this.extractionAnchor = this.windowAnchors.get(this.elements.extractionWindow) || this.extractionAnchor; + this.extractionAnchor = + this.windowAnchors.get(this.elements.extractionWindow) || this.extractionAnchor; this.prepareExtractionTemplate(); this.layoutFloatingWindows(); // 标记当前构建，便于用户确认是否加载了最新前端代码 @@ -321,7 +320,7 @@ export class MonitorDirector implements MonitorDriver { destroy() { this.setManualInteractionEnabled(false); - this.destroyFns.forEach(fn => fn()); + this.destroyFns.forEach((fn) => fn()); this.destroyFns = []; this.stopBubbleTimers(); } @@ -344,7 +343,7 @@ export class MonitorDirector implements MonitorDriver { this.activeFolder = null; this.refreshFolderIconStates(); } else { - this.windowOrder = this.windowOrder.filter(win => win && win.classList.contains('visible')); + this.windowOrder = this.windowOrder.filter((win) => win && win.classList.contains('visible')); } this.hideContextMenus(); if (!options?.preserveBubble) { @@ -408,7 +407,7 @@ export class MonitorDirector implements MonitorDriver { preserved.set(key, entries); } }); - this.desktopRoots.forEach(root => { + this.desktopRoots.forEach((root) => { if (!preserved.has(root)) { preserved.set(root, []); } @@ -419,7 +418,7 @@ export class MonitorDirector implements MonitorDriver { this.pendingDesktopFolders.clear(); } else { const previousSet = new Set(previousRoots); - this.desktopRoots.forEach(folder => { + this.desktopRoots.forEach((folder) => { if (!previousSet.has(folder)) { const existing = this.folderIcons.get(folder); if (existing && !existing.classList.contains('pending-reveal')) { @@ -428,7 +427,7 @@ export class MonitorDirector implements MonitorDriver { this.pendingDesktopFolders.add(folder); } }); - Array.from(this.pendingDesktopFolders).forEach(folder => { + Array.from(this.pendingDesktopFolders).forEach((folder) => { if (!this.desktopRoots.includes(folder)) { this.pendingDesktopFolders.delete(folder); } @@ -527,7 +526,11 @@ export class MonitorDirector implements MonitorDriver { this.startProgressBubble(progressLabel); } - async playScene(name: string, payload: Record, runtime: MonitorSceneRuntime): Promise { + async playScene( + name: string, + payload: Record, + runtime: MonitorSceneRuntime + ): Promise { const handler = this.sceneHandlers[name] || this.sceneHandlers.genericTool; const progressLabel = getSceneProgressLabel(name); const hasPreviewForScene = !!this.progressBubbleBase && this.progressSceneName === name; @@ -617,7 +620,9 @@ export class MonitorDirector implements MonitorDriver { const waitKey = payload?.executionId ?? payload?.id ?? payload?.arguments?.id ?? null; try { const preResult = await innerWait(waitKey); - const preResultStatus = String(preResult?.status || preResult?.result?.status || '').toLowerCase(); + const preResultStatus = String( + preResult?.status || preResult?.result?.status || '' + ).toLowerCase(); const preResultFailed = ['failed', 'error'].includes(preResultStatus) || preResult?.success === false || @@ -848,7 +853,10 @@ export class MonitorDirector implements MonitorDriver { this.progressBubbleTimer = null; } const bubble = this.elements.speechBubble; - const shouldHideBubble = this.progressBubbleActive && !options?.preserveBubble && bubble.classList.contains('progress'); + const shouldHideBubble = + this.progressBubbleActive && + !options?.preserveBubble && + bubble.classList.contains('progress'); this.progressBubbleBase = null; this.progressSceneName = null; this.progressBubbleActive = false; @@ -900,7 +908,7 @@ export class MonitorDirector implements MonitorDriver { return raw .replace(/\\/g, '/') .split('/') - .map(segment => segment.trim()) + .map((segment) => segment.trim()) .filter(Boolean); } @@ -996,7 +1004,9 @@ export class MonitorDirector implements MonitorDriver { return; } this.desktopRenderLocked = false; - monitorLifecycleDebug('desktopRender:unlock', { pending: this.pendingDesktopRoots?.length || 0 }); + monitorLifecycleDebug('desktopRender:unlock', { + pending: this.pendingDesktopRoots?.length || 0 + }); if (this.pendingDesktopRoots) { const pending = this.pendingDesktopRoots; this.pendingDesktopRoots = null; @@ -1016,7 +1026,7 @@ export class MonitorDirector implements MonitorDriver { private refreshFolderIconStates() { // 需求简化：不区分开关状态，统一使用同一图标 this.folderIcons.forEach((_icon, name) => { - this.setFolderIconState(name, false); + this.setFolderIconState(name); }); } @@ -1051,7 +1061,7 @@ export class MonitorDirector implements MonitorDriver { this.ensureFolderKey(folderKey); const entries = this.folderEntries.get(folderKey) || []; this.elements.folderBody.innerHTML = ''; - entries.forEach(entry => { + entries.forEach((entry) => { const icon = document.createElement('div'); icon.className = 'folder-entry'; icon.dataset.entryName = entry.name; @@ -1083,14 +1093,18 @@ export class MonitorDirector implements MonitorDriver { }); } - private upsertFolderEntry(folderKey: string, entry: { name: string; type: 'folder' | 'file' }, options: { animate?: boolean } = {}) { + private upsertFolderEntry( + folderKey: string, + entry: { name: string; type: 'folder' | 'file' }, + options: { animate?: boolean } = {} + ) { if (!folderKey) { return; } this.ensureFolderKey(folderKey); const path = this.composePath([folderKey, entry.name].filter(Boolean)); const list = this.folderEntries.get(folderKey) || []; - const idx = list.findIndex(item => item.name === entry.name && item.type === entry.type); + const idx = list.findIndex((item) => item.name === entry.name && item.type === entry.type); if (idx >= 0) { list[idx] = { ...entry, path }; } else { @@ -1106,7 +1120,7 @@ export class MonitorDirector implements MonitorDriver { if (!entryPath) { return null; } - return this.elements.folderBody.querySelector(`[data-entry-path=\"${entryPath}\"]`); + return this.elements.folderBody.querySelector(`[data-entry-path="${entryPath}"]`); } private async doubleClickDesktopFolder(folderName: string) { @@ -1239,7 +1253,7 @@ export class MonitorDirector implements MonitorDriver { private populateDesktop() { this.appIcons.clear(); this.elements.appsGrid.innerHTML = ''; - DESKTOP_APPS.forEach(app => { + DESKTOP_APPS.forEach((app) => { const div = document.createElement('div'); div.className = 'desktop-icon app'; div.dataset.appId = app.id; @@ -1262,7 +1276,7 @@ export class MonitorDirector implements MonitorDriver { return; } const desiredRoots = this.desktopRoots.filter( - folder => !this.pendingDesktopFolders.has(folder) && !this.isCreationPending(folder) + (folder) => !this.pendingDesktopFolders.has(folder) && !this.isCreationPending(folder) ); const knownRoots = new Set(this.desktopRoots); @@ -1277,7 +1291,7 @@ export class MonitorDirector implements MonitorDriver { }); // 更新/创建所有根目录图标，pending 项先不挂载到 DOM - this.desktopRoots.forEach(folder => { + this.desktopRoots.forEach((folder) => { let icon = this.folderIcons.get(folder) || null; if (!icon) { icon = this.createDesktopFolderIcon(folder); @@ -1294,7 +1308,9 @@ export class MonitorDirector implements MonitorDriver { } }); - const currentOrder = Array.from(grid.querySelectorAll('[data-folder-name]')).map(node => node.dataset.folderName || ''); + const currentOrder = Array.from(grid.querySelectorAll('[data-folder-name]')).map( + (node) => node.dataset.folderName || '' + ); let requiresReorder = desiredRoots.length !== currentOrder.length; if (!requiresReorder) { for (let i = 0; i < desiredRoots.length; i += 1) { @@ -1306,15 +1322,16 @@ export class MonitorDirector implements MonitorDriver { } if (requiresReorder) { const folderNodes = Array.from(grid.querySelectorAll('[data-folder-name]')); - folderNodes.forEach(node => node.remove()); - const firstNonFolderSibling = Array.from(grid.children).find(child => { - if (!(child instanceof HTMLElement)) { - return false; - } - return !child.dataset.folderName; - }) || null; + folderNodes.forEach((node) => node.remove()); + const firstNonFolderSibling = + Array.from(grid.children).find((child) => { + if (!(child instanceof HTMLElement)) { + return false; + } + return !child.dataset.folderName; + }) || null; let lastInserted: HTMLElement | null = null; - desiredRoots.forEach(folder => { + desiredRoots.forEach((folder) => { const icon = this.folderIcons.get(folder); if (!icon) { return; @@ -1397,7 +1414,7 @@ export class MonitorDirector implements MonitorDriver { windowEl.className = 'window extraction-window'; const header = document.createElement('div'); header.className = 'window-header'; - ['red', 'yellow', 'green'].forEach(color => { + ['red', 'yellow', 'green'].forEach((color) => { const dot = document.createElement('span'); dot.className = `traffic-dot ${color}`; header.appendChild(dot); @@ -1459,7 +1476,7 @@ export class MonitorDirector implements MonitorDriver { } private clearExtractionWindows() { - this.extractionWindows.forEach(instance => { + this.extractionWindows.forEach((instance) => { this.closeWindow(instance.element, { animate: false }); this.windowAnchors.delete(instance.element); this.manualPositions.delete(instance.element); @@ -1522,7 +1539,10 @@ export class MonitorDirector implements MonitorDriver { this.commandCurrentText = ''; } - private async revealCommandWindow(title = '命令行', options: { reset?: boolean; focusInput?: boolean } = {}) { + private async revealCommandWindow( + title = '命令行', + options: { reset?: boolean; focusInput?: boolean } = {} + ) { const { reset = true, focusInput = false } = options; const visible = this.isWindowVisible(this.elements.commandWindow); if (!visible) { @@ -1576,7 +1596,7 @@ export class MonitorDirector implements MonitorDriver { return; } const frag = document.createDocumentFragment(); - lines.forEach(line => { + lines.forEach((line) => { const row = document.createElement('div'); row.className = 'command-line'; row.textContent = line; @@ -1627,7 +1647,10 @@ export class MonitorDirector implements MonitorDriver { await this.click(); } - private async typePythonCode(code: string, options: { deletePrevious?: boolean; animate?: boolean } = {}) { + private async typePythonCode( + code: string, + options: { deletePrevious?: boolean; animate?: boolean } = {} + ) { if (!this.elements.pythonInput) return; const { deletePrevious = true, animate = true } = options; const target = this.elements.pythonInput; @@ -1678,7 +1701,9 @@ export class MonitorDirector implements MonitorDriver { } } - private async ensureMemoryWindowVisible(options: { initialEntries?: string[]; snapshotProvided?: boolean; memoryType?: string } = {}) { + private async ensureMemoryWindowVisible( + options: { initialEntries?: string[]; snapshotProvided?: boolean; memoryType?: string } = {} + ) { const { initialEntries, snapshotProvided = false, memoryType = 'main' } = options; const hydrate = async () => { if (snapshotProvided) { @@ -1707,12 +1732,15 @@ export class MonitorDirector implements MonitorDriver { return Array.from(this.elements.memoryList.children) as HTMLElement[]; } - private extractMemorySnapshotEntries(payload: any, stage: 'before' | 'after' = 'before'): { entries: string[]; provided: boolean } { + private extractMemorySnapshotEntries( + payload: any, + stage: 'before' | 'after' = 'before' + ): { entries: string[]; provided: boolean } { const key = stage === 'after' ? 'monitor_snapshot_after' : 'monitor_snapshot'; const snapshot = payload?.[key]; const entries = snapshot?.entries; if (Array.isArray(entries)) { - return { entries: entries.map(entry => String(entry ?? '')), provided: true }; + return { entries: entries.map((entry) => String(entry ?? '')), provided: true }; } return { entries: [], provided: !!snapshot }; } @@ -1727,7 +1755,7 @@ export class MonitorDirector implements MonitorDriver { private async waitForScrollSettled(el: HTMLElement, targetTop: number, timeout = 600) { const started = Date.now(); - return new Promise(resolve => { + return new Promise((resolve) => { const tick = () => { const arrived = Math.abs(el.scrollTop - targetTop) < 2; const expired = Date.now() - started > timeout; @@ -1819,7 +1847,11 @@ export class MonitorDirector implements MonitorDriver { return item; } - private async typeIntoMemoryCard(card: HTMLElement, text: string, options: { clearFirst?: boolean } = {}) { + private async typeIntoMemoryCard( + card: HTMLElement, + text: string, + options: { clearFirst?: boolean } = {} + ) { if (!card) return; const body = card.querySelector('.memory-text') as HTMLElement | null; if (!body) return; @@ -1908,7 +1940,7 @@ export class MonitorDirector implements MonitorDriver { private renderMemoryEntries(entries: string[]) { if (!this.elements.memoryList) return; this.elements.memoryList.innerHTML = ''; - entries.forEach(text => { + entries.forEach((text) => { const card = this.createMemoryCard(text); card.classList.add('visible'); this.elements.memoryList.appendChild(card); @@ -1916,7 +1948,7 @@ export class MonitorDirector implements MonitorDriver { this.updateMemoryMeta(); } - private async revealTerminalWindow(instance: TerminalShell, title: string) { + private async revealTerminalWindow(instance: TerminalShell) { await this.movePointerToApp('terminal'); await this.click(); this.showWindow(instance.element); @@ -1964,7 +1996,7 @@ export class MonitorDirector implements MonitorDriver { const history = this.getTerminalHistory(sessionId); const { bodyEl } = this.getTerminalInstance(); bodyEl.innerHTML = ''; - history.forEach(line => { + history.forEach((line) => { const pre = document.createElement('pre'); pre.textContent = line.text; if (line.role === 'prompt') { @@ -2003,7 +2035,7 @@ export class MonitorDirector implements MonitorDriver { } else { history[history.length - 1].text = `➜ ${command}`.trimEnd(); } - outputs.forEach(line => history.push({ text: line, role: 'output' })); + outputs.forEach((line) => history.push({ text: line, role: 'output' })); history.push({ text: '➜ ', role: 'prompt' }); this.renderTerminalHistory(sessionId); } @@ -2088,7 +2120,7 @@ export class MonitorDirector implements MonitorDriver { } private nextTerminalName() { - const existing = Array.from(this.terminalSessions.values()).map(s => s.name); + const existing = Array.from(this.terminalSessions.values()).map((s) => s.name); let idx = existing.length + 1; let candidate = `${TERMINAL_NAME_PREFIX}${idx}`; while (existing.includes(candidate)) { @@ -2099,8 +2131,14 @@ export class MonitorDirector implements MonitorDriver { } private ensureSessionRecord(sessionId: string, name?: string, rawName?: string) { - const baseName = (name || rawName || this.terminalSessionNames.get(sessionId) || '').trim() || this.nextTerminalName(); - this.terminalSessions.set(sessionId, { id: sessionId, name: baseName, rawName: rawName || name }); + const baseName = + (name || rawName || this.terminalSessionNames.get(sessionId) || '').trim() || + this.nextTerminalName(); + this.terminalSessions.set(sessionId, { + id: sessionId, + name: baseName, + rawName: rawName || name + }); this.terminalSessionNames.set(sessionId, baseName); this.terminalSessionTitleMap.set(baseName, sessionId); if (rawName) { @@ -2120,7 +2158,9 @@ export class MonitorDirector implements MonitorDriver { } private getTabElement(sessionId: string) { - return this.elements.terminalTabList.querySelector(`[data-session-id="${sessionId}"]`); + return this.elements.terminalTabList.querySelector( + `[data-session-id="${sessionId}"]` + ); } private renderTerminalTabs() { @@ -2128,7 +2168,9 @@ export class MonitorDirector implements MonitorDriver { return; } this.elements.terminalTabList.innerHTML = ''; - const tabs: Array<{ id: string; name: string }> = Array.from(this.terminalSessions.values()).map(s => ({ + const tabs: Array<{ id: string; name: string }> = Array.from( + this.terminalSessions.values() + ).map((s) => ({ id: s.id, name: s.name })); @@ -2138,7 +2180,7 @@ export class MonitorDirector implements MonitorDriver { return; } this.elements.terminalAddButton.classList.remove('lonely'); - tabs.forEach(session => { + tabs.forEach((session) => { const btn = document.createElement('button'); btn.className = 'terminal-tab'; btn.dataset.sessionId = session.id; @@ -2170,9 +2212,19 @@ export class MonitorDirector implements MonitorDriver { private async ensureTerminalSessionReady( payload: any, - options: { focusPrompt?: boolean; forceNew?: boolean; createIfMissing?: boolean; activate?: boolean } = {} + options: { + focusPrompt?: boolean; + forceNew?: boolean; + createIfMissing?: boolean; + activate?: boolean; + } = {} ) { - const { focusPrompt = false, createIfMissing = true, forceNew = false, activate = true } = options; + const { + focusPrompt = false, + createIfMissing = true, + forceNew = false, + activate = true + } = options; const requestedNew = payload?.arguments?.create_new === true || payload?.arguments?.new_session === true || @@ -2194,12 +2246,13 @@ export class MonitorDirector implements MonitorDriver { preferExisting: !(forceNew || requestedNew || !!nameHint) }); let sessionId = meta.sessionId; - const needsNew = forceNew || requestedNew || !sessionId || !this.terminalSessions.has(sessionId); + const needsNew = + forceNew || requestedNew || !sessionId || !this.terminalSessions.has(sessionId); const shell = this.getTerminalInstance(); const wasVisible = this.isWindowVisible(shell.element); if (!wasVisible) { - await this.revealTerminalWindow(shell, '终端'); + await this.revealTerminalWindow(shell); } else { this.showWindow(shell.element); } @@ -2243,10 +2296,16 @@ export class MonitorDirector implements MonitorDriver { } else { this.renderTerminalTabs(); } - return { sessionId, title: meta.title, instance: this.getTerminalInstance(), prompt: promptEl, created, reopened: !wasVisible }; + return { + sessionId, + title: meta.title, + instance: this.getTerminalInstance(), + prompt: promptEl, + created, + reopened: !wasVisible + }; } - private scrollPromptIntoView(instance: TerminalShell) { if (!instance.bodyEl) { return; @@ -2255,11 +2314,11 @@ export class MonitorDirector implements MonitorDriver { } private sanitizeTerminalOutput(lines: string[]): string[] { - const promptLike = /^root@[\w.-]+:.*[#\$]\s*/; + const promptLike = /^root@[\w.-]+:.*[#$]\s*/; return lines - .map(line => (line === null || line === undefined ? '' : String(line))) - .filter(line => !promptLike.test(line.trim())) - .map(line => line.replace(/\r$/, '')); + .map((line) => (line === null || line === undefined ? '' : String(line))) + .filter((line) => !promptLike.test(line.trim())) + .map((line) => line.replace(/\r$/, '')); } private resolveSessionMeta( @@ -2269,7 +2328,12 @@ export class MonitorDirector implements MonitorDriver { createIfMissing = false, forceNewIfAbsent = false, preferExisting = true - }: { persist?: boolean; createIfMissing?: boolean; forceNewIfAbsent?: boolean; preferExisting?: boolean } = {} + }: { + persist?: boolean; + createIfMissing?: boolean; + forceNewIfAbsent?: boolean; + preferExisting?: boolean; + } = {} ) { const nameCandidates = [ payload?.arguments?.session_name, @@ -2400,7 +2464,7 @@ export class MonitorDirector implements MonitorDriver { this.elements.memoryWindow, this.elements.todoWindow, this.elements.waitWindow - ].forEach(win => this.closeWindow(win, { animate: false })); + ].forEach((win) => this.closeWindow(win, { animate: false })); this.clearExtractionWindows(); this.clearTerminalSessions(); this.windowOrder = []; @@ -2443,15 +2507,25 @@ export class MonitorDirector implements MonitorDriver { this.manualPositions.set(el, { left, top }); return; } - const availableWidth = Math.max(0, this.elements.screen.clientWidth - WINDOW_PADDING * 2 - width); + const availableWidth = Math.max( + 0, + this.elements.screen.clientWidth - WINDOW_PADDING * 2 - width + ); const availableHeight = Math.max( 0, - this.elements.screen.clientHeight - WINDOW_PADDING - WINDOW_TOP_OFFSET - WINDOW_PADDING - height + this.elements.screen.clientHeight - + WINDOW_PADDING - + WINDOW_TOP_OFFSET - + WINDOW_PADDING - + height ); const baseLeft = WINDOW_PADDING + availableWidth * anchor.x; const baseTop = WINDOW_TOP_OFFSET + availableHeight * anchor.y; const maxLeft = this.elements.screen.clientWidth - width - WINDOW_PADDING; - const maxTop = Math.max(WINDOW_TOP_OFFSET, this.elements.screen.clientHeight - height - WINDOW_PADDING); + const maxTop = Math.max( + WINDOW_TOP_OFFSET, + this.elements.screen.clientHeight - height - WINDOW_PADDING + ); const left = Math.min(Math.max(WINDOW_PADDING, baseLeft), Math.max(WINDOW_PADDING, maxLeft)); const top = Math.min(Math.max(WINDOW_TOP_OFFSET, baseTop), maxTop); el.style.left = `${left}px`; @@ -2482,7 +2556,8 @@ export class MonitorDirector implements MonitorDriver { } const results = Array.isArray(completion?.result?.results) ? completion.result.results : []; this.renderSearchResults(results); - this.elements.browserStatus.textContent = completion?.status === 'completed' ? '搜索完成，已加载结果' : '搜索未完成'; + this.elements.browserStatus.textContent = + completion?.status === 'completed' ? '搜索完成，已加载结果' : '搜索未完成'; await sleep(320); await this.simulateResultBrowsing(); this.pushWindowToStack(this.elements.browserWindow); @@ -2491,7 +2566,11 @@ export class MonitorDirector implements MonitorDriver { this.sceneHandlers.webExtract = async (payload, runtime) => { this.applySceneStatus(runtime, 'webExtract', '正在提取'); const targetUrl = - payload?.arguments?.url || payload?.arguments?.target_url || payload?.result?.url || payload?.result?.source || ''; + payload?.arguments?.url || + payload?.arguments?.target_url || + payload?.result?.url || + payload?.result?.source || + ''; let usedExistingSearch = false; if (targetUrl) { const resultEl = await this.focusSearchResultByUrl(targetUrl); @@ -2517,7 +2596,11 @@ export class MonitorDirector implements MonitorDriver { await this.movePointerToElement(searchBar, { offsetX: -40 }); await this.click(); } - const navigateInput = targetUrl || payload?.arguments?.query || payload?.arguments?.title || 'https://example.com'; + const navigateInput = + targetUrl || + payload?.arguments?.query || + payload?.arguments?.title || + 'https://example.com'; await this.typeSearchQuery(navigateInput); this.elements.browserStatus.textContent = targetUrl ? '正在打开网页...' : '正在搜索...'; await sleep(900); @@ -2528,7 +2611,12 @@ export class MonitorDirector implements MonitorDriver { url: targetUrl }); this.showWindow(extractionInstance.element); - const displayUrl = targetUrl || payload?.arguments?.url || payload?.result?.url || payload?.result?.source || ''; + const displayUrl = + targetUrl || + payload?.arguments?.url || + payload?.result?.url || + payload?.result?.source || + ''; extractionInstance.urlEl.textContent = displayUrl; extractionInstance.stateEl.textContent = '提取中...'; extractionInstance.stateEl.classList.remove('complete'); @@ -2543,7 +2631,10 @@ export class MonitorDirector implements MonitorDriver { return; } const resolvedResult = completion?.result ?? payload?.result ?? null; - const { hasContent, hasError } = this.renderExtractionSummary(extractionInstance.summaryEl, resolvedResult); + const { hasContent, hasError } = this.renderExtractionSummary( + extractionInstance.summaryEl, + resolvedResult + ); const finalStatus = this.resolveExtractionStatus(completion, payload, resolvedResult); const computedStatus = finalStatus || (hasError ? 'failed' : hasContent ? 'completed' : null); if (computedStatus === 'failed') { @@ -2580,14 +2671,18 @@ export class MonitorDirector implements MonitorDriver { } const resultPromise = runtime .waitForResult(payload.executionId || payload.id) - .catch(error => { + .catch((error) => { console.warn('[MonitorDirector] createFolder waitForResult error', error); return null; }); if (segments.length) { const openedParent = await this.openFolderChain(segments); if (openedParent) { - await this.movePointerToElement(this.elements.folderBody, { offsetX: 40, offsetY: 40, duration: 720 }); + await this.movePointerToElement(this.elements.folderBody, { + offsetX: 40, + offsetY: 40, + duration: 720 + }); await this.click({ right: true }); this.showContextMenu('folder'); await sleep(200); @@ -2665,14 +2760,18 @@ export class MonitorDirector implements MonitorDriver { } const resultPromise = runtime .waitForResult(payload.executionId || payload.id) - .catch(error => { + .catch((error) => { console.warn('[MonitorDirector] createFile waitForResult error', error); return null; }); if (segments.length) { const openedParent = await this.openFolderChain(segments); if (openedParent) { - await this.movePointerToElement(this.elements.folderBody, { offsetX: 30, offsetY: 20, duration: 720 }); + await this.movePointerToElement(this.elements.folderBody, { + offsetX: 30, + offsetY: 20, + duration: 720 + }); await this.click({ right: true }); this.showContextMenu('folder'); await sleep(200); @@ -2771,13 +2870,20 @@ export class MonitorDirector implements MonitorDriver { const targetSegments = this.normalizePathSegments(targetPath); const fromName = sourceSegments.pop() || ''; const toName = targetSegments.pop() || ''; - renameDebug('scene:resolved-names', { fromName, toName, sourceSegments: [...sourceSegments], targetSegments: [...targetSegments] }); + renameDebug('scene:resolved-names', { + fromName, + toName, + sourceSegments: [...sourceSegments], + targetSegments: [...targetSegments] + }); const clickRenameInFileMenu = async () => { this.showContextMenu('file'); await this.waitForMenuVisible(this.elements.fileMenu, 240); const highlighted = await this.highlightMenu('file', 'rename'); if (!highlighted) { - const btn = this.elements.fileMenu.querySelector('button[data-action="rename"]'); + const btn = this.elements.fileMenu.querySelector( + 'button[data-action="rename"]' + ); if (btn) { await this.movePointerToElement(btn, { duration: 300 }); btn.classList.add('active'); @@ -2792,13 +2898,19 @@ export class MonitorDirector implements MonitorDriver { if (sourceSegments.length) { const parentKey = await this.openFolderChain(sourceSegments); if (parentKey) { - const existing = (this.folderEntries.get(parentKey) || []).find(item => item.name === fromName); + const existing = (this.folderEntries.get(parentKey) || []).find( + (item) => item.name === fromName + ); const entryType = existing?.type || 'file'; - this.upsertFolderEntry(parentKey, { name: fromName, type: entryType }, { animate: false }); + this.upsertFolderEntry( + parentKey, + { name: fromName, type: entryType }, + { animate: false } + ); await this.openFolder(parentKey, parentKey); await sleep(40); const entryPath = this.composePath([parentKey, fromName]); - let entryEl = this.findFolderEntryElement(entryPath); + const entryEl = this.findFolderEntryElement(entryPath); renameDebug('scene:folder-target', { entryPath, found: !!entryEl }); if (!entryEl) { renameDebug('scene:folder-missing-target', { entryPath }); @@ -2850,17 +2962,22 @@ export class MonitorDirector implements MonitorDriver { await sleep(300); return; } - const openDeleteMenu = async (targetEl: HTMLElement | null, menuType: ContextMenuType = 'file') => { + const openDeleteMenu = async ( + targetEl: HTMLElement | null, + menuType: ContextMenuType = 'file' + ) => { if (!targetEl) { return false; } await this.movePointerToElement(targetEl, { duration: 600 }); await this.click({ right: true }); - this.showContextMenu('file'); + this.showContextMenu(menuType); await sleep(160); const highlighted = await this.highlightMenu('file', 'delete'); if (!highlighted) { - const btn = this.elements.fileMenu.querySelector('button[data-action="delete"]'); + const btn = this.elements.fileMenu.querySelector( + 'button[data-action="delete"]' + ); if (btn) { await this.movePointerToElement(btn, { duration: 320 }); } @@ -2872,7 +2989,9 @@ export class MonitorDirector implements MonitorDriver { if (segments.length) { const parentKey = await this.openFolderChain(segments); if (parentKey) { - const existing = (this.folderEntries.get(parentKey) || []).find(item => item.name === name); + const existing = (this.folderEntries.get(parentKey) || []).find( + (item) => item.name === name + ); const entryType = existing?.type || 'file'; this.upsertFolderEntry(parentKey, { name, type: entryType }, { animate: false }); await this.openFolder(parentKey, parentKey); @@ -2910,14 +3029,21 @@ export class MonitorDirector implements MonitorDriver { this.sceneHandlers.wait = async (payload, runtime) => { this.applySceneStatus(runtime, 'wait', '正在等待'); const duration = - Number(payload?.arguments?.duration || payload?.arguments?.seconds || payload?.seconds || payload?.duration) || 5; + Number( + payload?.arguments?.duration || + payload?.arguments?.seconds || + payload?.seconds || + payload?.duration + ) || 5; await this.movePointerToDesktop(); await this.click({ right: true }); this.showContextMenu('desktop'); await sleep(200); const highlighted = await this.highlightMenu('desktop', 'wait'); if (!highlighted) { - const btn = this.elements.desktopMenu.querySelector('button[data-action="wait"]'); + const btn = this.elements.desktopMenu.querySelector( + 'button[data-action="wait"]' + ); if (btn) { await this.movePointerToElement(btn, { duration: 320 }); } @@ -2925,7 +3051,9 @@ export class MonitorDirector implements MonitorDriver { await this.click(); this.hideContextMenus(); await sleep(140); // 等菜单完全收起后再出现等待提示 - const waitPromise = runtime.waitForResult(payload.executionId || payload.id).catch(() => null); + const waitPromise = runtime + .waitForResult(payload.executionId || payload.id) + .catch(() => null); await this.playWaitCountdown(duration, waitPromise); }; @@ -2936,7 +3064,8 @@ export class MonitorDirector implements MonitorDriver { const filename = segments.pop() || 'file.txt'; const snapshotPath = (typeof payload?.monitor_snapshot?.path === 'string' && payload.monitor_snapshot.path) || - (typeof payload?.monitor_snapshot_after?.path === 'string' && payload.monitor_snapshot_after.path) || + (typeof payload?.monitor_snapshot_after?.path === 'string' && + payload.monitor_snapshot_after.path) || null; const canonicalPath = snapshotPath || this.composePath([...segments, filename]); const fetchTargetPath = canonicalPath || rawPath; @@ -2988,7 +3117,7 @@ export class MonitorDirector implements MonitorDriver { this.prepareEditorScene(beforeLines); const completion = await runtime .waitForResult(payload.executionId || payload.id) - .catch(error => { + .catch((error) => { console.warn('[MonitorDirector] appendFile waitForResult error', error); return null; }); @@ -3022,7 +3151,9 @@ export class MonitorDirector implements MonitorDriver { if (!afterLines.length && canonicalPath && this.editorSnapshots.has(canonicalPath)) { afterLines = this.editorSnapshots.get(canonicalPath)!.slice(); } - const fallbackNew = this.normalizeLines(payload?.arguments?.content || payload?.result?.content || ''); + const fallbackNew = this.normalizeLines( + payload?.arguments?.content || payload?.result?.content || '' + ); const nextLines = afterLines.length ? afterLines : fallbackNew; editorDebug('scene:appendFile:nextLines', { after: afterLines.length, @@ -3043,7 +3174,7 @@ export class MonitorDirector implements MonitorDriver { this.sceneHandlers.runCommand = async (payload, runtime) => { const toolLabel = payload?.name || payload?.tool || 'run_command'; this.applySceneStatus(runtime, 'runCommand', `调用 ${toolLabel}`); - const command = payload?.arguments?.command || payload?.result?.command || 'echo \"Hello\"'; + const command = payload?.arguments?.command || payload?.result?.command || 'echo "Hello"'; const reuse = this.isWindowVisible(this.elements.commandWindow); if (reuse) { this.showWindow(this.elements.commandWindow); @@ -3090,7 +3221,7 @@ export class MonitorDirector implements MonitorDriver { } } this.latestPythonExecutionId = runId; - const code = payload?.arguments?.code || 'print(\"Hello\")'; + const code = payload?.arguments?.code || 'print("Hello")'; const codeLines = this.normalizeLines(code); const animate = codeLines.length <= 15; const runToken = ++this.pythonRunToken; @@ -3126,7 +3257,9 @@ export class MonitorDirector implements MonitorDriver { this.sceneHandlers.reader = async (payload, runtime) => { const targetPath = payload?.arguments?.path || payload?.result?.path || '文档'; - const readMode = String(payload?.arguments?.type || payload?.result?.type || 'read').toLowerCase(); + const readMode = String( + payload?.arguments?.type || payload?.result?.type || 'read' + ).toLowerCase(); const statusMap: Record = { search: '文件搜索', extract: '提取片段' @@ -3137,7 +3270,10 @@ export class MonitorDirector implements MonitorDriver { targetPath, readMode }); - const targetEntry = await this.revealFileTarget(targetPath, { doubleClick: true, spawnDesktopFile: true }); + const targetEntry = await this.revealFileTarget(targetPath, { + doubleClick: true, + spawnDesktopFile: true + }); if (!targetEntry) { await this.movePointerToDesktop(); } @@ -3160,7 +3296,10 @@ export class MonitorDirector implements MonitorDriver { if (!this.ensureSuccessOrErrorBubble(completion, payload, '阅读失败')) { return; } - const { source: resultPayload, label: payloadSource } = this.resolveReaderPayload(payload, completion); + const { source: resultPayload, label: payloadSource } = this.resolveReaderPayload( + payload, + completion + ); readerDebug('readerScene:payload resolved', { executionId: payload?.executionId || payload?.id, payloadSource, @@ -3178,7 +3317,8 @@ export class MonitorDirector implements MonitorDriver { count: extractedLines.length }); } else { - const fallbackMessage = completion?.message || payload?.result?.message || '未返回可显示内容'; + const fallbackMessage = + completion?.message || payload?.result?.message || '未返回可显示内容'; this.renderReaderMessage(fallbackMessage); readerDebug('readerScene:fallback message', { executionId: payload?.executionId || payload?.id, @@ -3204,7 +3344,7 @@ export class MonitorDirector implements MonitorDriver { } const completion = await runtime .waitForResult(payload.executionId || payload.id) - .catch(error => { + .catch((error) => { console.warn('[MonitorDirector] focus waitForResult error', error); return null; }); @@ -3250,12 +3390,10 @@ export class MonitorDirector implements MonitorDriver { } else { await this.movePointerToDesktop(); } - await runtime - .waitForResult(payload.executionId || payload.id) - .catch(error => { - console.warn('[MonitorDirector] unfocus waitForResult error', error); - return null; - }); + await runtime.waitForResult(payload.executionId || payload.id).catch((error) => { + console.warn('[MonitorDirector] unfocus waitForResult error', error); + return null; + }); if (!this.ensureSuccessOrErrorBubble(null, payload, '取消聚焦失败')) { return; } @@ -3280,12 +3418,18 @@ export class MonitorDirector implements MonitorDriver { this.sceneHandlers.memoryUpdate = async (payload, runtime) => { this.applySceneStatus(runtime, 'memoryUpdate', '正在同步记忆'); - const { entries: initialEntries, provided: snapshotProvided } = this.extractMemorySnapshotEntries(payload, 'before'); - const memoryType = - (payload?.arguments?.memory_type || payload?.result?.memory_type || 'main').toString().toLowerCase(); + const { entries: initialEntries, provided: snapshotProvided } = + this.extractMemorySnapshotEntries(payload, 'before'); + const memoryType = (payload?.arguments?.memory_type || payload?.result?.memory_type || 'main') + .toString() + .toLowerCase(); await this.ensureMemoryWindowVisible({ initialEntries, snapshotProvided, memoryType }); - const op = (payload?.arguments?.operation || payload?.result?.operation || 'append').toLowerCase(); + const op = ( + payload?.arguments?.operation || + payload?.result?.operation || + 'append' + ).toLowerCase(); const content = payload?.arguments?.content || payload?.result?.content || ''; const index = Number(payload?.arguments?.index || payload?.result?.index || 0) || 0; @@ -3309,33 +3453,39 @@ export class MonitorDirector implements MonitorDriver { payload?.arguments?.title || payload?.arguments?.task || '待办摘要'; - const tasks = this.normalizeTodoTasks(payload?.arguments?.tasks || summary); - await this.ensureTodoWindowVisible(); - this.resetTodoBoard({ summary: true, list: true }); - await this.typeTodoSummary(summary); - for (const task of tasks) { - await this.animateTodoAppend(task, { scrollIntoView: false }); - } - if (this.elements.todoList) { - this.elements.todoList.scrollTop = 0; - } - await sleep(320); - }; + const tasks = this.normalizeTodoTasks(payload?.arguments?.tasks || summary); + await this.ensureTodoWindowVisible(); + this.resetTodoBoard({ summary: true, list: true }); + await this.typeTodoSummary(summary); + for (const task of tasks) { + await this.animateTodoAppend(task, { scrollIntoView: false }); + } + if (this.elements.todoList) { + this.elements.todoList.scrollTop = 0; + } + await sleep(320); + }; this.sceneHandlers.todoUpdate = async (payload, runtime) => { this.applySceneStatus(runtime, 'todoUpdate', '正在调整待办'); await this.ensureTodoWindowVisible(); const targetText = payload?.arguments?.title || payload?.arguments?.task || null; - const targetIndex = Number(payload?.arguments?.task_index || payload?.arguments?.index || 0) || null; + const targetIndex = + Number(payload?.arguments?.task_index || payload?.arguments?.index || 0) || null; const completed = - payload?.arguments?.completed ?? payload?.arguments?.done ?? payload?.arguments?.checked ?? true; + payload?.arguments?.completed ?? + payload?.arguments?.done ?? + payload?.arguments?.checked ?? + true; await this.toggleTodoItem(targetText, !!completed, targetIndex); await sleep(260); }; this.sceneHandlers.todoFinish = async (_payload, runtime) => { this.applySceneStatus(runtime, 'todoFinish', '正在完成任务'); - const redDot = this.elements.todoWindow.querySelector('.traffic-dot.red') as HTMLElement | null; + const redDot = this.elements.todoWindow.querySelector( + '.traffic-dot.red' + ) as HTMLElement | null; if (redDot) { await this.movePointerToElement(redDot, { duration: 420 }); await this.click(); @@ -3379,7 +3529,7 @@ export class MonitorDirector implements MonitorDriver { // 确保窗口可见，但不强制激活 const shell = this.getTerminalInstance(); if (!this.isWindowVisible(shell.element)) { - await this.revealTerminalWindow(shell, '终端'); + await this.revealTerminalWindow(shell); } else { this.showWindow(shell.element); } @@ -3419,7 +3569,8 @@ export class MonitorDirector implements MonitorDriver { payload?.title || null; const mappedExisting = - nameHint && (this.terminalRawNameMap.has(nameHint) || this.terminalSessionTitleMap.has(nameHint)); + nameHint && + (this.terminalRawNameMap.has(nameHint) || this.terminalSessionTitleMap.has(nameHint)); const shouldForceNew = payload?.arguments?.create_new === true || payload?.arguments?.new_session === true || @@ -3436,7 +3587,10 @@ export class MonitorDirector implements MonitorDriver { this.sceneHandlers.terminalInput = async (payload, runtime) => { this.applySceneStatus(runtime, 'terminalInput', '调用 terminal_input'); - const { sessionId } = await this.ensureTerminalSessionReady(payload, { focusPrompt: true, activate: true }); + const { sessionId } = await this.ensureTerminalSessionReady(payload, { + focusPrompt: true, + activate: true + }); const command = payload?.arguments?.command || payload?.arguments?.input || @@ -3446,7 +3600,7 @@ export class MonitorDirector implements MonitorDriver { await this.typeSessionCommand(sessionId, command); const completion = await runtime .waitForResult(payload.executionId || payload.id) - .catch(error => { + .catch((error) => { console.warn('[MonitorDirector] terminalInput waitForResult error', error); return null; }); @@ -3469,7 +3623,10 @@ export class MonitorDirector implements MonitorDriver { this.sceneHandlers.terminalSnapshot = async (payload, runtime) => { this.applySceneStatus(runtime, 'terminalSnapshot', '正在获取终端'); - const { sessionId } = await this.ensureTerminalSessionReady(payload, { focusPrompt: false, activate: false }); + const { sessionId } = await this.ensureTerminalSessionReady(payload, { + focusPrompt: false, + activate: false + }); terminalMenuDebug('scene:terminalSnapshot:start', { sessionId }); await this.openTerminalContextMenu(sessionId); terminalMenuDebug('scene:terminalSnapshot:menu-opened', { sessionId }); @@ -3482,14 +3639,21 @@ export class MonitorDirector implements MonitorDriver { this.sceneHandlers.terminalSleep = async (payload, runtime) => { this.applySceneStatus(runtime, 'terminalSleep', '正在等待'); const duration = - Number(payload?.arguments?.duration || payload?.arguments?.seconds || payload?.seconds || payload?.duration) || 5; + Number( + payload?.arguments?.duration || + payload?.arguments?.seconds || + payload?.seconds || + payload?.duration + ) || 5; await this.movePointerToDesktop(); await this.click({ right: true }); this.showContextMenu('desktop'); await sleep(200); const highlighted = await this.highlightMenu('desktop', 'wait'); if (!highlighted) { - const btn = this.elements.desktopMenu.querySelector('button[data-action="wait"]'); + const btn = this.elements.desktopMenu.querySelector( + 'button[data-action="wait"]' + ); if (btn) { await this.movePointerToElement(btn, { duration: 320 }); } @@ -3497,7 +3661,9 @@ export class MonitorDirector implements MonitorDriver { await this.click(); this.hideContextMenus(); await sleep(140); // 等菜单完全收起后再出现等待提示 - const waitPromise = runtime.waitForResult(payload.executionId || payload.id).catch(() => null); + const waitPromise = runtime + .waitForResult(payload.executionId || payload.id) + .catch(() => null); await this.playWaitCountdown(duration, waitPromise); }; @@ -3506,7 +3672,11 @@ export class MonitorDirector implements MonitorDriver { this.sceneHandlers.webSave = async (_payload, runtime) => { this.applySceneStatus(runtime, 'webSave', '正在保存网页'); const targetUrl = - _payload?.arguments?.url || _payload?.arguments?.target_url || _payload?.result?.url || _payload?.result?.source || ''; + _payload?.arguments?.url || + _payload?.arguments?.target_url || + _payload?.result?.url || + _payload?.result?.source || + ''; let targetEl: HTMLLIElement | null = null; if (targetUrl) { targetEl = await this.focusSearchResultByUrl(targetUrl); @@ -3520,7 +3690,10 @@ export class MonitorDirector implements MonitorDriver { await this.click({ right: true }); this.showContextMenu('browser'); } else { - await this.movePointerToElement(this.elements.browserWindow, { offsetX: 40, offsetY: -120 }); + await this.movePointerToElement(this.elements.browserWindow, { + offsetX: 40, + offsetY: -120 + }); await this.click({ right: true }); this.showContextMenu('browser'); } @@ -3730,7 +3903,10 @@ export class MonitorDirector implements MonitorDriver { const width = el.offsetWidth; const height = el.offsetHeight; const maxLeft = this.elements.screen.clientWidth - width - WINDOW_PADDING; - const maxTop = Math.max(WINDOW_TOP_OFFSET, this.elements.screen.clientHeight - height - WINDOW_PADDING); + const maxTop = Math.max( + WINDOW_TOP_OFFSET, + this.elements.screen.clientHeight - height - WINDOW_PADDING + ); const clampedLeft = Math.min(Math.max(WINDOW_PADDING, left), Math.max(WINDOW_PADDING, maxLeft)); const clampedTop = Math.min(Math.max(WINDOW_TOP_OFFSET, top), maxTop); return { left: clampedLeft, top: clampedTop }; @@ -3803,7 +3979,9 @@ export class MonitorDirector implements MonitorDriver { this.manualPositions.delete(windowEl); this.cancelManualDrag(); this.closeWindow(windowEl, { animate: true }); - this.windowOrder = this.windowOrder.filter(win => win && win !== windowEl && win.classList.contains('visible')); + this.windowOrder = this.windowOrder.filter( + (win) => win && win !== windowEl && win.classList.contains('visible') + ); if (windowEl === this.elements.terminalWindow) { this.activeTerminalSessionId = null; return; @@ -3825,10 +4003,17 @@ export class MonitorDirector implements MonitorDriver { private async movePointerToDesktop() { this.refreshScreenRect(); - return this.movePointerToElement(this.elements.desktopGrid, { offsetX: 160, offsetY: 120, duration: 700 }); + return this.movePointerToElement(this.elements.desktopGrid, { + offsetX: 160, + offsetY: 120, + duration: 700 + }); } - private async movePointerToElement(target: Element | null, options: { offsetX?: number; offsetY?: number; duration?: number } = {}) { + private async movePointerToElement( + target: Element | null, + options: { offsetX?: number; offsetY?: number; duration?: number } = {} + ) { if (!target) { return; } @@ -3841,7 +4026,8 @@ export class MonitorDirector implements MonitorDriver { this.dismissBubble(true); } else { progressDebug('movePointer:preserve-progress', { - target: target instanceof HTMLElement ? target.className || target.tagName : target?.toString() + target: + target instanceof HTMLElement ? target.className || target.tagName : target?.toString() }); } const { offsetX = 0, offsetY = 0, duration = 900 } = options; @@ -3962,7 +4148,7 @@ export class MonitorDirector implements MonitorDriver { if (typeof ResizeObserver === 'undefined') { return; } - this.screenObserver = new ResizeObserver(entries => { + this.screenObserver = new ResizeObserver((entries) => { const entry = Array.isArray(entries) ? entries[0] : null; const width = entry?.contentRect?.width || this.elements.screen.clientWidth; const height = entry?.contentRect?.height || this.elements.screen.clientHeight; @@ -3993,7 +4179,9 @@ export class MonitorDirector implements MonitorDriver { if (!el) { return; } - this.windowOrder = this.windowOrder.filter(win => win && win !== el && win.classList.contains('visible')); + this.windowOrder = this.windowOrder.filter( + (win) => win && win !== el && win.classList.contains('visible') + ); this.windowOrder.push(el); this.enforceWindowLimit(); this.updateWindowZIndices(); @@ -4003,7 +4191,7 @@ export class MonitorDirector implements MonitorDriver { if (!this.windowOrder.length) { return; } - this.windowOrder = this.windowOrder.filter(win => win && win.classList.contains('visible')); + this.windowOrder = this.windowOrder.filter((win) => win && win.classList.contains('visible')); while (this.windowOrder.length > this.maxVisibleWindows) { const stale = this.windowOrder.shift(); if (stale) { @@ -4031,7 +4219,7 @@ export class MonitorDirector implements MonitorDriver { if (isFolderWindow) { this.activeFolder = null; } - this.windowOrder = this.windowOrder.filter(win => win && win !== el); + this.windowOrder = this.windowOrder.filter((win) => win && win !== el); const animate = options.animate ?? false; if (!animate) { el.classList.remove('visible', 'closing'); @@ -4057,7 +4245,9 @@ export class MonitorDirector implements MonitorDriver { private raiseWindowForTarget(target: Element | null) { const ancestor = this.findWindowAncestor(target); if (ancestor) { - this.windowOrder = this.windowOrder.filter(win => win && win !== ancestor && win.classList.contains('visible')); + this.windowOrder = this.windowOrder.filter( + (win) => win && win !== ancestor && win.classList.contains('visible') + ); this.windowOrder.push(ancestor); this.enforceWindowLimit(); this.updateWindowZIndices(); @@ -4106,9 +4296,9 @@ export class MonitorDirector implements MonitorDriver { this.elements.focusMenu, this.elements.browserMenu, this.elements.terminalMenu - ].forEach(menu => { + ].forEach((menu) => { menu.classList.remove('visible'); - menu.querySelectorAll('button').forEach(btn => btn.classList.remove('active')); + menu.querySelectorAll('button').forEach((btn) => btn.classList.remove('active')); }); this.hideSecondaryMenu(); this.hideWaitOverlay(); @@ -4122,14 +4312,17 @@ export class MonitorDirector implements MonitorDriver { this.secondaryMenu = null; } - private showSecondaryMenu(anchorMenu: HTMLElement | null, items: Array<{ label: string; action: string }>) { + private showSecondaryMenu( + anchorMenu: HTMLElement | null, + items: Array<{ label: string; action: string }> + ) { this.hideSecondaryMenu(); if (!anchorMenu || !items.length) { return null; } const menu = document.createElement('div'); menu.className = 'context-menu secondary-menu visible'; - items.forEach(item => { + items.forEach((item) => { const btn = document.createElement('button'); btn.textContent = item.label; btn.dataset.action = item.action; @@ -4139,12 +4332,17 @@ export class MonitorDirector implements MonitorDriver { const rect = anchorMenu.getBoundingClientRect(); const left = rect.right - this.screenRect.left + 10; const top = rect.top - this.screenRect.top + 4; - const { x, y } = this.clampToScreen(left, top, menu.offsetWidth || 180, menu.offsetHeight || 60); + const { x, y } = this.clampToScreen( + left, + top, + menu.offsetWidth || 180, + menu.offsetHeight || 60 + ); menu.style.left = `${x}px`; menu.style.top = `${y}px`; this.secondaryMenu = menu; monitorLifecycleDebug('secondaryMenu:show', { - items: items.map(item => item.action), + items: items.map((item) => item.action), anchorRect: { left: rect.left, top: rect.top, width: rect.width, height: rect.height }, pos: { x, y } }); @@ -4152,12 +4350,19 @@ export class MonitorDirector implements MonitorDriver { } private async chooseSecondaryMenuAction(action: string) { - const btn = this.secondaryMenu?.querySelector(`button[data-action="${action}"]`) || null; + const btn = + this.secondaryMenu?.querySelector(`button[data-action="${action}"]`) || + null; if (!btn) { monitorLifecycleDebug('secondaryMenu:missing-btn', { action, hasMenu: !!this.secondaryMenu }); return false; } - monitorLifecycleDebug('secondaryMenu:choose', { action, rect: btn.getBoundingClientRect().toJSON ? btn.getBoundingClientRect().toJSON() : btn.getBoundingClientRect() }); + monitorLifecycleDebug('secondaryMenu:choose', { + action, + rect: btn.getBoundingClientRect().toJSON + ? btn.getBoundingClientRect().toJSON() + : btn.getBoundingClientRect() + }); await this.movePointerToElement(btn, { duration: 320 }); btn.classList.add('active'); await sleep(200); @@ -4207,7 +4412,11 @@ export class MonitorDirector implements MonitorDriver { terminalMenuDebug('openContextMenu:tab-rect', { sessionId, rect, coords }); } else { terminalMenuDebug('openContextMenu:no-tab', { sessionId }); - await this.movePointerToElement(this.elements.terminalWindow, { offsetX: 18, offsetY: 0, duration: 420 }); + await this.movePointerToElement(this.elements.terminalWindow, { + offsetX: 18, + offsetY: 0, + duration: 420 + }); await this.click({ right: true }); } this.terminalContextSessionId = sessionId; @@ -4236,7 +4445,9 @@ export class MonitorDirector implements MonitorDriver { btn.classList.remove('active'); terminalMenuDebug('chooseMenuAction:target', { action, - rect: btn.getBoundingClientRect().toJSON ? btn.getBoundingClientRect().toJSON() : btn.getBoundingClientRect() + rect: btn.getBoundingClientRect().toJSON + ? btn.getBoundingClientRect().toJSON() + : btn.getBoundingClientRect() }); } else { const highlighted = await this.highlightMenu('terminal', action); @@ -4261,7 +4472,10 @@ export class MonitorDirector implements MonitorDriver { while (!menu.classList.contains('visible') && performance.now() - start < timeout) { await sleep(16); } - monitorLifecycleDebug('menu:visible-check', { hasMenu: !!menu, visible: menu.classList.contains('visible') }); + monitorLifecycleDebug('menu:visible-check', { + hasMenu: !!menu, + visible: menu.classList.contains('visible') + }); return menu.classList.contains('visible'); } @@ -4318,7 +4532,7 @@ export class MonitorDirector implements MonitorDriver { }; this.waitOverlayTimer = window.setInterval(update, 260); const done = until || Promise.resolve(); - const minDuration = new Promise(resolve => setTimeout(resolve, total * 1000)); + const minDuration = new Promise((resolve) => setTimeout(resolve, total * 1000)); try { await Promise.all([done.catch(() => null), minDuration]); } finally { @@ -4419,7 +4633,7 @@ export class MonitorDirector implements MonitorDriver { this.refreshFolderIconStates(); } - private setFolderIconState(folderName: string, open: boolean) { + private setFolderIconState(folderName: string) { if (!folderName) { return; } @@ -4440,8 +4654,8 @@ export class MonitorDirector implements MonitorDriver { if (!list) { return; } - const entry = list.find(item => item.name === entryName) || null; - const next = list.filter(item => item.name !== entryName); + const entry = list.find((item) => item.name === entryName) || null; + const next = list.filter((item) => item.name !== entryName); this.folderEntries.set(folderName, next); if (entry?.type === 'folder') { const key = this.composePath([folderName, entryName].filter(Boolean)); @@ -4460,12 +4674,17 @@ export class MonitorDirector implements MonitorDriver { this.refreshFolderIconStates(); } - private renameFolderEntry(folderName: string, fromName: string, toName: string, options: { skipRender?: boolean } = {}) { + private renameFolderEntry( + folderName: string, + fromName: string, + toName: string, + options: { skipRender?: boolean } = {} + ) { const entries = this.folderEntries.get(folderName); if (!entries) { return; } - const entry = entries.find(item => item.name === fromName); + const entry = entries.find((item) => item.name === fromName); if (entry) { entry.name = toName; entry.path = this.composePath([folderName, toName].filter(Boolean)); @@ -4517,7 +4736,11 @@ export class MonitorDirector implements MonitorDriver { renameDebug('animate:end', { final: span.textContent }); } - private renameDesktopRoot(fromName: string, toName: string, options: { skipRender?: boolean } = {}) { + private renameDesktopRoot( + fromName: string, + toName: string, + options: { skipRender?: boolean } = {} + ) { if (!fromName || !toName || fromName === toName) { return; } @@ -4532,8 +4755,10 @@ export class MonitorDirector implements MonitorDriver { this.folderEntries.forEach((entries, key) => { if (key === fromName || key.startsWith(`${fromName}/`)) { const newKey = toName + key.slice(fromName.length); - const mapped = entries.map(item => { - const nextPath = item.path.startsWith(fromName) ? toName + item.path.slice(fromName.length) : item.path; + const mapped = entries.map((item) => { + const nextPath = item.path.startsWith(fromName) + ? toName + item.path.slice(fromName.length) + : item.path; return { ...item, path: nextPath }; }); updatedEntries.set(newKey, mapped); @@ -4559,7 +4784,6 @@ export class MonitorDirector implements MonitorDriver { } } - private openEditorWindow(filename: string) { this.showWindow(this.elements.editorWindow); this.elements.editorHeaderText.textContent = filename; @@ -4655,7 +4879,11 @@ export class MonitorDirector implements MonitorDriver { } ); if (!response.ok) { - editorDebug('snapshotFetch:http-error', { executionId: key, stage, status: response.status }); + editorDebug('snapshotFetch:http-error', { + executionId: key, + stage, + status: response.status + }); return null; } const data = await response.json().catch(() => null); @@ -4733,7 +4961,12 @@ export class MonitorDirector implements MonitorDriver { }); } - private buildEditorLineElement(text: string, index: number, extraClass?: string, options?: { prefill?: boolean }) { + private buildEditorLineElement( + text: string, + index: number, + extraClass?: string, + options?: { prefill?: boolean } + ) { const row = document.createElement('div'); const classes = ['code-line']; if (extraClass) { @@ -4806,10 +5039,7 @@ export class MonitorDirector implements MonitorDriver { return; } // - ≤8 行：保留原逐字符/行内阈值逻辑 - if ( - currentLines.length > EDITOR_DIFF_LIMIT || - targetLines.length > EDITOR_DIFF_LIMIT - ) { + if (currentLines.length > EDITOR_DIFF_LIMIT || targetLines.length > EDITOR_DIFF_LIMIT) { editorDebug('animate:skip-large', { currentLines: currentLines.length, targetLines: targetLines.length @@ -4928,7 +5158,7 @@ export class MonitorDirector implements MonitorDriver { const operations: EditorOperation[] = []; const working = before.slice(); let pointer = 0; - rawOps.forEach(op => { + rawOps.forEach((op) => { if (op.type === 'keep') { pointer += 1; return; @@ -5084,10 +5314,16 @@ export class MonitorDirector implements MonitorDriver { } } - private async typeLineText(target: HTMLElement, text: string, options: { instant?: boolean } = {}) { + private async typeLineText( + target: HTMLElement, + text: string, + options: { instant?: boolean } = {} + ) { const normalized = text && text.length ? text : ' '; const shouldInstant = - typeof options.instant === 'boolean' ? options.instant : normalized.length > EDITOR_TYPING_THRESHOLD; + typeof options.instant === 'boolean' + ? options.instant + : normalized.length > EDITOR_TYPING_THRESHOLD; target.textContent = ''; if (shouldInstant) { target.textContent = normalized; @@ -5116,7 +5352,9 @@ export class MonitorDirector implements MonitorDriver { return; } const shouldInstant = - typeof options.instant === 'boolean' ? options.instant : current.length > EDITOR_TYPING_THRESHOLD; + typeof options.instant === 'boolean' + ? options.instant + : current.length > EDITOR_TYPING_THRESHOLD; if (shouldInstant) { target.textContent = ''; await sleep(60); @@ -5260,7 +5498,9 @@ export class MonitorDirector implements MonitorDriver { } private clearResultTargets() { - this.elements.browserResults.querySelectorAll('.target').forEach(node => node.classList.remove('target')); + this.elements.browserResults + .querySelectorAll('.target') + .forEach((node) => node.classList.remove('target')); } private renderSearchResults(results: any[]) { @@ -5274,7 +5514,7 @@ export class MonitorDirector implements MonitorDriver { empty.textContent = '暂无搜索结果'; this.elements.browserResults.appendChild(empty); } else { - subset.forEach(result => { + subset.forEach((result) => { const li = document.createElement('li'); const title = document.createElement('strong'); const url = typeof result?.url === 'string' ? result.url : ''; @@ -5299,7 +5539,10 @@ export class MonitorDirector implements MonitorDriver { } } - private renderExtractionSummary(target: HTMLElement, result: any): { hasContent: boolean; hasError: boolean } { + private renderExtractionSummary( + target: HTMLElement, + result: any + ): { hasContent: boolean; hasError: boolean } { if (!target) { return { hasContent: false, hasError: false }; } @@ -5321,7 +5564,7 @@ export class MonitorDirector implements MonitorDriver { const sections = this.normalizeExtractionSections(result); if (sections.length) { hasContent = true; - sections.forEach(section => { + sections.forEach((section) => { const block = document.createElement('div'); block.className = 'extract-block'; if (section.title || section.url) { @@ -5351,7 +5594,7 @@ export class MonitorDirector implements MonitorDriver { ? (result.failed_results as Array>) : []; if (failedList.length) { - failedList.slice(0, 2).forEach(item => { + failedList.slice(0, 2).forEach((item) => { appendMessage(`⚠️ ${item?.url || 'URL'}: ${item?.error || '提取失败'}`); }); } @@ -5388,7 +5631,10 @@ export class MonitorDirector implements MonitorDriver { return String(value); } if (Array.isArray(value)) { - return value.map(item => pickText(item)).filter(Boolean).join('\n\n'); + return value + .map((item) => pickText(item)) + .filter(Boolean) + .join('\n\n'); } if (typeof value === 'object') { const priorityKeys = [ @@ -5413,7 +5659,10 @@ export class MonitorDirector implements MonitorDriver { } } if (Array.isArray(value.sections)) { - return value.sections.map((section: any) => pickText(section)).filter(Boolean).join('\n\n'); + return value.sections + .map((section: any) => pickText(section)) + .filter(Boolean) + .join('\n\n'); } } return ''; @@ -5450,7 +5699,11 @@ export class MonitorDirector implements MonitorDriver { return sections; } - private resolveExtractionStatus(completion: any, payload: any, result: any): 'completed' | 'failed' | null { + private resolveExtractionStatus( + completion: any, + payload: any, + result: any + ): 'completed' | 'failed' | null { const statusCandidate = (completion?.status || payload?.status || '').toString().toLowerCase(); if (statusCandidate === 'completed') { return 'completed'; @@ -5508,7 +5761,7 @@ export class MonitorDirector implements MonitorDriver { payload?.arguments?.target_path, fallback ]; - const resolved = candidates.find(path => typeof path === 'string' && path.trim().length); + const resolved = candidates.find((path) => typeof path === 'string' && path.trim().length); return resolved || fallback; } @@ -5516,7 +5769,11 @@ export class MonitorDirector implements MonitorDriver { * 工具失败时统一弹出红色气泡并终止后续动画。 * 返回 true 表示成功可继续，false 表示已提示错误应中断。 */ - private ensureSuccessOrErrorBubble(completion: any, payload?: any, fallbackMessage = '工具执行错误'): boolean { + private ensureSuccessOrErrorBubble( + completion: any, + payload?: any, + fallbackMessage = '工具执行错误' + ): boolean { const ok = this.toolResultSucceeded(completion ?? payload ?? null); if (ok) { return true; @@ -5533,7 +5790,7 @@ export class MonitorDirector implements MonitorDriver { private normalizeLines(content: any): string[] { if (typeof content === 'string') { - const parts = content.split(/\r?\n/).map(line => line.replace(/\t/g, ' ')); + const parts = content.split(/\r?\n/).map((line) => line.replace(/\t/g, ' ')); return parts.length ? parts : ['']; } if (typeof content === 'number') { @@ -5541,11 +5798,12 @@ export class MonitorDirector implements MonitorDriver { } if (Array.isArray(content)) { const lines: string[] = []; - content.forEach(item => { + content.forEach((item) => { if (typeof item === 'string' || typeof item === 'number') { lines.push(String(item)); } else if (item && typeof item === 'object') { - const text = item.content || item.text || (Array.isArray(item.lines) ? item.lines.join('\n') : ''); + const text = + item.content || item.text || (Array.isArray(item.lines) ? item.lines.join('\n') : ''); if (text) { lines.push(...this.normalizeLines(text)); } @@ -5594,7 +5852,10 @@ export class MonitorDirector implements MonitorDriver { }); } - private resolveReaderPayload(payload: any, completion: any): { source: any; label: string | null } { + private resolveReaderPayload( + payload: any, + completion: any + ): { source: any; label: string | null } { const candidates = [ { label: 'completion.result', value: completion?.result }, { label: 'completion.result.tool_payload', value: completion?.result?.tool_payload }, @@ -5699,7 +5960,7 @@ export class MonitorDirector implements MonitorDriver { this.elements.readerOcr.innerHTML = ''; const normalized = this.normalizeLines(lines); const segments = (normalized.length ? normalized : ['OCR 内容就绪']).slice(0, 6); - segments.forEach(line => { + segments.forEach((line) => { const p = document.createElement('p'); p.textContent = line; this.elements.readerOcr.appendChild(p); @@ -5730,7 +5991,10 @@ export class MonitorDirector implements MonitorDriver { }); if (typeof source === 'string' || Array.isArray(source)) { - const lines = this.normalizeLines(source).map((text, index) => ({ text, lineNumber: index + 1 })); + const lines = this.normalizeLines(source).map((text, index) => ({ + text, + lineNumber: index + 1 + })); readerDebug('extractReaderLines:string/array', { count: lines.length }); return lines; } @@ -5855,7 +6119,11 @@ export class MonitorDirector implements MonitorDriver { private findTodoItemByText(text?: string | null): HTMLElement | null { if (!text) return null; const target = (text || '').trim(); - return this.getTodoItems().find(item => item.querySelector('.todo-text')?.textContent?.trim() === target) || null; + return ( + this.getTodoItems().find( + (item) => item.querySelector('.todo-text')?.textContent?.trim() === target + ) || null + ); } private findTodoItemByIndex(index?: number | null): HTMLElement | null { @@ -5868,7 +6136,7 @@ export class MonitorDirector implements MonitorDriver { private normalizeTodoTasks(raw: any): Array<{ text: string; done?: boolean }> { if (Array.isArray(raw)) { return raw - .map(item => { + .map((item) => { if (typeof item === 'string') return { text: item, done: false }; if (item && typeof item === 'object') { const text = String(item.title || item.task || item.text || '').trim(); @@ -5913,7 +6181,7 @@ export class MonitorDirector implements MonitorDriver { private renderTodoItems(items: Array<{ text: string; done?: boolean }>) { if (!this.elements.todoList) return; this.elements.todoList.innerHTML = ''; - items.forEach(task => { + items.forEach((task) => { const card = this.createTodoItem(task.text, !!task.done); card.classList.add('visible'); this.elements.todoList.appendChild(card); @@ -5954,7 +6222,10 @@ export class MonitorDirector implements MonitorDriver { } } - private async animateTodoAppend(task: { text: string; done?: boolean }, options: { scrollIntoView?: boolean } = {}) { + private async animateTodoAppend( + task: { text: string; done?: boolean }, + options: { scrollIntoView?: boolean } = {} + ) { if (!this.elements.todoList) return; const { scrollIntoView = false } = options; const card = this.createTodoItem(task.text, !!task.done); @@ -5966,7 +6237,10 @@ export class MonitorDirector implements MonitorDriver { await sleep(180); } - private async scrollTodoItemIntoView(card: HTMLElement | null, options: { waitMs?: number } = {}) { + private async scrollTodoItemIntoView( + card: HTMLElement | null, + options: { waitMs?: number } = {} + ) { if (!card || !this.elements.todoList) return; const body = this.elements.todoList; const margin = 8; @@ -5991,7 +6265,9 @@ export class MonitorDirector implements MonitorDriver { // 计算需要滚动的位置（基于相对坐标，避免 offsetParent 不一致的问题） const needsScrollDown = relBottom > viewBottom - margin; - const targetTop = needsScrollDown ? relBottom - body.clientHeight + margin : Math.max(0, relTop - margin); + const targetTop = needsScrollDown + ? relBottom - body.clientHeight + margin + : Math.max(0, relTop - margin); const clampedTop = Math.max(0, targetTop); body.scrollTo({ top: clampedTop, behavior: 'smooth' }); diff --git a/static/src/components/chat/monitor/types.ts b/static/src/components/chat/monitor/types.ts index e694e43..c2d6363 100644 --- a/static/src/components/chat/monitor/types.ts +++ b/static/src/components/chat/monitor/types.ts @@ -29,7 +29,11 @@ export interface MonitorDriver { showThinkingBubble(): void; hideBubble(): void; previewSceneProgress(name: string): void; - playScene(name: string, payload: Record, runtime: MonitorSceneRuntime): Promise; + playScene( + name: string, + payload: Record, + runtime: MonitorSceneRuntime + ): Promise; destroy(): void; preparePendingCreation?(path?: string | null): void; } diff --git a/static/src/components/files/FileNode.vue b/static/src/components/files/FileNode.vue index 0691837..d0fcd4b 100644 --- a/static/src/components/files/FileNode.vue +++ b/static/src/components/files/FileNode.vue @@ -3,7 +3,11 @@
diff --git a/static/src/components/input/InputComposer.vue b/static/src/components/input/InputComposer.vue index de2cf3a..a37404c 100644 --- a/static/src/components/input/InputComposer.vue +++ b/static/src/components/input/InputComposer.vue @@ -10,18 +10,43 @@ 'has-text': (inputMessage || '').trim().length > 0 }" > - +
- +
-
+
- - + +
@@ -54,7 +79,10 @@ !isConnected || (inputLocked && !streamingMessage) || (mediaUploading && !streamingMessage) || - ((!(inputMessage || '').trim() && (!selectedImages?.length && !selectedVideos?.length)) && !streamingMessage) + (!(inputMessage || '').trim() && + !selectedImages?.length && + !selectedVideos?.length && + !streamingMessage) " > @@ -165,7 +193,14 @@ const props = defineProps<{ currentConversationId: string | null; iconStyle: (key: string) => Record; toolCategoryIcon: (categoryId: string) => string; - modelOptions: Array<{ key: string; label: string; description: string; disabled?: boolean; supportsImage?: boolean; supportsVideo?: boolean }>; + modelOptions: Array<{ + key: string; + label: string; + description: string; + disabled?: boolean; + supportsImage?: boolean; + supportsVideo?: boolean; + }>; currentModelKey: string; selectedImages?: string[]; selectedVideos?: string[]; diff --git a/static/src/components/input/QuickMenu.vue b/static/src/components/input/QuickMenu.vue index 9e515ab..a4ddd14 100644 --- a/static/src/components/input/QuickMenu.vue +++ b/static/src/components/input/QuickMenu.vue @@ -60,7 +60,6 @@ › -
正在同步工具状态...
@@ -76,13 +75,15 @@ :disabled="streamingMessage || !isConnected || toolSettingsLoading" > - + {{ category.label }} - + @@ -149,7 +150,14 @@ const props = defineProps<{ modeMenuOpen: boolean; runMode?: 'fast' | 'thinking' | 'deep'; modelMenuOpen: boolean; - modelOptions: Array<{ key: string; label: string; description: string; disabled?: boolean; supportsImage?: boolean; supportsVideo?: boolean }>; + modelOptions: Array<{ + key: string; + label: string; + description: string; + disabled?: boolean; + supportsImage?: boolean; + supportsVideo?: boolean; + }>; currentModelKey: string; blockUpload?: boolean; blockToolToggle?: boolean; @@ -176,41 +184,15 @@ defineEmits<{ (event: 'pick-video'): void; }>(); -const runModeOptions = [ - { value: 'fast', label: '快速模式' }, - { value: 'thinking', label: '思考模式' }, - { value: 'deep', label: '深度思考模式' } -] as const; - -const runModeLabelMap: Record<'fast' | 'thinking' | 'deep', string> = { - fast: '快速模式', - thinking: '思考模式', - deep: '深度思考' -}; - -const resolvedRunMode = computed<'fast' | 'thinking' | 'deep'>(() => { - if (props.runMode === 'deep' || props.runMode === 'thinking' || props.runMode === 'fast') { - return props.runMode; - } - return props.thinkingMode ? 'thinking' : 'fast'; -}); - -const runModeLabel = computed(() => runModeLabelMap[resolvedRunMode.value]); - const getIconStyle = (key: string) => (props.iconStyle ? props.iconStyle(key) : {}); -const currentModelLabel = computed(() => { - const found = props.modelOptions?.find(m => m.key === props.currentModelKey); - return found ? found.label : '未选择'; -}); - const currentModelSupportsImage = computed(() => { - const found = props.modelOptions?.find(m => m.key === props.currentModelKey) as any; + const found = props.modelOptions?.find((m) => m.key === props.currentModelKey) as any; return !!found?.supportsImage; }); const currentModelSupportsVideo = computed(() => { - const found = props.modelOptions?.find(m => m.key === props.currentModelKey) as any; + const found = props.modelOptions?.find((m) => m.key === props.currentModelKey) as any; return !!found?.supportsVideo; }); diff --git a/static/src/components/overlay/BackgroundCommandDialog.vue b/static/src/components/overlay/BackgroundCommandDialog.vue index 9f61029..e7ad277 100644 --- a/static/src/components/overlay/BackgroundCommandDialog.vue +++ b/static/src/components/overlay/BackgroundCommandDialog.vue @@ -3,16 +3,20 @@
-
- 后台指令 {{ activeCommand.command_id }} -
+
后台指令 {{ activeCommand.command_id }}
- + {{ activeDetail?.status || activeCommand.status || 'running' }} - + {{ activeDetail?.command || activeCommand.command }}
diff --git a/static/src/components/overlay/ConversationReviewDialog.vue b/static/src/components/overlay/ConversationReviewDialog.vue index 2c2f970..61155e1 100644 --- a/static/src/components/overlay/ConversationReviewDialog.vue +++ b/static/src/components/overlay/ConversationReviewDialog.vue @@ -8,7 +8,9 @@
已生成 {{ generatedPath }}
- +
@@ -63,7 +65,9 @@
预览（前 {{ previewLimit }} 条） - {{ preview.length }} 条 + {{ preview.length }} 条
@@ -90,7 +94,11 @@
@@ -110,7 +118,7 @@ diff --git a/static/src/components/token/TokenDrawer.vue b/static/src/components/token/TokenDrawer.vue index 1323369..bceced7 100644 --- a/static/src/components/token/TokenDrawer.vue +++ b/static/src/components/token/TokenDrawer.vue @@ -1,7 +1,13 @@