> ## Documentation Index
> Fetch the complete documentation index at: https://docs.stackone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# UKG Ready

> 140 actions available for UKG Ready through StackOne. Use via Actions RPC, Toolset SDK, MCP, or A2A.

export const GettingStarted = ({connector}) => {
  const linkStyle = {
    textDecoration: 'none'
  };
  const authConfigGuides = connector?.authentication?.filter(a => a?.setupGuide) ?? [];
  const linkAccountGuides = connector?.authentication?.filter(a => a?.configGuide) ?? [];
  return <div style={{
    marginTop: '32px',
    paddingTop: '24px',
    borderTop: '1px solid #e2e8f0'
  }}>
      <div style={{
    fontSize: '20px',
    fontWeight: '600',
    marginBottom: '12px'
  }}>Getting Started</div>
      <Steps>
        <Step title="Create or Select a Project">
          Set up a new project or select an existing one. See the <a href="/guides/managing-projects" style={linkStyle}>Projects Guide</a>.
        </Step>
        <Step title="Configure the Connector">
          <>
            Enable the connector and set up auth configuration in your project. See <a href="/guides/explore-connectors" style={linkStyle}>Managing Connectors</a>.
            {authConfigGuides.length > 0 && <>
              <Columns cols={2}>
                {authConfigGuides.map(auth => <Card title="Auth Config" href={`/${auth.setupGuide}`} icon={connector.icon} horizontal>
                    {connector.name} - {auth.label}
                  </Card>)}
              </Columns> 
              </>}
          </>
        </Step>
        <Step title="Link an Account">
          <>
            Connect an account using <a href="/guides/embedding-stackone-hub" style={linkStyle}>StackOne Hub</a> or <a href="/guides/auth-link" style={linkStyle}>Auth Link</a>.
            {linkAccountGuides.length > 0 && <>
                <Columns cols={2}>
                  {linkAccountGuides.map(auth => <Card title="Link Account" href={`/${auth.configGuide}`} icon={connector.icon} horizontal>
                      {connector.name} - {auth.label}
                    </Card>)}
                </Columns>
              </>}
          </>
        </Step>
        <Step title="Use Actions">
          <>
            Invoke actions using one of the methods below:
            <ul style={{
    marginTop: '8px',
    paddingLeft: '20px'
  }}>
              <li style={{
    marginBottom: '4px'
  }}><a href="/mcp/quickstart" style={linkStyle}>MCP</a> – Model Context Protocol for AI assistants</li>
              <li style={{
    marginBottom: '4px'
  }}><a href="/a2a/quickstart" style={linkStyle}>A2A</a> – Agent-to-Agent protocol</li>
              <li style={{
    marginBottom: '4px'
  }}><a href="/agents/typescript/introduction" style={linkStyle}>AI Toolset (TypeScript)</a> – TypeScript SDK for AI agents</li>
              <li style={{
    marginBottom: '4px'
  }}><a href="/agents/python/introduction" style={linkStyle}>AI Toolset (Python)</a> – Python SDK for AI agents</li>
              <li style={{
    marginBottom: '4px'
  }}><a href="/platform/api-reference/actions/make-an-rpc-call-to-an-action" style={linkStyle}>Actions RPC</a> – Direct API calls</li>
              <li style={{
    marginBottom: '4px'
  }}><a href="/guides/playground" style={linkStyle}>Playground</a> – Test actions in the dashboard</li>
            </ul>
          </>
        </Step>
      </Steps>
    </div>;
};

