@@ -19,7 +19,7 @@
19192020.chat-tool-card--expanded {
2121max-height: none;
22-overflow: visible;
22+overflow: hidden;
2323}
24242525.chat-tool-card:hover {
6363display: inline-flex;
6464align-items: center;
6565gap: 6px;
66+flex: 1 1 auto;
6667font-weight: 600;
6768font-size: var(--control-ui-text-md);
6869line-height: 1.2;
6970min-width: 0;
71+max-width: 100%;
72+overflow-wrap: anywhere;
7073}
71747275.chat-tool-card__icon {
9598align-items: center;
9699justify-content: center;
97100gap: 4px;
101+flex-shrink: 0;
98102font-size: 11px;
103+white-space: nowrap;
99104color: var(--muted);
100105opacity: 1;
101106transition:
161166margin-top: 10px;
162167}
163168169+/* Error state: tool returned an error payload or "Tool not found" */
170+.chat-tool-card__status--error,
171+.chat-tool-card__action--error,
172+.chat-tool-card__status-text--error {
173+color: var(--destructive, var(--danger, #c0392b));
174+}
175+176+.chat-tool-card__status-badge {
177+display: inline-flex;
178+align-items: center;
179+gap: 3px;
180+padding: 1px 6px;
181+margin-left: 6px;
182+border-radius: 999px;
183+background: color-mix(in srgb, var(--destructive, var(--danger, #c0392b)) 15%, transparent);
184+color: var(--destructive, var(--danger, #c0392b));
185+font-size: 10px;
186+font-weight: 600;
187+letter-spacing: 0.04em;
188+text-transform: uppercase;
189+line-height: 1.4;
190+}
191+192+.chat-tool-card__status-badge svg {
193+width: 10px;
194+height: 10px;
195+stroke: currentColor;
196+fill: none;
197+stroke-width: 2px;
198+stroke-linecap: round;
199+stroke-linejoin: round;
200+}
201+202+.chat-tool-card--error {
203+border-color: color-mix(in srgb, var(--destructive, var(--danger, #c0392b)) 35%, var(--border));
204+background:
205+linear-gradient(
206+90deg,
207+color-mix(in srgb, var(--destructive, var(--danger, #c0392b)) 8%, transparent),
208+ transparent 36%
209+ ),
210+color-mix(in srgb, var(--card) 86%, var(--secondary) 14%);
211+}
212+213+.chat-tool-card--error:hover {
214+border-color: color-mix(
215+ in srgb,
216+var(--destructive, var(--danger, #c0392b)) 44%,
217+var(--border-strong)
218+ );
219+background:
220+linear-gradient(
221+90deg,
222+color-mix(in srgb, var(--destructive, var(--danger, #c0392b)) 11%, transparent),
223+ transparent 38%
224+ ),
225+color-mix(in srgb, var(--card) 78%, var(--bg-hover) 22%);
226+}
227+228+.chat-tool-card--error .chat-tool-card__icon,
229+.chat-tool-msg-summary.chat-tool-msg-summary--error .chat-tool-msg-summary__icon {
230+color: var(--destructive, var(--danger, #c0392b));
231+opacity: 0.9;
232+}
233+234+.chat-tool-msg-summary__error-badge {
235+display: inline-flex;
236+align-items: center;
237+gap: 3px;
238+padding: 1px 6px;
239+margin-left: auto;
240+border-radius: 999px;
241+background: color-mix(in srgb, var(--destructive, var(--danger, #c0392b)) 15%, transparent);
242+color: var(--destructive, var(--danger, #c0392b));
243+font-size: 10px;
244+font-weight: 600;
245+letter-spacing: 0.04em;
246+text-transform: uppercase;
247+line-height: 1.4;
248+flex-shrink: 0;
249+}
250+251+.chat-tool-msg-summary__error-badge svg {
252+width: 10px;
253+height: 10px;
254+stroke: currentColor;
255+fill: none;
256+stroke-width: 2px;
257+stroke-linecap: round;
258+stroke-linejoin: round;
259+}
260+164261.chat-tool-card__detail {
165262font-size: var(--control-ui-text-sm);
166263color: var(--muted);
365462max-height: min(520px, 60vh);
366463}
367464465+.chat-tool-card__block-content code {
466+white-space: inherit;
467+overflow-wrap: anywhere;
468+word-break: inherit;
469+}
470+368471.chat-tool-card__inline {
369472margin-top: 10px;
370473white-space: pre-wrap;
585688color-mix(in srgb, var(--card) 86%, var(--secondary) 14%);
586689}
587690691+.chat-tool-msg-summary.chat-tool-msg-summary--error {
692+border-color: color-mix(in srgb, var(--destructive, var(--danger, #c0392b)) 30%, var(--border));
693+background:
694+linear-gradient(
695+90deg,
696+color-mix(in srgb, var(--destructive, var(--danger, #c0392b)) 11%, transparent),
697+ transparent 36%
698+ ),
699+color-mix(in srgb, var(--card) 86%, var(--secondary) 14%);
700+}
701+588702.chat-tool-msg-summary::-webkit-details-marker {
589703display: none;
590704}
618732border-color: color-mix(in srgb, var(--border-strong) 70%, transparent);
619733}
620734735+.chat-tool-msg-summary.chat-tool-msg-summary--error:hover {
736+background:
737+linear-gradient(
738+90deg,
739+color-mix(in srgb, var(--destructive, var(--danger, #c0392b)) 14%, transparent),
740+ transparent 38%
741+ ),
742+color-mix(in srgb, var(--card) 78%, var(--bg-hover) 22%);
743+border-color: color-mix(
744+ in srgb,
745+var(--destructive, var(--danger, #c0392b)) 38%,
746+var(--border-strong)
747+ );
748+}
749+621750.chat-tool-msg-collapse--manual.is-open > .chat-tool-msg-summary,
622751.chat-tool-msg-collapse[open] > .chat-tool-msg-summary {
623752border-bottom-right-radius: 0;
790919max-height: 100px;
791920 }
792921922+ .chat-tool-card--expanded {
923+max-height: none;
924+ }
925+793926 .chat-tool-card__title {
794927font-size: 12px;
795928 }
826959max-height: 80px;
827960 }
828961962+ .chat-tool-card--expanded {
963+max-height: none;
964+ }
965+829966 .chat-tool-card__preview {
830967padding: 4px 6px;
831968max-height: 28px;
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。