@mcp-b/react-components 0.42.0 → 0.44.0

package/dist/styles/agent-chat.css

@@ -93,6 +93,7 @@
   );
 
   display: grid;
+  align-content: start;
   grid-template-rows: var(--sigvelo-layout-track-fill) auto var(--sigvelo-layout-track-fill);
   inline-size: min(
     100%,
@@ -109,6 +110,7 @@
 .agent-chat-start-screen__primary {
   grid-row: 2;
   display: grid;
+  align-content: start;
   gap: var(--sigvelo-spacing-6);
   min-inline-size: 0;
 }
@@ -126,6 +128,7 @@
 
 .agent-chat-start-screen__composer {
   display: grid;
+  align-content: start;
   min-inline-size: 0;
 }
 
@@ -153,9 +156,15 @@
 }
 
 /* The first-turn utility tray owns its buttons' treatment so every host gets
-   the same quiet look without per-app classes. Space-between seats one action
-   per slot — left, middle, right. */
+   the same quiet look without per-app classes. Hug the actions — a short
+   viewport (Storybook addons, a short side panel) used to stretch this into
+   a vacant slab. Space-between only when there are three slots to fill. */
 .agent-chat-start-screen__composer-tray {
+  align-self: start;
+  justify-content: start;
+}
+
+.agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) {
   justify-content: space-between;
 }
 
@@ -194,7 +203,8 @@
   white-space: nowrap;
 }
 
-.agent-chat-start-screen__starters {
+.agent-chat-start-screen__starters,
+.agent-chat-start-screen__lead {
   grid-row: 3;
   align-self: start;
   min-inline-size: 0;
@@ -332,7 +342,8 @@
  * need to.
  */
 .agent-chat-start-screen__heading,
-.agent-chat-start-screen__starters {
+.agent-chat-start-screen__starters,
+.agent-chat-start-screen__lead {
   transition:
     opacity var(--sigvelo-motion-duration-disclosure) var(--sigvelo-ease-snappy),
     translate var(--sigvelo-motion-duration-disclosure) var(--sigvelo-ease-snappy),
@@ -348,7 +359,9 @@
 /* Starters are buttons, so fading them is not enough — invisible controls that
    still take a click or a Tab stop are worse than visible ones. */
 .agent-chat-start-screen__content:has(textarea:not(:placeholder-shown))
-  .agent-chat-start-screen__starters {
+  .agent-chat-start-screen__starters,
+.agent-chat-start-screen__content:has(textarea:not(:placeholder-shown))
+  .agent-chat-start-screen__lead {
   visibility: hidden;
   opacity: 0;
 }
@@ -594,15 +607,6 @@
   }
 }
 
-/* Side-panel widths: tray labels yield to the icons; each action keeps its
-   accessible name. */
-/* Local wrap. Not --sigvelo-layout-break-compact. */
-@container agent-chat (inline-size <= 30rem) {
-  .agent-chat-start-screen__composer-tray > .button > span:not(.app-icon-stack) {
-    display: none;
-  }
-}
-
 @media (max-height: 40rem) {
   .agent-chat-start-screen__content {
     --agent-chat-start-screen-padding-block: var(--sigvelo-spacing-5);
@@ -614,7 +618,8 @@
     grid-row: 1;
   }
 
-  .agent-chat-start-screen__starters {
+  .agent-chat-start-screen__starters,
+  .agent-chat-start-screen__lead {
     grid-row: 2;
   }
 }

package/dist/styles/browser-live-screen.css

@@ -18,6 +18,9 @@
 
 .browser-live-screen__input:focus-visible {
   outline: none;
+}
+
+.browser-live-screen__input:focus-visible:not([data-pointer-focus]) {
   box-shadow: var(--sigvelo-recipe-focus-shadow-inset);
 }
 

package/dist/styles/button.css

@@ -3,7 +3,7 @@
   --sigvelo-recipe-button-padding-inline: var(--sigvelo-spacing-3);
   --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-md);
   --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-md);
-  --sigvelo-recipe-button-radius: var(--sigvelo-radius-md);
+  --sigvelo-recipe-button-radius: var(--sigvelo-recipe-control-radius);
 
   display: inline-flex;
   align-items: center;
@@ -55,8 +55,6 @@
 /* Normal appearance */
 
 .button--normal.button--primary {
-  --sigvelo-recipe-button-radius: var(--sigvelo-radius-full);
-
   background-color: var(--sigvelo-color-primary-bg);
   color: var(--sigvelo-color-primary-text-on-bg);
 }
@@ -169,7 +167,6 @@
   --sigvelo-recipe-button-padding-inline: var(--sigvelo-control-padding-inline-xs);
   --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-xs);
   --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-xs);
