McpScopeInspector

import { McpScopeInspector } from '@mcp-elements/react'

const descriptions = {
  'repo:read': 'List and read repository contents',
  'repo:write': 'Create and modify files',
}

export function Example() {
  return <McpScopeInspector scopes="repo:read repo:write" descriptions={descriptions} />
}

import { Component } from '@angular/core'
import { McpeMcpScopeInspectorComponent } from '@mcp-elements/angular'

@Component({
  selector: 'app-scope-inspector-example',
  standalone: true,
  imports: [McpeMcpScopeInspectorComponent],
  template: `<mcpe-mcp-scope-inspector scopes="repo:read repo:write" [descriptions]="descriptions" />`,
})
export class ScopeInspectorExampleComponent {
  descriptions: Record<string, string> = {
    'repo:read': 'List and read repository contents',
    'repo:write': 'Create and modify files',
  }
}

<script setup lang="ts">
import { McpeMcpScopeInspector } from '@mcp-elements/vue'

const descriptions: Record<string, string> = {
  'repo:read': 'List and read repository contents',
  'repo:write': 'Create and modify files',
}
</script>

<template>
  <McpeMcpScopeInspector scopes="repo:read repo:write" :descriptions="descriptions" />
</template>