export const ActionsLibrary = ({search, setSearch, filtered, sharedStyles = {}, KeyCell, ScopesCell, availableScopes, selectedScopes, setSelectedScopes}) => {
  const libraryStyles = {
    section: {
      marginTop: '24px',
      marginBottom: '16px'
    },
    sectionTitle: {
      fontSize: '18px',
      fontWeight: '600',
      marginBottom: '12px'
    },
    filterRow: {
      display: 'flex',
      gap: '12px',
      marginBottom: '12px',
      alignItems: 'stretch'
    },
    count: {
      color: '#64748b',
      fontSize: '12px',
      marginBottom: '8px'
    },
    scopesFilterRow: {
      marginBottom: '12px'
    },
    scopesDropdown: {
      display: 'inline-block',
      fontSize: '12px',
      color: '#475569'
    },
    scopesSummary: {
      cursor: 'pointer',
      padding: '6px 10px',
      borderRadius: '999px',
      border: '1px solid #e2e8f0',
      backgroundColor: '#ffffff',
      listStyle: 'none',
      display: 'inline-flex',
      alignItems: 'center',
      gap: '6px'
    },
    scopesSummaryLabel: {
      margin: 0,
      padding: 0
    },
    scopesChipsContainer: {
      marginTop: '8px',
      padding: '4px 2px 2px',
      display: 'flex',
      flexWrap: 'wrap',
      gap: '6px',
      maxHeight: '90px',
      overflowY: 'auto'
    },
    scopeChip: {
      borderRadius: '999px',
      border: '1px solid #e2e8f0',
      padding: '4px 8px',
      fontSize: '11px',
      backgroundColor: '#f8fafc',
      color: '#475569',
      cursor: 'pointer'
    },
    scopeChipActive: {
      backgroundColor: '#dbeafe',
      borderColor: '#2563eb',
      color: '#1d4ed8'
    },
    tableContainer: {
      maxHeight: '500px',
      overflowY: 'auto',
      overflowX: 'auto',
      border: '1px solid #e2e8f0',
      borderRadius: '8px',
      fontSize: '13px'
    },
    gridTable: {
      display: 'grid',
      minWidth: '600px',
      gridTemplateColumns: '200px 1fr'
    },
    gridTableWithScopes: {
      gridTemplateColumns: '200px 1fr 150px'
    },
    gridHeader: {
      display: 'contents'
    },
    gridHeaderCell: {
      position: 'sticky',
      top: 0,
      backgroundColor: '#f8fafc',
      padding: '10px 12px',
      fontWeight: '600',
      borderBottom: '1px solid #e2e8f0',
      zIndex: 1
    },
    gridRow: {
      display: 'contents'
    },
    gridCellAction: {
      padding: '10px 12px',
      fontWeight: '500',
      borderBottom: '1px solid #f1f5f9'
    },
    gridCellKey: {
      padding: '10px 12px',
      borderBottom: '1px solid #f1f5f9'
    },
    gridCellScopes: {
      padding: '10px 12px',
      borderBottom: '1px solid #f1f5f9',
      color: '#475569',
      fontSize: '12px'
    },
    gridCellDescription: {
      padding: '10px 12px',
      color: '#64748b',
      borderBottom: '1px solid #f1f5f9'
    }
  };
  const styles = {
    ...libraryStyles,
    ...sharedStyles
  };
  const safeAvailableScopes = Array.isArray(availableScopes) ? availableScopes : [];
  const safeSelectedScopes = Array.isArray(selectedScopes) ? selectedScopes : [];
  const hasScopesColumn = safeAvailableScopes.length > 0;
  const hasScopeFilter = safeAvailableScopes.length > 0 && typeof setSelectedScopes === 'function';
  const ScopesCellComponent = ScopesCell || (() => null);
  return <div style={styles.section}>
      <div style={styles.sectionTitle}>Actions</div>
      <div style={styles.filterRow}>
        <SearchBar value={search} onChange={setSearch} placeholder="Search actions" />
        {hasScopeFilter && <FilterDropdown label="Scopes" items={safeAvailableScopes} selectedItems={safeSelectedScopes} onChange={setSelectedScopes} searchPlaceholder="Search scopes..." emptyLabel="No scopes found" />}
      </div>
      <div style={styles.count}>
        {filtered.length === 0 ? '0 actions found' : `${filtered.length} action${filtered.length !== 1 ? 's' : ''}`}
      </div>
      {}
      <div className="not-prose" style={styles.tableContainer}>
        <div style={{
    ...hasScopesColumn ? {
      ...styles.gridTable,
      ...styles.gridTableWithScopes
    } : styles.gridTable
  }}>
          {}
          <div style={styles.gridHeader}>
            <div style={styles.gridHeaderCell}>Action</div>
            <div style={styles.gridHeaderCell}>Description</div>
            {hasScopesColumn && <div style={styles.gridHeaderCell}>Required scopes</div>}
          </div>
          {}
          {filtered.map(a => <div key={a.id} style={styles.gridRow}>
              <div style={styles.gridCellAction}>
                <div>{a.label}</div>
                <div style={{
    marginTop: '4px'
  }}>
                  <KeyCell id={a.id} />
                </div>
              </div>
              <div style={styles.gridCellDescription}>{a.description}</div>
              {hasScopesColumn && <div style={styles.gridCellScopes}>
                  <ScopesCellComponent scopes={a.requiredScopes} actionId={a.id} />
                </div>}
            </div>)}
        </div>
      </div>
    </div>;
};

