<commit_before>import React from 'react';
import Relay from 'react-relay';
import DocumentTitle from 'react-document-title';

import PageWithContainer from '../../shared/PageWithContainer';

import Agents from './agents';
import AgentTokens from './agent-tokens';
import AgentInstallation from './installation';
import QuickStart from './quick-start';

class AgentIndex extends React.Component {
  static propTypes = {
    location: React.PropTypes.shape({
      query: React.PropTypes.object
    }).isRequired,
    organization: React.PropTypes.shape({
      name: React.PropTypes.string.isRequired,
      permissions: React.PropTypes.shape({
        agentTokenView: React.PropTypes.shape({
          allowed: React.PropTypes.bool.isRequired
        }).isRequired
      }).isRequired
    }).isRequired,
    viewer: React.PropTypes.object.isRequired
  };

  render() {
    return (
      <DocumentTitle title={`Agents · ${this.props.organization.name}`}>
        <PageWithContainer>
          {this.renderContent()}
        </PageWithContainer>
      </DocumentTitle>
    );
  }

  renderContent() {
    const { organization, viewer, location, location: { query } } = this.props;

    // Switches between showing just the agents, or the agents along with
    // registration tokens.
    if (organization.permissions.agentTokenView.allowed) {
      if (query.setup === 'true') {
        return (
          <div className="clearfix mxn3">
            <QuickStart
              title="Select the environment to set up your first agent"
              center={false}
              organization={organization}
              viewer={viewer}
              location={location}
            />
            <AgentInstallation organization={organization} />
            <AgentTokens
              title="Your agent token"
              organization={organization}
            />
          </div>
        );
      }

      return (
        <div className="clearfix mxn3">
          <div className="sm-col sm-col-8 px3">
            <QuickStart
              organization={organization}
              viewer={viewer}
              location={location}<commit_msg>Reduce the width of agents in setup<commit_after>import React from 'react';
import Relay from 'react-relay';
import DocumentTitle from 'react-document-title';

import PageWithContainer from '../../shared/PageWithContainer';

import Agents from './agents';
import AgentTokens from './agent-tokens';
import AgentInstallation from './installation';
import QuickStart from './quick-start';

class AgentIndex extends React.Component {
  static propTypes = {
    location: React.PropTypes.shape({
      query: React.PropTypes.object
    }).isRequired,
    organization: React.PropTypes.shape({
      name: React.PropTypes.string.isRequired,
      permissions: React.PropTypes.shape({
        agentTokenView: React.PropTypes.shape({
          allowed: React.PropTypes.bool.isRequired
        }).isRequired
      }).isRequired
    }).isRequired,
    viewer: React.PropTypes.object.isRequired
  };

  render() {
    return (
      <DocumentTitle title={`Agents · ${this.props.organization.name}`}>
        <PageWithContainer>
          {this.renderContent()}
        </PageWithContainer>
      </DocumentTitle>
    );
  }

  renderContent() {
    const { organization, viewer, location, location: { query } } = this.props;

    // Switches between showing just the agents, or the agents along with
    // registration tokens.
    if (organization.permissions.agentTokenView.allowed) {
      if (query.setup === 'true') {
        return (
          <div className="clearfix mxn3 md-col-9 lg-col-8 mx-auto">
            <QuickStart
              title="Select the environment to set up your first agent"
              center={false}
              organization={organization}
              viewer={viewer}
              location={location}
            />
            <AgentInstallation organization={organization} />
            <AgentTokens
              title="Your agent token"
              organization={organization}
            />
          </div>
        );
      }

      return (
        <div className="clearfix mxn3">
          <div className="sm-col sm-col-8 px3">
            <QuickStart
              organization={organization}
              viewer={viewer}
              location={location}
{'fraction_non_alphanumeric': 0.11216029479502533, 'fraction_numerical': 0.0023030861354214646, 'mean_word_length': 2.2678705793829947, 'pattern_counts': {'":': 0, '<': 27, '<?xml version=': 0, '>': 25, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5197837', 'n_tokens_mistral': 1118, 'n_tokens_neox': 1109, 'n_words': 272}