McpConfigDialog

import { McpConfigDialog } from "@grassroot/ui-react/assistant";
import { assistantDemoConnectors } from "@grassroot/demo-fixtures";
 
export default function McpConfigDialogDemo() {
  return <McpConfigDialog open={true} connectors={assistantDemoConnectors} />;
}

<script setup lang="ts">
import { McpConfigDialog } from "@grassroot/ui-vue/assistant";
import { assistantDemoConnectors } from "@grassroot/demo-fixtures";
</script>
 
<template>
  <McpConfigDialog :open="true" :connectors="assistantDemoConnectors" />
</template>

import "./ensure-compiler";
import { ChangeDetectionStrategy, Component } from "@angular/core";
import { GrassrootMcpConfigDialog } from "@grassroot/ui-angular/assistant";
import { assistantDemoConnectors } from "@grassroot/demo-fixtures";
 
@Component({
  selector: "app-mcp-config-dialog-demo",
  standalone: true,
  imports: [GrassrootMcpConfigDialog],
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `<grassroot-mcp-config-dialog [open]="open" [connectors]="connectors" />`,
})
export class McpConfigDialogDemoComponent {
  protected readonly open = true;
  protected readonly connectors = assistantDemoConnectors;
}
 
export default McpConfigDialogDemoComponent;

<script lang="ts">
  import { McpConfigDialog } from "@grassroot/ui-svelte/assistant";
  import { assistantDemoConnectors } from "@grassroot/demo-fixtures";
</script>
 
<McpConfigDialog open={true} connectors={assistantDemoConnectors} />

/** @jsxImportSource solid-js */
import { McpConfigDialog } from "@grassroot/ui-solid/assistant";
import { assistantDemoConnectors } from "@grassroot/demo-fixtures";
 
export default function McpConfigDialogDemo() {
  return <McpConfigDialog open={true} connectors={assistantDemoConnectors} />;
}