export const FilterDropdown = ({label, items, selectedItems, onChange, searchPlaceholder = 'Search...', emptyLabel = 'No items found', formatLabel}) => {
  const [dropdownOpen, setDropdownOpen] = React.useState(false);
  const [search, setSearch] = React.useState('');
  const [hoveredItem, setHoveredItem] = React.useState(null);
  const dropdownRef = React.useRef(null);
  const styles = {
    dropdownContainer: {
      position: 'relative'
    },
    dropdownTrigger: {
      display: 'flex',
      alignItems: 'center',
      gap: '8px',
      padding: '10px 14px',
      borderRadius: '8px',
      border: '1px solid #e2e8f0',
      fontSize: '14px',
      backgroundColor: 'white',
      cursor: 'pointer',
      whiteSpace: 'nowrap',
      minWidth: '160px',
      justifyContent: 'space-between'
    },
    dropdownTriggerActive: {
      borderColor: '#068F56',
      backgroundColor: '#f0fdf4'
    },
    dropdownMenu: {
      position: 'absolute',
      top: '100%',
      right: 0,
      marginTop: '4px',
      backgroundColor: 'white',
      border: '1px solid #e2e8f0',
      borderRadius: '8px',
      boxShadow: '0 4px 12px rgba(0,0,0,0.1)',
      zIndex: 50,
      minWidth: '220px',
      maxHeight: '320px',
      display: 'flex',
      flexDirection: 'column'
    },
    dropdownHeader: {
      padding: '8px 12px',
      borderBottom: '1px solid #e2e8f0'
    },
    selectActions: {
      display: 'flex',
      alignItems: 'center',
      gap: '8px',
      marginTop: '6px',
      fontSize: '12px'
    },
    selectActionBtn: {
      background: 'none',
      border: 'none',
      color: '#64748b',
      cursor: 'pointer',
      padding: '2px 4px',
      fontSize: '12px'
    },
    dropdownSearchInput: {
      width: '100%',
      padding: '8px 10px',
      borderRadius: '6px',
      border: '1px solid #e2e8f0',
      fontSize: '13px',
      outline: 'none',
      backgroundColor: '#ffffff'
    },
    dropdownList: {
      overflowY: 'auto',
      maxHeight: '220px',
      padding: '4px 0'
    },
    dropdownItem: {
      display: 'flex',
      alignItems: 'center',
      gap: '10px',
      padding: '8px 12px',
      cursor: 'pointer',
      fontSize: '13px',
      color: '#374151',
      transition: 'background-color 0.1s'
    },
    dropdownItemHover: {
      backgroundColor: '#f8fafc'
    },
    checkbox: {
      width: '16px',
      height: '16px',
      borderRadius: '4px',
      border: '2px solid #d1d5db',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      flexShrink: 0
    },
    checkboxChecked: {
      backgroundColor: '#068F56',
      borderColor: '#068F56'
    },
    checkmark: {
      color: 'white',
      fontSize: '10px',
      fontWeight: 'bold'
    },
    dropdownFooter: {
      padding: '8px 12px',
      borderTop: '1px solid #e2e8f0',
      display: 'flex',
      justifyContent: 'space-between',
      alignItems: 'center'
    },
    clearButton: {
      fontSize: '12px',
      color: '#64748b',
      cursor: 'pointer',
      padding: '4px 8px',
      borderRadius: '4px',
      border: 'none',
      background: 'none'
    },
    badge: {
      backgroundColor: '#068F56',
      color: 'white',
      fontSize: '11px',
      fontWeight: '600',
      padding: '2px 6px',
      borderRadius: '10px',
      marginLeft: '4px'
    },
    chevron: {
      fontSize: '10px',
      color: '#64748b',
      transition: 'transform 0.15s'
    },
    noResults: {
      padding: '12px',
      textAlign: 'center',
      color: '#64748b',
      fontSize: '13px'
    }
  };
  const safeSelected = Array.isArray(selectedItems) ? selectedItems : [];
  const formatItemLabel = item => {
    if (typeof formatLabel === 'function') {
      return formatLabel(item);
    }
    return item;
  };
  const filteredItems = React.useMemo(() => {
    if (!search) return items;
    const searchLower = search.toLowerCase();
    return items.filter(item => {
      const labelText = formatItemLabel(item);
      return labelText.toLowerCase().includes(searchLower);
    });
  }, [items, search, formatLabel]);
  const isSelected = item => safeSelected.includes(item);
  const toggleItem = item => {
    const next = isSelected(item) ? safeSelected.filter(v => v !== item) : [...safeSelected, item];
    onChange(next);
  };
  const clearFilters = () => {
    onChange([]);
  };
  const selectAll = () => {
    onChange(items);
  };
  React.useEffect(() => {
    const handleClickOutside = e => {
      if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
        setDropdownOpen(false);
        setSearch('');
        setHoveredItem(null);
      }
    };
    document.addEventListener('mousedown', handleClickOutside);
    return () => document.removeEventListener('mousedown', handleClickOutside);
  }, []);
  return <div style={styles.dropdownContainer} ref={dropdownRef}>
      <button type="button" onClick={() => setDropdownOpen(!dropdownOpen)} style={{
    ...styles.dropdownTrigger,
    ...safeSelected.length > 0 ? styles.dropdownTriggerActive : {}
  }}>
        <span>
          {label}
          {safeSelected.length > 0 && <span style={styles.badge}>{safeSelected.length}</span>}
        </span>
        <span style={{
    ...styles.chevron,
    transform: dropdownOpen ? 'rotate(180deg)' : 'rotate(0deg)'
  }}>
          ▼
        </span>
      </button>
      {dropdownOpen && <div style={styles.dropdownMenu}>
          <div style={styles.dropdownHeader}>
            <input type="text" placeholder={searchPlaceholder} value={search} onChange={e => setSearch(e.target.value)} style={styles.dropdownSearchInput} autoFocus />
            <div style={styles.selectActions}>
              <button type="button" onClick={selectAll} style={styles.selectActionBtn} onMouseEnter={e => {
    e.target.style.color = '#1e293b';
  }} onMouseLeave={e => {
    e.target.style.color = '#64748b';
  }}>
                Select all
              </button>
              <span style={{
    color: '#e2e8f0'
  }}>|</span>
              <button type="button" onClick={clearFilters} style={styles.selectActionBtn} onMouseEnter={e => {
    e.target.style.color = '#1e293b';
  }} onMouseLeave={e => {
    e.target.style.color = '#64748b';
  }}>
                Clear
              </button>
            </div>
          </div>
          <div style={styles.dropdownList}>
            {filteredItems.length === 0 ? <div style={styles.noResults}>{emptyLabel}</div> : filteredItems.map(item => <div key={item} onClick={() => toggleItem(item)} onMouseEnter={() => setHoveredItem(item)} onMouseLeave={() => setHoveredItem(null)} style={{
    ...styles.dropdownItem,
    ...hoveredItem === item ? styles.dropdownItemHover : {}
  }}>
                  <div style={{
    ...styles.checkbox,
    ...isSelected(item) ? styles.checkboxChecked : {}
  }}>
                    {isSelected(item) && <span style={styles.checkmark}>✓</span>}
                  </div>
                  <span>{formatItemLabel(item)}</span>
                </div>)}
          </div>
        </div>}
    </div>;
};

export const SearchBar = ({value, onChange, placeholder = 'Search...'}) => {
  const baseStyle = {
    padding: '10px 14px',
    borderRadius: '8px',
    border: '1px solid #e2e8f0',
    fontSize: '14px',
    outline: 'none',
    backgroundColor: '#fafafa',
    flex: 1,
    minWidth: 0
  };
  return <input type="text" placeholder={placeholder} value={value} onChange={e => onChange(e.target.value)} style={baseStyle} />;
};

