@mcp-b/react-components 0.7.0 → 0.7.1

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

@@ -0,0 +1,224 @@
+.chatgpt-sign-in {
+  --chatgpt-sign-in-pointer-x: 50%;
+  --chatgpt-sign-in-pointer-y: 58%;
+
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  block-size: 100%;
+  min-inline-size: 17.5rem;
+  display: grid;
+  place-items: center;
+  padding: clamp(1.25rem, 5vw, 3rem);
+  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);
+  font-family: var(--sigvelo-font-sans);
+}
+
+.chatgpt-sign-in::before {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  inset: 0;
+  background:
+    radial-gradient(
+      circle at var(--chatgpt-sign-in-pointer-x) var(--chatgpt-sign-in-pointer-y),
+      color-mix(in oklab, var(--sigvelo-color-primary-bg), transparent 72%),
+      transparent 12rem
+    ),
+    radial-gradient(
+      circle at var(--chatgpt-sign-in-pointer-x) var(--chatgpt-sign-in-pointer-y),
+      color-mix(in oklab, var(--sigvelo-color-primary-bg-muted), transparent 86%),
+      transparent 18rem
+    );
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--sigvelo-duration-medium) var(--sigvelo-ease-standard);
+}
+
+.chatgpt-sign-in[data-pointer-active="true"]::before {
+  opacity: 1;
+}
+
+.chatgpt-sign-in__panel {
+  position: relative;
+  z-index: 1;
+  isolation: isolate;
+  display: grid;
+  gap: 1.25rem;
+  justify-items: center;
+  text-align: center;
+}
+
+.chatgpt-sign-in__brand {
+  display: grid;
+  gap: 0.375rem;
+  justify-items: center;
+}
+
+.chatgpt-sign-in__brand h1 {
+  margin: 0;
+  color: var(--sigvelo-color-text);
+  font-size: var(--sigvelo-text-2xl);
+  font-weight: var(--sigvelo-font-weight-bold);
+  letter-spacing: 0;
+  line-height: 1.1;
+}
+
+.chatgpt-sign-in__brand p {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  margin: 0;
+  color: var(--sigvelo-color-text-muted);
+  font-size: var(--sigvelo-text-sm);
+  font-weight: var(--sigvelo-font-weight-semibold);
+  line-height: 1.25;
+}
+
+.chatgpt-sign-in__brand-mark,
+.chatgpt-sign-in__logo {
+  display: inline-flex;
+}
+
+.chatgpt-sign-in__brand-mark :where(img, svg) {
+  inline-size: 1.35rem;
+  block-size: 1.35rem;
+  filter: drop-shadow(
+    0 0.25rem 0.5rem color-mix(in oklab, var(--sigvelo-color-primary-bg), transparent 72%)
+  );
+}
+
+.chatgpt-sign-in__button {
+  --chatgpt-sign-in-button-x: 50%;
+  --chatgpt-sign-in-button-y: 50%;
+
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  min-inline-size: min(100%, 16.75rem);
+  box-shadow:
+    inset 0 0 0 1px 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%);
+  translate: 0;
+  scale: 1;
+  transition:
+    background-color var(--sigvelo-duration-fast) var(--sigvelo-ease-standard),
+    box-shadow var(--sigvelo-duration-fast) var(--sigvelo-ease-standard),
+    filter var(--sigvelo-duration-fast) var(--sigvelo-ease-standard),
+    scale var(--sigvelo-duration-fast) var(--sigvelo-ease-standard),
+    translate var(--sigvelo-duration-fast) var(--sigvelo-ease-standard);
+}
+
+.chatgpt-sign-in__button::before {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  inset: 0;
+  background: radial-gradient(
+    circle at var(--chatgpt-sign-in-button-x) var(--chatgpt-sign-in-button-y),
+    color-mix(in oklab, var(--sigvelo-color-primary-text-on-bg), transparent 70%),
+    transparent 42%
+  );
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--sigvelo-duration-fast) var(--sigvelo-ease-standard);
+}
+
+.chatgpt-sign-in__button::after {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  inset: 1px;
+  border-radius: inherit;
+  background: radial-gradient(
+    circle at var(--chatgpt-sign-in-button-x) var(--chatgpt-sign-in-button-y),
+    color-mix(in oklab, var(--sigvelo-color-primary-text-on-bg), transparent 88%),
+    transparent 55%
+  );
+  opacity: 0.45;
+  pointer-events: none;
+}
+
+.chatgpt-sign-in__button:hover:not([data-disabled]) {
+  box-shadow:
+    inset 0 0 0 1px 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%);
+  translate: 0 -0.0625rem;
+}
+
+.chatgpt-sign-in__button:hover:not([data-disabled])::before {
+  opacity: 1;
+}
+
+.chatgpt-sign-in__button:active:not([data-disabled]) {
+  translate: 0 0.0625rem;
+  scale: 0.99;
+}
+
+.chatgpt-sign-in__button-icon,
+.chatgpt-sign-in__button-label {
+  position: relative;
+  z-index: 1;
+}
+
+.chatgpt-sign-in__button-icon {
+  display: inline-flex;
+  rotate: 0deg;
+  scale: 1;
+  transition:
+    rotate var(--sigvelo-duration-fast) var(--sigvelo-ease-standard),
+    scale var(--sigvelo-duration-fast) var(--sigvelo-ease-standard);
+}
+
+.chatgpt-sign-in__button:hover:not([data-disabled]) .chatgpt-sign-in__button-icon {
+  rotate: -4deg;
+  scale: 1.06;
+}
+
+.chatgpt-sign-in__logo {
+  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 {
+    transition: none;
+  }
+}
+
+@media (hover: none), (pointer: coarse) {
+  .chatgpt-sign-in::before,
+  .chatgpt-sign-in__button::before,
+  .chatgpt-sign-in__button::after {
+    display: none;
+  }
+}
+
+@media (forced-colors: active) {
+  .chatgpt-sign-in::before,
+  .chatgpt-sign-in__button::before,
+  .chatgpt-sign-in__button::after {
+    display: none;
+  }
+
+  .chatgpt-sign-in__button {
+    background-image: none;
+    box-shadow: none;
+    outline: 1px solid ButtonText;
+    outline-offset: 2px;
+  }
+}