-  --sigvelo-recipe-button-radius: var(--sigvelo-radius-sm);
 }
 
 .button--sm {
@@ -177,7 +174,6 @@
   --sigvelo-recipe-button-padding-inline: var(--sigvelo-control-padding-inline-sm);
   --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-sm);
   --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-sm);
-  --sigvelo-recipe-button-radius: var(--sigvelo-radius-sm);
 }
 
 .button--md {

package/dist/styles/chatgpt-sign-in-screen.css

@@ -1,4 +1,14 @@
 .chatgpt-sign-in {
+  --chatgpt-sign-in-brand-bg: light-dark(#006d9f, #63c7e8);
+  --chatgpt-sign-in-brand-text: light-dark(#fff, #061118);
+  --chatgpt-sign-in-brand-text-muted: light-dark(#e5f6fc, #163440);
+  --sigvelo-color-text: var(--chatgpt-sign-in-brand-text);
+  --sigvelo-color-text-muted: var(--chatgpt-sign-in-brand-text-muted);
+  --sigvelo-color-neutral-text-on-subtle: var(--chatgpt-sign-in-brand-text-muted);
+  --sigvelo-color-primary-bg: var(--chatgpt-sign-in-brand-text);
+  --sigvelo-color-primary-bg-muted: var(--chatgpt-sign-in-brand-text-muted);
+  --sigvelo-color-primary-text-on-bg: var(--chatgpt-sign-in-brand-bg);
+
   position: relative;
   isolation: isolate;
   overflow-x: hidden;
@@ -6,51 +16,57 @@
   block-size: 100%;
   min-inline-size: 17.5rem;
   display: grid;
-  grid-template-rows: minmax(min-content, 1fr) auto;
+  grid-template-rows: none;
+  grid-auto-rows: auto;
   place-items: center;
+  align-content: center;
+  row-gap: var(--sigvelo-spacing-2);
   padding: clamp(var(--sigvelo-spacing-5), 5vw, var(--sigvelo-spacing-12));
-  background-color: var(--sigvelo-color-canvas);
-  background-image:
-    linear-gradient(
-      color-mix(in oklab, var(--sigvelo-color-neutral-border-subtle), transparent 42%) 1px,
-      transparent 1px
-    ),
-    linear-gradient(
-      90deg,
-      color-mix(in oklab, var(--sigvelo-color-neutral-border-subtle), transparent 42%) 1px,
-      transparent 1px
-    );
-  background-size: 2rem 2rem;
-  color: var(--sigvelo-color-text);
+  background: var(--chatgpt-sign-in-brand-bg);
+  color: var(--chatgpt-sign-in-brand-text);
   font-family: inherit;
 }
 
 .chatgpt-sign-in::before {
   content: "";
+  display: block;
   position: absolute;
   z-index: 0;
   inset: 0;
-  /* The pointer position arrives as an inline style from the component's own
-     mousemove handler; the fallbacks are only the resting spot before the
-     first move. */
   background:
-    radial-gradient(
-      circle at var(--chatgpt-sign-in-pointer-x, 50%) var(--chatgpt-sign-in-pointer-y, 58%),
-      color-mix(in oklab, var(--sigvelo-color-primary-bg), transparent 72%),
-      transparent 12rem
+    linear-gradient(
+      90deg,
+      rgb(23 38 184 / 0.2),
+      color-mix(in srgb, var(--chatgpt-sign-in-brand-bg) 42%, white 58%) 48%,
+      rgb(255 255 255 / 0.2)
     ),
     radial-gradient(
-      circle at var(--chatgpt-sign-in-pointer-x, 50%) var(--chatgpt-sign-in-pointer-y, 58%),
-      color-mix(in oklab, var(--sigvelo-color-primary-bg-muted), transparent 86%),
-      transparent 18rem
+      circle at 26% 76%,
+      color-mix(in srgb, var(--chatgpt-sign-in-brand-bg) 76%, black 24%),
+      transparent 48%
     );
-  opacity: 0;
+  mix-blend-mode: multiply;
+  opacity: 1;
   pointer-events: none;
-  transition: opacity var(--sigvelo-duration-medium) var(--sigvelo-ease-standard);
+  transition: none;
 }
 
-.chatgpt-sign-in[data-pointer-active="true"]::before {
-  opacity: 1;
+.chatgpt-sign-in::after {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  inset: 0;
+  background: radial-gradient(circle, rgb(255 255 255 / 0.34) 0 1px, transparent 1.25px);
+  background-size: 6px 6px;
+  mask-image: radial-gradient(
+    circle at center,
+    transparent 0 8rem,
+    rgb(0 0 0 / 0.42) 16rem,
+    black 28rem
+  );
+  mix-blend-mode: screen;
+  opacity: 0.82;
+  pointer-events: none;
 }
 
 .chatgpt-sign-in__panel {
@@ -65,9 +81,36 @@
 
 .chatgpt-sign-in__secondary-action {
   z-index: 1;
-  display: flex;
-  justify-content: center;
-  margin-block-start: var(--sigvelo-layout-stack);
+  display: grid;
+  gap: var(--sigvelo-spacing-1);
+  justify-items: center;
+  margin-block-start: 0;
+}
+
+.chatgpt-sign-in__secondary-action::before {
+  content: "or";
+  color: var(--sigvelo-color-text-muted);
+  font-size: var(--sigvelo-text-base);
+  line-height: var(--sigvelo-leading-compact);
+}
+
+.chatgpt-sign-in__secondary-action :where(button) {
+  min-block-size: 2.75rem;
+  padding-inline: var(--sigvelo-spacing-3);
+  border: 0;
+  background: transparent;
+  color: var(--sigvelo-color-text);
+  font-size: var(--sigvelo-text-base);
+  font-weight: var(--sigvelo-font-weight-semibold);
+  line-height: var(--sigvelo-leading-compact);
+  box-shadow: none;
+  text-decoration: underline;
+  text-decoration-thickness: var(--sigvelo-border-width);
+  text-underline-offset: 0.25rem;
+}
+
+.chatgpt-sign-in__secondary-action :where(button):hover:not([data-disabled]) {
+  background: color-mix(in srgb, var(--chatgpt-sign-in-brand-text) 10%, transparent);
 }
 
 .chatgpt-sign-in__error {
@@ -85,7 +128,7 @@
 .chatgpt-sign-in__brand h1 {
   margin: 0;
   color: var(--sigvelo-color-text);
-  font-size: var(--sigvelo-text-2xl);
+  font-size: calc(var(--sigvelo-text-2xl) + 0.125rem);
   font-weight: var(--sigvelo-font-weight-bold);
   letter-spacing: 0;
   line-height: var(--sigvelo-leading-tight);
@@ -97,7 +140,7 @@
   gap: var(--sigvelo-spacing-1-5);
   margin: 0;
   color: var(--sigvelo-color-text-muted);
-  font-size: var(--sigvelo-text-sm);
+  font-size: var(--sigvelo-text-base);
   font-weight: var(--sigvelo-font-weight-semibold);
   line-height: var(--sigvelo-leading-compact);
 }
@@ -122,10 +165,11 @@
   isolation: isolate;
   overflow: hidden;
   min-inline-size: min(100%, 16.75rem);
-  box-shadow:
-    inset 0 0 0 var(--sigvelo-border-width)
-      color-mix(in oklab, var(--sigvelo-color-primary-text-on-bg), transparent 84%),
-    0 0.75rem 1.5rem color-mix(in oklab, var(--sigvelo-color-primary-bg), transparent 78%);
+  min-block-size: 3rem;
+  padding-inline: var(--sigvelo-spacing-4);
+  font-size: var(--sigvelo-text-base);
+  box-shadow: inset 0 0 0 var(--sigvelo-border-width)
+    color-mix(in srgb, var(--chatgpt-sign-in-brand-bg) 16%, transparent);
   translate: 0;
   scale: 1;
   transition:
@@ -169,8 +213,8 @@
 .chatgpt-sign-in__button:hover:not([data-disabled]) {
   box-shadow:
     inset 0 0 0 var(--sigvelo-border-width)
-      color-mix(in oklab, var(--sigvelo-color-primary-text-on-bg), transparent 76%),
-    0 0.9rem 1.9rem color-mix(in oklab, var(--sigvelo-color-primary-bg), transparent 72%);
+      color-mix(in srgb, var(--chatgpt-sign-in-brand-bg) 24%, transparent),
+    0 0 1rem rgb(255 255 255 / 0.34);
   translate: 0 -0.0625rem;
 }
 
@@ -203,15 +247,15 @@
   scale: 1.06;
 }
 
+.chatgpt-sign-in__button svg,
 .chatgpt-sign-in__button .chatgpt-sign-in__logo {
   display: block;
-  inline-size: var(--sigvelo-control-icon-size-sm);
-  block-size: var(--sigvelo-control-icon-size-sm);
+  inline-size: var(--sigvelo-text-lg);
+  block-size: var(--sigvelo-text-lg);
   color: inherit;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .chatgpt-sign-in::before,
   .chatgpt-sign-in__button,
   .chatgpt-sign-in__button::before,
   .chatgpt-sign-in__button-icon {
@@ -220,7 +264,6 @@
 }
 
 @media (hover: none), (pointer: coarse) {
-  .chatgpt-sign-in::before,
   .chatgpt-sign-in__button::before,
   .chatgpt-sign-in__button::after {
     display: none;
@@ -229,6 +272,7 @@
 
 @media (forced-colors: active) {
   .chatgpt-sign-in::before,
+  .chatgpt-sign-in::after,
   .chatgpt-sign-in__button::before,
   .chatgpt-sign-in__button::after {
     display: none;

package/dist/styles/connected-app-card.css

@@ -0,0 +1,54 @@
+.connected-app-card {
+  inline-size: 100%;
+  min-inline-size: 0;
+}
+
+.connected-app-card__title {
+  display: flex;
+  align-items: center;
+  gap: var(--sigvelo-spacing-2);
+}
+
+.connected-app-card__icon {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+}
+
+.connected-app-card__status {
+  display: inline-flex;
+  align-items: center;
+  align-self: center;
+  gap: var(--sigvelo-spacing-1);
+  font-size: var(--sigvelo-text-xs);
+  line-height: var(--sigvelo-text-xs-leading);
+  white-space: nowrap;
+}
+
+.connected-app-card__status[data-state="pending"] {
+  color: var(--sigvelo-color-warning-text);
+}
+
+.connected-app-card__status[data-state="sent"] {
+  color: var(--sigvelo-color-success-text);
+}
+
+.connected-app-card__status[data-state="denied"] {
+  color: var(--sigvelo-color-danger-text);
+}
+
+.connected-app-card__body {
+  margin: 0;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+
+.connected-app-card__footer {
+  flex-wrap: wrap;
+}
+
+@media (forced-colors: active) {
+  .connected-app-card__status {
+    color: CanvasText;
+  }
+}

package/dist/styles/description-list.css

@@ -22,6 +22,31 @@
   text-align: end;
 }
 
+.description-list[data-align="start"] .description-list__item {
+  justify-content: start;
+  align-items: first baseline;
+}
+
+.description-list[data-align="start"] .description-list__item:has(:is(input, textarea)) {
+  align-items: center;
+}
+
+.description-list[data-align="start"] .description-list__term {
+  flex: none;
+  min-inline-size: 9ch;
+}
+
+.description-list[data-align="start"] .description-list__term :is(label, .field__label) {
+  font: inherit;
+  color: inherit;
+}
+
+.description-list[data-align="start"] .description-list__details {
+  flex: 1;
+  min-inline-size: 0;
+  text-align: start;
+}
+
 .description-list[data-variant="divided"] {
   gap: 0;
   border-block: var(--sigvelo-border-style) var(--sigvelo-border-width)

package/dist/styles/index.css

@@ -90,6 +90,7 @@
 @import "./checkpoint.css" layer(components);
 @import "./code-block.css" layer(components);
 @import "./commit.css" layer(components);
+@import "./connected-app-card.css" layer(components);
 @import "./context.css" layer(components);
 @import "./conversation.css" layer(components);
 @import "./conversation-tab-picker.css" layer(components);
@@ -122,6 +123,7 @@
 @import "./think-execution-workbench.css" layer(components);
 @import "./think-full-app.css" layer(components);
 @import "./think-routine-library.css" layer(components);
+@import "./think-sidepanel.css" layer(components);
 @import "./think-thread-picker.css" layer(components);
 @import "./web-preview.css" layer(components);
 @import "./workspace-explorer.css" layer(components);

package/dist/styles/responsive-sidebar-shell.css

@@ -137,6 +137,10 @@
 /* 56rem matches --sigvelo-layout-break-compact. Container queries cannot read var(). */
 @container responsive-sidebar-shell (inline-size <= 56rem) {
   .responsive-sidebar-shell__frame {
+    --responsive-sidebar-compact-bar-size: calc(
+      var(--app-top-bar-block-size, var(--sigvelo-layout-chrome)) + env(safe-area-inset-top, 0px)
+    );
+
     grid-template-columns: var(--sigvelo-layout-track-fill);
   }
 
@@ -153,9 +157,13 @@
     inline-size: min(calc(100cqi - var(--sigvelo-layout-gutter)), 34rem);
     max-inline-size: none;
     block-size: auto;
-    max-block-size: min(32rem, calc(100% - var(--sigvelo-layout-gutter)));
+    max-block-size: min(
+      32rem,
+      calc(100% - var(--responsive-sidebar-compact-bar-size) - var(--sigvelo-layout-gutter))
+    );
     align-self: start;
-    margin-block-start: var(--sigvelo-spacing-1);
+    /* Sit under the title trigger. Covering it ate the click that closes it. */
+    margin-block-start: calc(var(--responsive-sidebar-compact-bar-size) + var(--sigvelo-spacing-1));
     overflow: hidden;
     border-radius: var(--sigvelo-radius-lg);
     background-color: var(--sigvelo-color-surface-raised);
@@ -232,17 +240,12 @@
     transition-timing-function: var(--sigvelo-motion-ease-exit);
   }
 
-  .responsive-sidebar-shell[data-sidebar-open="true"]
-    > .responsive-sidebar-shell__frame
-    > .responsive-sidebar-shell__main {
-    pointer-events: none;
-  }
-
   .responsive-sidebar-shell[data-sidebar-open="true"]
     > .responsive-sidebar-shell__frame
     > .responsive-sidebar-shell__peek {
     position: absolute;
-    inset-block: 0;
+    inset-block-start: var(--responsive-sidebar-compact-bar-size);
+    inset-block-end: 0;
     inset-inline: 0;
     z-index: calc(var(--sigvelo-z-chrome) + 2);
     display: block;

package/dist/styles/think-routine-library.css

@@ -4,6 +4,34 @@
   background: var(--sigvelo-color-canvas);
 }
 
+.think-routine-library__editor {
+  position: relative;
+  block-size: 100%;
+  min-block-size: 0;
+  display: grid;
+  grid-template-rows: auto var(--sigvelo-layout-track-fill);
+  background: var(--sigvelo-color-canvas);
+}
+
+.think-routine-library__editor-error {
+  position: absolute;
+  z-index: 2;
+  inset-block-start: calc(var(--sigvelo-layout-chrome) + var(--sigvelo-layout-gutter));
+  inset-inline: 50% auto;
+  max-inline-size: min(32rem, calc(100% - var(--sigvelo-layout-gutter) * 2));
+  padding: var(--sigvelo-layout-cluster) var(--sigvelo-layout-gutter);
+  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
+    var(--sigvelo-color-danger-border-subtle);
+  border-radius: var(--sigvelo-radius-sm);
+  translate: -50% 0;
+  display: flex;
+  align-items: center;
+  gap: var(--sigvelo-spacing-2);
+  color: var(--sigvelo-color-danger-text);
+  background: var(--sigvelo-color-danger-bg-subtle);
+  font-size: var(--sigvelo-text-compact);
+}
+
 .think-routine-detail,
 .think-routine-form {
   container-type: inline-size;

package/dist/styles/think-sidepanel.css

@@ -0,0 +1,74 @@
+.think-sidepanel {
+  block-size: 100%;
+  min-block-size: 0;
+  min-inline-size: 0;
+  display: grid;
+  grid-template-rows: var(--sigvelo-layout-track-fill);
+}
+
+.think-sidepanel > .think-full-app-shell,
+.think-sidepanel > .think-routine-library {
+  min-block-size: 0;
+}
+
+.think-sidepanel__gate {
+  box-sizing: border-box;
+  block-size: 100%;
+  display: grid;
+  align-content: center;
+  justify-items: center;
+  gap: var(--sigvelo-spacing-3);
+  padding: var(--sigvelo-layout-gutter);
+}
+
+.think-sidepanel__live {
+  block-size: 100%;
+  min-block-size: 0;
+  display: grid;
+  grid-template-rows: auto var(--sigvelo-layout-track-fill);
+}
+
+.think-sidepanel__editor {
+  block-size: 100%;
+  min-block-size: 0;
+  min-inline-size: 0;
+}
+
+.think-sidepanel__run-title {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--sigvelo-spacing-2);
+  min-inline-size: 0;
+  max-inline-size: 100%;
+  margin: 0;
+  font: inherit;
+}
+
+.think-sidepanel__run-title > svg,
+.think-sidepanel__run-title > .nanite-mark {
+  flex: none;
+}
+
+.think-sidepanel__menu-switch-item {
+  justify-content: space-between;
+  gap: var(--sigvelo-spacing-3);
+}
+
+.think-sidepanel__menu-group-label {
+  display: flex;
+  align-items: center;
+  gap: var(--sigvelo-spacing-1-5);
+}
+
+.think-sidepanel__menu-hint {
+  display: inline-flex;
+  color: var(--sigvelo-color-text-muted);
+}
+
+@media (forced-colors: active) {
+  .think-sidepanel,
+  .think-sidepanel__gate {
+    background: canvas;
+    color: canvastext;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.42.0",
+  "version": "0.44.0",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -53,7 +53,7 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.42.0"
+    "@mcp-b/design-tokens": "0.44.0"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.249",

package/dist/{ThinkChat-DkA4Wr71.js → ThinkChat-BES_3Mb-.js}

@@ -1,6 +1,6 @@
 import { TransitionSurface } from "./components/foundations/TransitionSurface.js";
-import { AgentToolRunsProvider, useOptionalAgentToolRuns, useSourceScopedAgentToolEvents } from "./components/agents-sdk/AgentToolRunsContext.js";
 import { AgentChat, compactingNotice } from "./components/agents-sdk/AgentChat.js";
+import { AgentToolRunsProvider, useOptionalAgentToolRuns, useSourceScopedAgentToolEvents } from "./components/agents-sdk/AgentToolRunsContext.js";
 import { SubagentRunList } from "./components/agents-sdk/SubagentRunList.js";
 import { ThinkChatContext, ThinkChatLiveContext, useOptionalThinkChatContext, useThinkChatContext } from "./components/agents-sdk/ThinkChatContext.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./components/agents-sdk/ThinkChatActivity.js";