export const ConnectorPage = ({connector}) => {
  const styles = {
    header: {
      display: 'flex',
      alignItems: 'center',
      gap: '12px',
      marginBottom: '24px'
    },
    tagsRow: {
      display: 'flex',
      flexWrap: 'wrap',
      gap: '6px',
      marginTop: '8px'
    },
    releaseTag: {
      display: 'inline-block',
      padding: '2px 8px',
      borderRadius: '4px',
      fontSize: '11px',
      fontWeight: '500'
    },
    betaTag: {
      backgroundColor: '#fef3c7',
      color: '#b45309'
    },
    previewTag: {
      backgroundColor: '#E1E9F4',
      color: '#0D58AE',
      border: '1px solid #BFD5F1'
    },
    categoryTag: {
      display: 'inline-block',
      padding: '2px 8px',
      borderRadius: '4px',
      fontSize: '11px',
      fontWeight: '500',
      backgroundColor: '#f1f5f9',
      color: '#475569'
    },
    icon: {
      width: '48px',
      height: '48px',
      borderRadius: '10px',
      backgroundColor: '#f8fafc',
      padding: '2px'
    },
    title: {
      fontSize: '24px',
      fontWeight: '600'
    },
    subtitle: {
      fontSize: '14px',
      color: '#64748b'
    },
    authDescription: {
      fontSize: '14px',
      color: '#64748b',
      marginTop: 0
    },
    sectionTitle: {
      fontSize: '18px',
      fontWeight: '600',
      marginBottom: '12px'
    },
    authList: {
      paddingLeft: '20px',
      color: '#374151'
    },
    codeWrapper: {
      position: 'relative',
      display: 'inline-flex',
      alignItems: 'center',
      maxWidth: '100%',
      cursor: 'pointer',
      overflowX: 'auto',
      overflowY: 'hidden',
      msOverflowStyle: 'none',
      scrollbarWidth: 'none'
    },
    code: {
      backgroundColor: '#f1f5f9',
      padding: '4px 8px',
      borderRadius: '4px',
      fontSize: '11px',
      color: '#475569',
      display: 'inline-block',
      whiteSpace: 'nowrap',
      transition: 'background-color 0.15s'
    },
    codeHover: {
      backgroundColor: '#e2e8f0'
    },
    codeCopied: {
      backgroundColor: '#d1fae5',
      color: '#065f46'
    },
    tooltip: {
      position: 'absolute',
      top: '100%',
      left: '50%',
      transform: 'translateX(-50%)',
      backgroundColor: '#1e293b',
      color: 'white',
      padding: '6px 10px',
      borderRadius: '6px',
      fontSize: '11px',
      whiteSpace: 'nowrap',
      marginTop: '6px',
      zIndex: 50,
      maxWidth: '300px',
      wordBreak: 'break-all'
    },
    tooltipArrow: {
      position: 'absolute',
      bottom: '100%',
      left: '50%',
      transform: 'translateX(-50%)',
      borderWidth: '5px',
      borderStyle: 'solid',
      borderColor: 'transparent transparent #1e293b transparent',
      zIndex: 50
    },
    tdDescription: {
      padding: '10px 12px',
      color: '#64748b',
      verticalAlign: 'top',
      maxWidth: '400px'
    }
  };
  const [search, setSearch] = React.useState('');
  const [copiedId, setCopiedId] = React.useState(null);
  const [selectedScopes, setSelectedScopes] = React.useState([]);
  const availableScopes = React.useMemo(() => {
    const set = new Set();
    connector.actions.forEach(a => {
      if (Array.isArray(a.requiredScopes)) {
        a.requiredScopes.forEach(s => {
          if (s) set.add(s);
        });
      }
    });
    return Array.from(set).sort();
  }, [connector.actions]);
  const filtered = React.useMemo(() => {
    const searchLower = search.toLowerCase();
    return connector.actions.filter(a => {
      const matchesSearch = a.label.toLowerCase().includes(searchLower) || a.description.toLowerCase().includes(searchLower) || a.id.toLowerCase().includes(searchLower);
      if (!matchesSearch) return false;
      if (selectedScopes.length === 0) return true;
      const scopes = Array.isArray(a.requiredScopes) ? a.requiredScopes : [];
      if (scopes.length === 0) return false;
      return selectedScopes.some(scope => scopes.includes(scope));
    });
  }, [connector.actions, search, selectedScopes]);
  const handleImageError = e => {
    e.target.style.display = 'none';
  };
  const formatCategoryLabel = cat => {
    const acronyms = ['ats', 'crm', 'hris', 'iam', 'lms'];
    if (acronyms.includes(cat.toLowerCase())) {
      return cat.toUpperCase();
    }
    return cat.replace(/_/g, ' ').replace(/\b\w/g, c => c.toUpperCase());
  };
  const ReleaseTag = () => {
    if (!connector.releaseStage || connector.releaseStage === 'ga') return null;
    const tagStyle = connector.releaseStage === 'beta' ? {
      ...styles.releaseTag,
      ...styles.betaTag
    } : {
      ...styles.releaseTag,
      ...styles.previewTag
    };
    return <span style={tagStyle}>
        {connector.releaseStage.charAt(0).toUpperCase() + connector.releaseStage.slice(1)}
      </span>;
  };
  const CategoryTags = () => {
    if (!connector.categories || connector.categories.length === 0) return null;
    return <>
        {connector.categories.map(cat => <span key={cat} style={styles.categoryTag}>
            {formatCategoryLabel(cat)}
          </span>)}
      </>;
  };
  const copyToClipboard = async (text, id) => {
    try {
      await navigator.clipboard.writeText(text);
      setCopiedId(id);
      setTimeout(() => setCopiedId(null), 1500);
    } catch (err) {
      console.error('Failed to copy:', err);
    }
  };
  const CopyChip = ({text, copyId}) => {
    const [isHovered, setIsHovered] = React.useState(false);
    const isCopied = copiedId === copyId;
    if (!text) {
      return null;
    }
    const codeStyle = {
      ...styles.code,
      ...isCopied ? styles.codeCopied : isHovered ? styles.codeHover : {}
    };
    return <div style={styles.codeWrapper} onMouseEnter={() => setIsHovered(true)} onMouseLeave={() => setIsHovered(false)} onClick={() => copyToClipboard(text, copyId)} title="">
        {(isHovered || isCopied) && <div style={styles.tooltip}>
            {isCopied ? '✓ Copied!' : 'Click to copy'}
            <div style={styles.tooltipArrow} />
          </div>}
        <code style={codeStyle}>
          {text}
        </code>
      </div>;
  };
  const KeyCell = ({id}) => <CopyChip text={id} copyId={id} />;
  const ScopesCell = ({scopes, actionId}) => {
    const scopeList = Array.isArray(scopes) ? scopes.filter(Boolean) : [];
    if (scopeList.length === 0) return null;
    return <div style={{
      display: 'flex',
      flexWrap: 'wrap',
      gap: '6px'
    }}>
        {scopeList.map(scope => <CopyChip key={scope} text={scope} copyId={`scopes:${actionId}:${scope}`} />)}
      </div>;
  };
  return <div>
      {}
      <div style={styles.header}>
        <img src={connector.icon} alt={connector.name} style={styles.icon} onError={handleImageError} />
        <div>
          <div style={styles.title}>{connector.name}</div>
          <div style={styles.subtitle}>
            {connector.actions.length} actions · {connector.authentication.length} auth method{connector.authentication.length !== 1 ? 's' : ''}
          </div>
          {connector.releaseStage && connector.releaseStage !== 'ga' || connector.categories && connector.categories.length > 0 ? <div style={styles.tagsRow}>
              <ReleaseTag />
              <CategoryTags />
            </div> : null}
        </div>
      </div>

      {}
      <div style={styles.sectionTitle}>Authentication</div>
      <Columns cols={2}>        
        {connector.authentication.length > 0 ? connector.authentication.map(auth => {
    const authLabel = auth?.label || '';
    const authDescription = auth?.description;
    const configGuide = auth?.configGuide;
    const setupGuide = auth?.setupGuide;
    const hasConfigGuide = !!configGuide;
    const hasSetupGuide = !!setupGuide;
    const hasAnyGuide = hasConfigGuide || hasSetupGuide;
    return <Card key={authLabel} title={authLabel}>
                {authDescription && <p style={{
      ...styles.authDescription,
      marginBottom: hasAnyGuide ? '8px' : 0
    }}>
                    {authDescription}
                  </p>}
                {hasAnyGuide && <span style={{
      fontSize: '14px'
    }}>
                    Guides: {hasSetupGuide && <a href={`/${setupGuide}`} style={{
      textDecoration: 'none'
    }}>Auth Config</a>}
                    {hasConfigGuide && hasSetupGuide && ', '}
                    {hasConfigGuide && <a href={`/${configGuide}`} style={{
      textDecoration: 'none'
    }}>Link Account</a>}
                  </span>}
              </Card>;
  }) : <>
            Contact StackOne for authentication details.
          </>}
      </Columns>

      {connector.documentation?.references?.length > 0 && <>
          <div style={styles.sectionTitle}>References</div>
          <Columns cols={2}>
            {connector.documentation.references.map(ref => {
    let safeHref;
    try {
      const parsed = new URL(ref.url);
      safeHref = parsed.protocol === 'http:' || parsed.protocol === 'https:' ? ref.url : undefined;
    } catch {
      safeHref = undefined;
    }
    return <Card key={`${ref.title}-${ref.url}`} title={ref.title} href={safeHref}>
                  {ref.description}
                </Card>;
  })}
          </Columns>
        </>}

      <ActionsLibrary search={search} setSearch={setSearch} filtered={filtered} sharedStyles={{
    sectionTitle: styles.sectionTitle
  }} KeyCell={KeyCell} ScopesCell={ScopesCell} availableScopes={availableScopes} selectedScopes={selectedScopes} setSelectedScopes={setSelectedScopes} />

      <GettingStarted connector={connector} />

    </div>;
};

