@mcp-b/react-components 0.31.5 → 0.31.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -259,7 +259,7 @@ function findBrowserResultMedia(value, depth = 0) {
|
|
|
259
259
|
visit(value, depth);
|
|
260
260
|
return media;
|
|
261
261
|
}
|
|
262
|
-
function ExecuteCodeView({ code, output, hideResult }) {
|
|
262
|
+
function ExecuteCodeView({ code, output, hideResult, isStreaming }) {
|
|
263
263
|
const calls = output && "calls" in output ? output.calls : void 0;
|
|
264
264
|
const sections = [
|
|
265
265
|
output && "logs" in output && output.logs?.length ? output.logs.join("\n") : "",
|
|
@@ -271,6 +271,7 @@ function ExecuteCodeView({ code, output, hideResult }) {
|
|
|
271
271
|
code ? /* @__PURE__ */ jsx(CodeBlock, {
|
|
272
272
|
className: "activity__code-block",
|
|
273
273
|
code,
|
|
274
|
+
isStreaming,
|
|
274
275
|
language: "ts"
|
|
275
276
|
}) : null,
|
|
276
277
|
calls?.length ? /* @__PURE__ */ jsx(ToolCallAudit, { calls }) : null,
|
|
@@ -366,7 +367,8 @@ function ThinkChatExecutePanel({ part }) {
|
|
|
366
367
|
error: output?.status === "error",
|
|
367
368
|
children: /* @__PURE__ */ jsx(ExecuteCodeView, {
|
|
368
369
|
code: part.input?.code ?? "",
|
|
369
|
-
output
|
|
370
|
+
output,
|
|
371
|
+
isStreaming: part.state === "input-streaming"
|
|
370
372
|
})
|
|
371
373
|
});
|
|
372
374
|
}
|
|
@@ -399,7 +401,8 @@ function ThinkChatBrowserPanel({ part }) {
|
|
|
399
401
|
const codeView = /* @__PURE__ */ jsx(ExecuteCodeView, {
|
|
400
402
|
code,
|
|
401
403
|
output,
|
|
402
|
-
hideResult: hasMedia
|
|
404
|
+
hideResult: hasMedia,
|
|
405
|
+
isStreaming: part.state === "input-streaming"
|
|
403
406
|
});
|
|
404
407
|
return /* @__PURE__ */ jsx(ActivityPanel, {
|
|
405
408
|
label: "Browser",
|
|
@@ -419,19 +419,6 @@
|
|
|
419
419
|
}
|
|
420
420
|
|
|
421
421
|
@container prompt-input (inline-size <= 22rem) {
|
|
422
|
-
.prompt-input__footer {
|
|
423
|
-
flex-wrap: wrap;
|
|
424
|
-
}
|
|
425
|
-
|
|
426
|
-
.prompt-input__tools {
|
|
427
|
-
flex: 1 1 100%;
|
|
428
|
-
flex-wrap: wrap;
|
|
429
|
-
}
|
|
430
|
-
|
|
431
|
-
.prompt-input__footer-end {
|
|
432
|
-
margin-inline-start: auto;
|
|
433
|
-
}
|
|
434
|
-
|
|
435
422
|
.prompt-input__context-trigger {
|
|
436
423
|
inline-size: var(--sigvelo-control-height-xs);
|
|
437
424
|
padding-inline: 0;
|
package/dist/styles/recipes.css
CHANGED
|
@@ -151,8 +151,7 @@
|
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
:where([data-recipe~="application-plane"]) {
|
|
154
|
-
margin
|
|
155
|
-
margin-block-end: var(--sigvelo-spacing-2);
|
|
154
|
+
margin: var(--sigvelo-spacing-3);
|
|
156
155
|
border-radius: var(--sigvelo-radius-lg);
|
|
157
156
|
background: var(--sigvelo-color-surface);
|
|
158
157
|
box-shadow: var(--sigvelo-elevation-floating);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mcp-b/react-components",
|
|
3
|
-
"version": "0.31.
|
|
3
|
+
"version": "0.31.6",
|
|
4
4
|
"description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
|
|
5
5
|
"homepage": "https://design-system.sigvelo.com",
|
|
6
6
|
"bugs": {
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"streamdown": "^2.5.0",
|
|
59
59
|
"unist-util-visit": "^5.1.0",
|
|
60
60
|
"yet-another-react-lightbox": "^3.32.1",
|
|
61
|
-
"@mcp-b/design-tokens": "0.31.
|
|
61
|
+
"@mcp-b/design-tokens": "0.31.6"
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
64
|
"@ai-sdk/react": "^3.0.230",
|