package/dist/styles/code-block.css

@@ -2,6 +2,7 @@
   display: flex;
   flex-direction: column;
   width: 100%;
+  min-inline-size: 0;
   font-family: var(--sigvelo-font-sans);
   /* Fill-based containment: no perimeter border */
   background-color: var(--sigvelo-color-neutral-bg-subtle);
@@ -47,8 +48,9 @@
 
 .code-block__container {
   position: relative;
+  min-inline-size: 0;
   overflow-x: auto;
-  overflow-y: clip;
+  overflow-y: auto;
 }
 
 .code-block__content {

package/dist/styles/index.css

@@ -72,6 +72,7 @@
 @import "./file-tree.css" layer(components);
 @import "./message.css" layer(components);
 @import "./model-selector.css" layer(components);
+@import "./chatgpt-sign-in-screen.css" layer(components);
 @import "./prompt-input.css" layer(components);
 @import "./queue.css" layer(components);
 @import "./reasoning.css" layer(components);
@@ -79,6 +80,7 @@
 @import "./task.css" layer(components);
 @import "./terminal.css" layer(components);
 @import "./test-results.css" layer(components);
+@import "./think-full-app.css" layer(components);
 @import "./web-preview.css" layer(components);
 @import "./workspace-explorer.css" layer(components);
 

package/dist/styles/message-scroller.css

@@ -11,6 +11,9 @@
 }
 
 .message-scroller__viewport {
+  --message-scroller-fade-size: min(12%, 2.5rem);
+  --message-scroller-fade-t: 0px;
+  --message-scroller-fade-b: 0px;
   width: 100%;
   height: 100%;
   min-width: 0;
@@ -20,6 +23,26 @@
   overscroll-behavior: contain;
   scrollbar-gutter: stable;
   contain: content;
+  -webkit-mask-image: linear-gradient(
+    to bottom,
+    transparent 0,
+    #000 var(--message-scroller-fade-t),
+    #000 calc(100% - var(--message-scroller-fade-b)),
+    transparent 100%
+  );
+  mask-image: linear-gradient(
+    to bottom,
+    transparent 0,
+    #000 var(--message-scroller-fade-t),
+    #000 calc(100% - var(--message-scroller-fade-b)),
+    transparent 100%
+  );
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+}
+
+.message-scroller__viewport[data-scrollable~="end"] {
+  --message-scroller-fade-b: var(--message-scroller-fade-b-size, var(--message-scroller-fade-size));
 }
 
 .message-scroller__content {
@@ -40,8 +63,8 @@
   inset-block-end: 1rem;
   z-index: 1;
   translate: -50% 0;
+  border-radius: 999rem;
   box-shadow: var(--sigvelo-shadow-sm);
-  background-color: var(--sigvelo-color-surface);
   transition:
     opacity var(--sigvelo-duration-fast) var(--sigvelo-ease-standard),
     scale var(--sigvelo-duration-fast) var(--sigvelo-ease-standard),

package/dist/styles/prompt-input.css

@@ -205,6 +205,7 @@
 
 .prompt-input__submit {
   flex-shrink: 0;
+  border-radius: 999rem;
 }
 
 .prompt-input__submit-spinner {

package/dist/styles/think-full-app.css

@@ -0,0 +1,318 @@
+.think-full-app {
+  position: relative;
+  block-size: 100%;
+  min-block-size: 32rem;
+  min-inline-size: 0;
+  display: grid;
+  grid-template-rows: minmax(0, 1fr);
+  grid-template-columns: minmax(0, 1fr) var(--think-full-app-files-w, 21.25rem);
+  background: var(--sigvelo-color-canvas);
+  color: var(--sigvelo-color-text);
+  font-family: var(--sigvelo-font-sans);
+  transition: grid-template-columns 160ms ease;
+}
+
+.think-full-app[data-has-files="false"] {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.think-full-app__mobile-header {
+  display: none;
+}
+
+.think-full-app__chat-surface {
+  grid-column: 1;
+  grid-row: 1;
+  min-inline-size: 0;
+  min-block-size: 0;
+  display: grid;
+  grid-template-rows: minmax(0, 1fr);
+  overflow: hidden;
+  background: var(--sigvelo-color-surface);
+}
+
+.think-full-app__chat,
+.think-full-app__chat-inner {
+  min-inline-size: 0;
+  min-block-size: 0;
+  display: grid;
+  grid-template-rows: minmax(0, 1fr);
+  overflow: hidden;
+}
+
+.think-full-app__chat-inner {
+  grid-template-rows: minmax(0, 1fr) auto;
+}
+
+.think-full-app__chat .conversation__content {
+  inline-size: min(100%, 46rem);
+  margin-inline: auto;
+  gap: 0.375rem;
+  padding-inline: clamp(0.75rem, 2vw, 1.25rem);
+}
+
+.think-full-app__chat .message__content {
+  max-inline-size: min(42rem, 94%);
+}
+
+.think-full-app__chat .message[data-from="assistant"] .message__content {
+  inline-size: min(42rem, 96%);
+}
+
+.think-full-app__chat .agent-chat__composer {
+  padding-inline: 1rem;
+}
+
+.think-full-app__chat .agent-chat__composer .prompt-input {
+  inline-size: min(100%, 46rem);
+  margin-inline: auto;
+}
+
+.think-full-app__error {
+  inline-size: min(100%, 46rem);
+  margin: 0 auto 0.375rem;
+  padding: 0.4375rem 0.625rem;
+  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
+    var(--sigvelo-color-danger-border-subtle);
+  border-radius: var(--sigvelo-radius-sm);
+  background: var(--sigvelo-color-danger-bg-subtle);
+  color: var(--sigvelo-color-danger-text);
+  font-size: 0.75rem;
+}
+
+.think-full-app__error button {
+  margin-inline-start: 0.5rem;
+  border: none;
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.think-full-app__aside {
+  grid-column: 2;
+  grid-row: 1;
+  min-inline-size: 0;
+  min-block-size: 0;
+  display: grid;
+  grid-template-rows: minmax(0, 1fr);
+  overflow: hidden;
+  border-inline-start: var(--sigvelo-border-style) var(--sigvelo-border-width)
+    var(--sigvelo-color-neutral-border-subtle);
+  background: color-mix(
+    in oklab,
+    var(--sigvelo-color-canvas),
+    var(--sigvelo-color-primary-bg-subtle) 18%
+  );
+}
+
+.think-full-app__resizer {
+  position: absolute;
+  z-index: 5;
+  inset-block: 0;
+  inset-inline-end: var(--think-full-app-files-w, 21.25rem);
+  inline-size: 0.625rem;
+  margin-inline-end: -0.3125rem;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  cursor: col-resize;
+  touch-action: pan-y;
+  appearance: none;
+}
+
+.think-full-app__resizer::before {
+  content: "";
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: 50%;
+  inline-size: 1px;
+  transform: translateX(-50%);
+  background: transparent;
+  transition: background 120ms ease;
+}
+
+.think-full-app__resizer:hover::before,
+.think-full-app__resizer:focus-visible::before,
+body.is-resizing-columns .think-full-app__resizer::before {
+  background: color-mix(in srgb, var(--sigvelo-color-primary-text) 38%, transparent);
+}
+
+.think-full-app__resizer:focus-visible {
+  outline: 2px solid var(--sigvelo-color-focus);
+  outline-offset: -2px;
+}
+
+body.is-resizing-columns {
+  cursor: col-resize;
+  user-select: none;
+}
+
+body.is-resizing-columns .think-full-app {
+  transition: none;
+}
+
+.think-full-app__files-slot,
+.think-full-app__workbench {
+  min-inline-size: 0;
+  min-block-size: 0;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.think-full-app__workbench {
+  background: color-mix(
+    in oklab,
+    var(--sigvelo-color-canvas),
+    var(--sigvelo-color-primary-bg-subtle) 18%
+  );
+}
+
+.think-full-app__workspace-title {
+  display: inline-flex;
+  align-items: center;
+  min-inline-size: 0;
+  gap: 0.375rem;
+}
+
+.think-full-app__workspace-back {
+  display: none;
+}
+
+@media (width <= 56rem) {
+  .think-full-app {
+    min-block-size: 0;
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: minmax(0, 1fr);
+  }
+
+  .think-full-app[data-has-files="false"] {
+    grid-template-rows: minmax(0, 1fr);
+  }
+
+  .think-full-app__mobile-header {
+    position: absolute;
+    z-index: 30;
+    inset-block-start: 0;
+    inset-inline: 0;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    min-block-size: calc(2.5rem + env(safe-area-inset-top, 0px));
+    padding-block: calc(0.25rem + env(safe-area-inset-top, 0px)) 0.25rem;
+    padding-inline: calc(0.625rem + env(safe-area-inset-left, 0px))
+      calc(0.625rem + env(safe-area-inset-right, 0px));
+    pointer-events: none;
+  }
+
+  .think-full-app__mobile-action {
+    pointer-events: auto;
+    border-radius: 999rem;
+    border: var(--sigvelo-border-style) var(--sigvelo-border-width)
+      color-mix(in oklab, var(--sigvelo-color-neutral-border-subtle), transparent 36%);
+    background: color-mix(in oklab, var(--sigvelo-color-surface), transparent 26%);
+    color: var(--sigvelo-color-text);
+    box-shadow: var(--sigvelo-shadow-xs);
+    backdrop-filter: blur(14px) saturate(1.18);
+    -webkit-backdrop-filter: blur(14px) saturate(1.18);
+  }
+
+  .think-full-app__mobile-action:hover:not([data-disabled]),
+  .think-full-app__mobile-action:focus-visible {
+    background: color-mix(in oklab, var(--sigvelo-color-surface), transparent 12%);
+    color: var(--sigvelo-color-primary-text);
+  }
+
+  .think-full-app[data-mobile-view="files"] .think-full-app__workspace-back {
+    display: inline-flex;
+    flex: 0 0 auto;
+    border-radius: 999rem;
+    background: transparent;
+    color: var(--sigvelo-color-text);
+  }
+
+  .think-full-app[data-mobile-view="files"]
+    .think-full-app__workspace-back:hover:not([data-disabled]),
+  .think-full-app[data-mobile-view="files"] .think-full-app__workspace-back:focus-visible {
+    background: color-mix(in srgb, var(--sigvelo-color-surface) 76%, transparent);
+    color: var(--sigvelo-color-primary-text);
+  }
+
+  .think-full-app__chat-surface,
+  .think-full-app__files-slot,
+  .think-full-app__workbench {
+    grid-column: 1;
+    grid-row: 1;
+    min-block-size: 0;
+    display: none;
+  }
+
+  .think-full-app__aside {
+    display: contents;
+    border-inline-start: 0;
+  }
+
+  .think-full-app__resizer {
+    display: none;
+  }
+
+  .think-full-app[data-mobile-view="chat"] .think-full-app__chat-surface {
+    display: grid;
+  }
+
+  .think-full-app[data-has-files="false"] .think-full-app__chat-surface {
+    grid-row: 1;
+  }
+
+  .think-full-app[data-mobile-view="files"] .think-full-app__files-slot,
+  .think-full-app[data-mobile-view="files"] .think-full-app__workbench {
+    display: flex;
+  }
+
+  .think-full-app__chat .conversation__content {
+    inline-size: min(100%, 34rem);
+    padding-inline: 1.5rem;
+  }
+
+  .think-full-app[data-has-files="true"] .think-full-app__chat .message-scroller__viewport {
+    --message-scroller-fade-t-size: 3rem;
+    --message-scroller-fade-b-size: 3rem;
+  }
+
+  .think-full-app[data-has-files="true"]
+    .think-full-app__chat
+    .message-scroller__viewport[data-scrollable~="start"] {
+    --message-scroller-fade-t: var(--message-scroller-fade-t-size);
+  }
+
+  .think-full-app[data-has-files="true"] .think-full-app__chat .agent-chat__transcript-content {
+    padding-block-start: calc(2.5rem + env(safe-area-inset-top, 0px));
+  }
+
+  .think-full-app__chat .message__content,
+  .think-full-app__chat .message[data-from="assistant"] .message__content {
+    max-inline-size: 100%;
+    inline-size: min(100%, 34rem);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .think-full-app,
+  .think-full-app__resizer::before {
+    transition: none;
+  }
+}
+
+@media (forced-colors: active) {
+  .think-full-app__chat-surface,
+  .think-full-app__aside,
+  .think-full-app__workbench {
+    border: 1px solid canvastext;
+    background: canvas;
+    color: canvastext;
+    box-shadow: none;
+  }
+}

package/dist/utils/mcp-server-catalog.d.ts

@@ -98,6 +98,27 @@ declare const MCP_SERVER_SETUP_AUTH: {
     readonly fields: readonly [];
   };
 };
+declare const CUSTOM_MCP_SERVER_CARD: {
+  readonly id: "localMcp";
+  readonly name: "Custom MCP";
+  readonly url: "";
+  readonly description: "Connect any Streamable HTTP MCP server";
+  readonly category: "Manual";
+  readonly manualSetup: {
+    readonly auth: {
+      readonly type: "bearer";
+      readonly label: "Optional bearer / API key";
+      readonly fields: readonly [{
+        readonly name: "bearerToken";
+        readonly label: "Bearer";
+        readonly inputType: "password";
+        readonly placeholder: "Paste token";
+      }];
+    };
+    readonly description: "Enter a server URL and optional bearer token.";
+    readonly links: readonly [];
+  };
+};
 declare function getMcpServerIconSrc(server: Pick<McpServerCard, "icon" | "url">): string | undefined;
 declare function inferMcpServerFaviconUrl(url: string): string | undefined;
 /** Remote MCP servers whose OAuth metadata exposes a registration_endpoint. */
@@ -907,5 +928,6 @@ declare const MANUAL_MCP_SERVER_CARDS: readonly [{
     }];
   };
 }];
+declare const DEFAULT_MCP_SERVER_CARDS: readonly McpServerCard[];
 //#endregion
-export { DCR_MCP_SERVER_CARDS, MANUAL_MCP_SERVER_CARDS, MCP_SERVER_SETUP_AUTH, McpServerCard, McpServerCardIcon, McpServerManualSetup, McpServerPickerStatus, McpServerSetupAuth, McpServerSetupAuthField, McpServerSetupAuthFieldName, McpServerSetupLink, getMcpServerIconSrc, inferMcpServerFaviconUrl };
+export { CUSTOM_MCP_SERVER_CARD, DCR_MCP_SERVER_CARDS, DEFAULT_MCP_SERVER_CARDS, MANUAL_MCP_SERVER_CARDS, MCP_SERVER_SETUP_AUTH, McpServerCard, McpServerCardIcon, McpServerManualSetup, McpServerPickerStatus, McpServerSetupAuth, McpServerSetupAuthField, McpServerSetupAuthFieldName, McpServerSetupLink, getMcpServerIconSrc, inferMcpServerFaviconUrl };

package/dist/utils/mcp-server-catalog.js

@@ -72,6 +72,27 @@ const MCP_SERVER_SETUP_AUTH = {
 		fields: []
 	}
 };
+const CUSTOM_MCP_SERVER_CARD = {
+	id: "localMcp",
+	name: "Custom MCP",
+	url: "",
+	description: "Connect any Streamable HTTP MCP server",
+	category: MANUAL_CATEGORY,
+	manualSetup: {
+		auth: {
+			type: "bearer",
+			label: "Optional bearer / API key",
+			fields: [{
+				name: "bearerToken",
+				label: "Bearer",
+				inputType: "password",
+				placeholder: "Paste token"
+			}]
+		},
+		description: "Enter a server URL and optional bearer token.",
+		links: []
+	}
+};
 function getMcpServerIconSrc(server) {
 	if (typeof server.icon === "string") return server.icon;
 	if (server.icon?.src) return server.icon.src;
@@ -724,5 +745,10 @@ const MANUAL_MCP_SERVER_CARDS = [
 		}
 	}
 ];
+const DEFAULT_MCP_SERVER_CARDS = [
+	...DCR_MCP_SERVER_CARDS,
+	CUSTOM_MCP_SERVER_CARD,
+	...MANUAL_MCP_SERVER_CARDS
+];
 //#endregion
-export { DCR_MCP_SERVER_CARDS, MANUAL_MCP_SERVER_CARDS, MCP_SERVER_SETUP_AUTH, getMcpServerIconSrc, inferMcpServerFaviconUrl };
+export { CUSTOM_MCP_SERVER_CARD, DCR_MCP_SERVER_CARDS, DEFAULT_MCP_SERVER_CARDS, MANUAL_MCP_SERVER_CARDS, MCP_SERVER_SETUP_AUTH, getMcpServerIconSrc, inferMcpServerFaviconUrl };