export const connector = {
  "key": "ukg-ready",
  "name": "UKG Ready",
  "icon": "https://stackone-logos.com/api/ukg/filled/png",
  "authentication": [{
    "label": "OAuth - Client Credentials Grant",
    "description": "Connect to UKG Ready using OAuth 2.0 client credentials for secure API access. Requires OAuth app configuration in UKG R...",
    "configGuide": "connectors/ukg-ready/guides/link-account/oauth-client-credentials-grant",
    "setupGuide": "connectors/ukg-ready/guides/auth-config/oauth-client-credentials-grant"
  }],
  "actions": [{
    "id": "ukg-ready_list_benefits",
    "label": "List Benefits",
    "description": "Retrieve benefit plans for all employees"
  }, {
    "id": "ukg-ready_get_benefit",
    "label": "Get Benefit",
    "description": "Retrieve detailed information about a specific benefit plan"
  }, {
    "id": "ukg-ready_list_benefit_plans",
    "label": "List Benefit Plans",
    "description": "Retrieve detailed benefit plan list"
  }, {
    "id": "ukg-ready_list_additional_compensation",
    "label": "List Additional Compensation",
    "description": "Retrieve additional compensation records for all subordinates"
  }, {
    "id": "ukg-ready_get_additional_compensation",
    "label": "Get Additional Compensation",
    "description": "Retrieve detailed information about a specific additional compensation record"
  }, {
    "id": "ukg-ready_list_compensation_history",
    "label": "List Compensation History",
    "description": "Retrieve base compensation history for all subordinates"
  }, {
    "id": "ukg-ready_list_total_compensation",
    "label": "List Total Compensation",
    "description": "Retrieve total compensation information for all subordinates"
  }, {
    "id": "ukg-ready_create_employee_contracts",
    "label": "Create Employee Contracts",
    "description": "Create employee contracts with working hours and schedule details"
  }, {
    "id": "ukg-ready_update_employee_contracts",
    "label": "Update Employee Contracts",
    "description": "Update existing employee contracts"
  }, {
    "id": "ukg-ready_delete_employee_contracts",
    "label": "Delete Employee Contracts",
    "description": "Delete multiple employee contracts by their IDs"
  }, {
    "id": "ukg-ready_list_employees",
    "label": "List Employees",
    "description": "Retrieve a list of all employees for the company from UKG Ready"
  }, {
    "id": "ukg-ready_get_employee",
    "label": "Get Employee",
    "description": "Retrieve detailed information for a specific employee by account ID"
  }, {
    "id": "ukg-ready_get_current_employee",
    "label": "Get Current Employee",
    "description": "Retrieve information for the currently authenticated employee"
  }, {
    "id": "ukg-ready_list_changed_employees",
    "label": "List Changed Employees",
    "description": "Retrieve a list of employees with recent changes or modifications"
  }, {
    "id": "ukg-ready_get_current_employee_currency",
    "label": "Get Current Employee Currency",
    "description": "Retrieve currency preference for the currently authenticated employee"
  }, {
    "id": "ukg-ready_get_employee_accrual_balances_v1",
    "label": "Get Employee Accrual Balances (v1)",
    "description": "Retrieve accrual balance information for an employee (version 1.0)"
  }, {
    "id": "ukg-ready_get_employee_accrual_balances_v2",
    "label": "Get Employee Accrual Balances (v2)",
    "description": "Retrieve accrual balance information for an employee (version 2.0)"
  }, {
    "id": "ukg-ready_list_employee_announcements",
    "label": "List Employee Announcements",
    "description": "Retrieve announcements for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_attendance_records",
    "label": "List Employee Attendance Records",
    "description": "Retrieve attendance records for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_badges",
    "label": "List Employee Badges",
    "description": "Retrieve badge information for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_benefits",
    "label": "List Employee Benefits",
    "description": "Retrieve benefit enrollments for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_additional_compensation",
    "label": "List Employee Additional Compensation",
    "description": "Retrieve additional compensation records for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_compensation_history",
    "label": "List Employee Compensation History",
    "description": "Retrieve compensation history for a specific employee"
  }, {
    "id": "ukg-ready_get_employee_total_compensation",
    "label": "Get Employee Total Compensation",
    "description": "Retrieve total compensation summary for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_contacts",
    "label": "List Employee Contacts",
    "description": "Retrieve emergency contacts for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_counter_adjustments",
    "label": "List Employee Counter Adjustments",
    "description": "Retrieve counter adjustments for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_credentials",
    "label": "List Employee Credentials",
    "description": "Retrieve professional credentials for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_deductions",
    "label": "List Employee Deductions",
    "description": "Retrieve payroll deductions for a specific employee"
  }, {
    "id": "ukg-ready_get_employee_demographics",
    "label": "Get Employee Demographics",
    "description": "Retrieve demographic information for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_direct_deposits",
    "label": "List Employee Direct Deposits",
    "description": "Retrieve direct deposit information for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_documents",
    "label": "List Employee Documents",
    "description": "Retrieve documents for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_ids",
    "label": "List Employee IDs",
    "description": "Retrieve identification numbers for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_custom_forms",
    "label": "List Employee Custom Forms",
    "description": "Retrieve custom form data for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_pay_forms",
    "label": "List Employee Pay Forms",
    "description": "Retrieve pay form data for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_system_forms",
    "label": "List Employee System Forms",
    "description": "Retrieve system form data for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_holidays",
    "label": "List Employee Holidays",
    "description": "Retrieve holiday schedule for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_hr_custom_fields",
    "label": "List Employee HR Custom Fields",
    "description": "Retrieve HR custom field data for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_loa_cases",
    "label": "List Employee LOA Cases",
    "description": "Retrieve leave of absence cases for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_loa_counters",
    "label": "List Employee LOA Counters",
    "description": "Retrieve leave of absence counter balances for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_loa_requests",
    "label": "List Employee LOA Requests",
    "description": "Retrieve leave of absence requests for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_managed_cost_centers",
    "label": "List Employee Managed Cost Centers",
    "description": "Retrieve cost centers managed by a specific employee"
  }, {
    "id": "ukg-ready_create_employee_managed_cost_center",
    "label": "Create Employee Managed Cost Center",
    "description": "Create a managed cost center for an employee"
  }, {
    "id": "ukg-ready_list_employee_manager_replacements",
    "label": "List Employee Manager Replacements",
    "description": "Retrieve manager replacement configurations for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_mailbox_notifications",
    "label": "List Employee Mailbox Notifications",
    "description": "Retrieve mailbox notifications for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_todo_notifications",
    "label": "List Employee Todo Notifications",
    "description": "Retrieve todo item notifications for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_overtime_requests",
    "label": "List Employee Overtime Requests",
    "description": "Retrieve overtime requests for a specific employee"
  }, {
    "id": "ukg-ready_get_employee_pay_info",
    "label": "Get Employee Pay Info",
    "description": "Retrieve pay information for a specific employee"
  }, {
    "id": "ukg-ready_get_employee_profiles",
    "label": "Get Employee Profiles",
    "description": "Retrieve profile assignments for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_recent_punches",
    "label": "List Employee Recent Punches",
    "description": "Retrieve recent time clock punches for a specific employee"
  }, {
    "id": "ukg-ready_get_employee_tax_info",
    "label": "Get Employee Tax Info",
    "description": "Retrieve tax information for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_time_entries",
    "label": "List Employee Time Entries",
    "description": "Retrieve time entries for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_timesheets",
    "label": "List Employee Timesheets",
    "description": "Retrieve timesheets for a specific employee"
  }, {
    "id": "ukg-ready_get_employee_timeoff_calendar_sync",
    "label": "Get Employee Timeoff Calendar Sync",
    "description": "Retrieve time-off calendar synchronization settings for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_training",
    "label": "List Employee Training",
    "description": "Retrieve training records for a specific employee"
  }, {
    "id": "ukg-ready_list_employee_skills",
    "label": "List Employee Skills",
    "description": "Retrieve skills for a specific employee"
  }, {
    "id": "ukg-ready_get_employee_vca_report_settings",
    "label": "Get Employee VCA Report Settings",
    "description": "Retrieve VCA report settings for a specific employee"
  }, {
    "id": "ukg-ready_create_employee",
    "label": "Create Employee",
    "description": "Create a new employee record with required core information"
  }, {
    "id": "ukg-ready_update_employee",
    "label": "Update Employee",
    "description": "Update an existing employee record with new information"
  }, {
    "id": "ukg-ready_delete_employee",
    "label": "Delete Employee",
    "description": "Terminate or delete an employee record from the system"
  }, {
    "id": "ukg-ready_create_employee_additional_compensation",
    "label": "Create Employee Additional Compensation",
    "description": "Creates an additional compensation record for an employee"
  }, {
    "id": "ukg-ready_set_employee_accrual_balance_v1",
    "label": "Set Employee Accrual Balance (V1)",
    "description": "Sets the accrual balance for an employee using V1 accruals module"
  }, {
    "id": "ukg-ready_change_employee_accrual_balance",
    "label": "Change Employee Accrual Balance",
    "description": "Applies a change to an employee's remaining accrual balance"
  }, {
    "id": "ukg-ready_update_employee_demographics",
    "label": "Update Employee Demographics",
    "description": "Update employee demographic information"
  }, {
    "id": "ukg-ready_update_employee_hr_custom_fields",
    "label": "Update Employee HR Custom Fields",
    "description": "Update employee HR custom fields"
  }, {
    "id": "ukg-ready_update_employee_pay_info",
    "label": "Update Employee Pay Info",
    "description": "Update employee pay information"
  }, {
    "id": "ukg-ready_list_cost_center_jobs",
    "label": "List Cost Center Jobs",
    "description": "Retrieve all cost center jobs available within the company"
  }, {
    "id": "ukg-ready_create_cost_center_job",
    "label": "Create Cost Center Job",
    "description": "Create a new cost center job within the company"
  }, {
    "id": "ukg-ready_get_cost_center_job",
    "label": "Get Cost Center Job",
    "description": "Retrieve a specific cost center job by ID"
  }, {
    "id": "ukg-ready_update_cost_center_job",
    "label": "Update Cost Center Job",
    "description": "Update a specific cost center job"
  }, {
    "id": "ukg-ready_delete_cost_center_job",
    "label": "Delete Cost Center Job",
    "description": "Delete a specific cost center job by ID"
  }, {
    "id": "ukg-ready_lookup_jobs",
    "label": "Lookup Jobs",
    "description": "Retrieve the list of job positions available in the organization"
  }, {
    "id": "ukg-ready_lookup_groups",
    "label": "Lookup Groups",
    "description": "Retrieve company or account groups from the organization by object type"
  }, {
    "id": "ukg-ready_lookup_employee_types",
    "label": "Lookup Employee Types",
    "description": "Retrieve the list of employee types or classifications"
  }, {
    "id": "ukg-ready_lookup_pay_types",
    "label": "Lookup Pay Types",
    "description": "Retrieve the list of pay types available in the organization"
  }, {
    "id": "ukg-ready_lookup_job_categories",
    "label": "Lookup Job Categories",
    "description": "Retrieve the list of job categories configured in the organization"
  }, {
    "id": "ukg-ready_lookup_earning_codes",
    "label": "Lookup Earning Codes",
    "description": "Retrieve the list of earning codes used for payroll"
  }, {
    "id": "ukg-ready_lookup_deduction_codes",
    "label": "Lookup Deduction Codes",
    "description": "Retrieve the list of deduction codes used for payroll"
  }, {
    "id": "ukg-ready_lookup_termination_reasons",
    "label": "Lookup Termination Reasons",
    "description": "Retrieve the list of termination reasons"
  }, {
    "id": "ukg-ready_lookup_worker_types",
    "label": "Lookup Worker Types",
    "description": "Retrieve the list of worker types"
  }, {
    "id": "ukg-ready_lookup_benefit_plans",
    "label": "Lookup Benefit Plans",
    "description": "Retrieve the list of benefit plans available to employees"
  }, {
    "id": "ukg-ready_lookup_pay_grades",
    "label": "Lookup Pay Grades",
    "description": "Retrieve the list of pay grades or compensation levels"
  }, {
    "id": "ukg-ready_lookup_skills",
    "label": "Lookup Skills",
    "description": "Retrieve the list of skills tracked in the organization"
  }, {
    "id": "ukg-ready_lookup_job_change_reasons",
    "label": "Lookup Job Change Reasons",
    "description": "Retrieve the list of reasons for job or position changes"
  }, {
    "id": "ukg-ready_lookup_timezones",
    "label": "Lookup Timezones",
    "description": "Retrieve the list of timezones available in UKG Ready"
  }, {
    "id": "ukg-ready_lookup_locales",
    "label": "Lookup Locales",
    "description": "Retrieve the list of locales or language preferences"
  }, {
    "id": "ukg-ready_lookup_additional_compensation_types",
    "label": "Lookup Additional Compensation Types",
    "description": "Retrieve the list of additional compensation types"
  }, {
    "id": "ukg-ready_lookup_benefit_types",
    "label": "Lookup Benefit Types",
    "description": "Retrieve the list of benefit types"
  }, {
    "id": "ukg-ready_lookup_document_types",
    "label": "Lookup Document Types",
    "description": "Retrieve the list of document types"
  }, {
    "id": "ukg-ready_lookup_eins",
    "label": "Lookup EINs",
    "description": "Retrieve the list of Employer Identification Numbers"
  }, {
    "id": "ukg-ready_lookup_hiring_stages",
    "label": "Lookup Hiring Stages",
    "description": "Retrieve the list of hiring stages"
  }, {
    "id": "ukg-ready_lookup_job_application_status",
    "label": "Lookup Job Application Status",
    "description": "Retrieve the list of job application statuses"
  }, {
    "id": "ukg-ready_lookup_credential_types",
    "label": "Lookup Credential Types",
    "description": "Retrieve the list of credential types"
  }, {
    "id": "ukg-ready_lookup_job_req_job_categories",
    "label": "Lookup Job Requisition Categories",
    "description": "Retrieve the list of job requisition categories"
  }, {
    "id": "ukg-ready_lookup_job_req_job_locations",
    "label": "Lookup Job Requisition Locations",
    "description": "Retrieve the list of job requisition locations"
  }, {
    "id": "ukg-ready_lookup_eye_color",
    "label": "Lookup Eye Colors",
    "description": "Retrieve the list of eye color options"
  }, {
    "id": "ukg-ready_lookup_loa_reasons",
    "label": "Lookup LOA Reasons",
    "description": "Retrieve the list of leave of absence reasons"
  }, {
    "id": "ukg-ready_lookup_overtime_reasons",
    "label": "Lookup Overtime Reasons",
    "description": "Retrieve the list of overtime reasons"
  }, {
    "id": "ukg-ready_lookup_pay_categories",
    "label": "Lookup Pay Categories",
    "description": "Returns the list of defined pay categories in the company for a specific date, owner and type (requires timesheet access..."
  }, {
    "id": "ukg-ready_lookup_pay_cal_profiles",
    "label": "Lookup Pay Calculation Profiles",
    "description": "Retrieve the list of pay calculation profiles"
  }, {
    "id": "ukg-ready_lookup_pay_period_profiles",
    "label": "Lookup Pay Period Profiles",
    "description": "Retrieve the list of pay period profiles"
  }, {
    "id": "ukg-ready_lookup_pay_statement_types",
    "label": "Lookup Pay Statement Types",
    "description": "Retrieve the list of pay statement types"
  }, {
    "id": "ukg-ready_lookup_payroll_batch_types",
    "label": "Lookup Payroll Batch Types",
    "description": "Retrieve the list of payroll batch types"
  }, {
    "id": "ukg-ready_lookup_payroll_types",
    "label": "Lookup Payroll Types",
    "description": "Retrieve the list of payroll types"
  }, {
    "id": "ukg-ready_lookup_tax_codes",
    "label": "Lookup Tax Codes",
    "description": "Retrieve the list of tax codes"
  }, {
    "id": "ukg-ready_lookup_unions",
    "label": "Lookup Unions",
    "description": "Retrieve the list of labor unions"
  }, {
    "id": "ukg-ready_lookup_workers_comp_codes",
    "label": "Lookup Workers Compensation Codes",
    "description": "Retrieve the list of workers compensation codes"
  }, {
    "id": "ukg-ready_lookup_profile_specific_eins",
    "label": "Lookup Profile-Specific EINs",
    "description": "Retrieve profile-specific Employer Identification Numbers"
  }, {
    "id": "ukg-ready_lookup_profiles_accruals",
    "label": "Lookup Accruals Profiles",
    "description": "Retrieve accrual profiles for time-off and leave management"
  }, {
    "id": "ukg-ready_lookup_profiles_accrual_profiles",
    "label": "Lookup Accrual Profiles (v1.0)",
    "description": "Retrieve accrual profiles (legacy endpoint)"
  }, {
    "id": "ukg-ready_lookup_profiles_demographic",
    "label": "Lookup Demographic Profiles",
    "description": "Retrieve demographic profiles"
  }, {
    "id": "ukg-ready_lookup_profiles_leave_of_absence",
    "label": "Lookup Leave Of Absence Profiles",
    "description": "Retrieve leave of absence profiles"
  }, {
    "id": "ukg-ready_lookup_profiles_pay_grades",
    "label": "Lookup Pay Grade Profiles",
    "description": "Retrieve pay grade profiles"
  }, {
    "id": "ukg-ready_lookup_profiles_pay_period",
    "label": "Lookup Pay Period Profile Configs",
    "description": "Retrieve pay period profiles"
  }, {
    "id": "ukg-ready_lookup_profiles_pay_prep",
    "label": "Lookup Pay Prep Profiles",
    "description": "Retrieve pay prep profiles"
  }, {
    "id": "ukg-ready_lookup_profiles_time_off_planning",
    "label": "Lookup Time Off Planning Profiles",
    "description": "Retrieve time off planning profiles"
  }, {
    "id": "ukg-ready_list_overtime_requests",
    "label": "List Overtime Requests",
    "description": "Retrieve overtime requests for manager's group members"
  }, {
    "id": "ukg-ready_create_overtime_request",
    "label": "Create Overtime Request",
    "description": "Create a new overtime request for an employee"
  }, {
    "id": "ukg-ready_get_overtime_request",
    "label": "Get Overtime Request",
    "description": "Retrieve a single overtime request by ID"
  }, {
    "id": "ukg-ready_delete_overtime_request",
    "label": "Delete Overtime Request",
    "description": "Delete an overtime request by ID"
  }, {
    "id": "ukg-ready_list_overtime_request_notes",
    "label": "List Overtime Request Notes",
    "description": "Retrieve notes for a specific overtime request"
  }, {
    "id": "ukg-ready_list_pay_periods",
    "label": "List Pay Periods",
    "description": "Retrieve a list of pay periods optionally filtered by date and open/locked status"
  }, {
    "id": "ukg-ready_list_payrolls",
    "label": "List Payrolls",
    "description": "Retrieve a list of company payrolls normally accessed to process payroll"
  }, {
    "id": "ukg-ready_create_payroll",
    "label": "Create Payroll",
    "description": "Create a new payroll that has not been scheduled"
  }, {
    "id": "ukg-ready_get_payroll",
    "label": "Get Payroll",
    "description": "Get detailed information about a specific payroll"
  }, {
    "id": "ukg-ready_delete_payroll",
    "label": "Delete Payroll",
    "description": "Delete a specific payroll by ID"
  }, {
    "id": "ukg-ready_list_job_applications",
    "label": "List Job Applications",
    "description": "Retrieve all job applications in the company"
  }, {
    "id": "ukg-ready_create_job_application",
    "label": "Create Job Application",
    "description": "Create a new job application for an applicant"
  }, {
    "id": "ukg-ready_get_job_application",
    "label": "Get Job Application",
    "description": "Retrieve a specific job application by ID"
  }, {
    "id": "ukg-ready_update_job_application",
    "label": "Update Job Application",
    "description": "Update an existing job application"
  }, {
    "id": "ukg-ready_delete_job_application",
    "label": "Delete Job Application",
    "description": "Delete a specific job application by ID"
  }, {
    "id": "ukg-ready_list_job_requisitions",
    "label": "List Job Requisitions",
    "description": "Retrieve all job requisitions available within the company"
  }, {
    "id": "ukg-ready_get_job_requisition",
    "label": "Get Job Requisition",
    "description": "Retrieve details of a specific job requisition by ID"
  }, {
    "id": "ukg-ready_get_job_requisition_questionnaire",
    "label": "Get Job Requisition Questionnaire",
    "description": "Retrieve questionnaire for a specific job requisition"
  }, {
    "id": "ukg-ready_list_applicants",
    "label": "List Applicants",
    "description": "Retrieve all applicant accounts in the company"
  }, {
    "id": "ukg-ready_list_schedule_settings",
    "label": "List Schedule Settings",
    "description": "Retrieve the list of schedule settings"
  }, {
    "id": "ukg-ready_list_schedules",
    "label": "List Schedules",
    "description": "Retrieve a list of schedules for the company"
  }, {
    "id": "ukg-ready_create_schedule",
    "label": "Create Schedule",
    "description": "Create a new schedule for the company"
  }, {
    "id": "ukg-ready_list_pto_requests",
    "label": "List PTO Requests",
    "description": "Retrieve PTO requests for subordinate employees"
  }, {
    "id": "ukg-ready_get_pto_request",
    "label": "Get PTO Request",
    "description": "Retrieve information about a single PTO request"
  }, {
    "id": "ukg-ready_list_pto_request_notes",
    "label": "List PTO Request Notes",
    "description": "Retrieve all notes for a PTO request"
  }],
  "releaseStage": "preview",
  "categories": ["hris", "ats"]
};

<ConnectorPage connector={connector} />