> ## 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.

# Connect PostHog with API Key – StackOne Hub

> Link a PostHog account in the StackOne Hub using API Key. End-user guide to authorize the integration and start using PostHog actions.

<Warning>Admin access to your PostHog account is required to generate a personal API key.</Warning>

<Panel>
  <div className="not-prose guides-scope-selector" data-guides-scope-selector data-guide-actions-json="[{&#x22;id&#x22;:&#x22;posthog_list_actions&#x22;,&#x22;label&#x22;:&#x22;List All Actions&#x22;,&#x22;scopes&#x22;:[&#x22;action:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_create_action&#x22;,&#x22;label&#x22;:&#x22;Create Actions&#x22;,&#x22;scopes&#x22;:[&#x22;action:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_get_action&#x22;,&#x22;label&#x22;:&#x22;Retrieve An Action&#x22;,&#x22;scopes&#x22;:[&#x22;action:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_action&#x22;,&#x22;label&#x22;:&#x22;Update An Action&#x22;,&#x22;scopes&#x22;:[&#x22;action:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_delete_action&#x22;,&#x22;label&#x22;:&#x22;Delete An Action&#x22;,&#x22;scopes&#x22;:[&#x22;action:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_activity_log&#x22;,&#x22;label&#x22;:&#x22;List All Activity Log&#x22;,&#x22;scopes&#x22;:[&#x22;activity_log:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_alerts&#x22;,&#x22;label&#x22;:&#x22;List All Alerts&#x22;,&#x22;scopes&#x22;:[&#x22;alert:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_dashboards&#x22;,&#x22;label&#x22;:&#x22;List All Dashboards&#x22;,&#x22;scopes&#x22;:[&#x22;dashboard:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_create_dashboard&#x22;,&#x22;label&#x22;:&#x22;Create Dashboards&#x22;,&#x22;scopes&#x22;:[&#x22;dashboard:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_get_dashboard&#x22;,&#x22;label&#x22;:&#x22;Retrieve A Dashboard&#x22;,&#x22;scopes&#x22;:[&#x22;dashboard:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_dashboard&#x22;,&#x22;label&#x22;:&#x22;Update A Dashboard&#x22;,&#x22;scopes&#x22;:[&#x22;dashboard:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_feature_flags&#x22;,&#x22;label&#x22;:&#x22;List All Feature Flags&#x22;,&#x22;scopes&#x22;:[&#x22;feature_flag:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_create_feature_flag&#x22;,&#x22;label&#x22;:&#x22;Create Feature Flags&#x22;,&#x22;scopes&#x22;:[&#x22;feature_flag:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_get_feature_flag&#x22;,&#x22;label&#x22;:&#x22;Retrieve A Feature Flag&#x22;,&#x22;scopes&#x22;:[&#x22;feature_flag:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_feature_flag&#x22;,&#x22;label&#x22;:&#x22;Update A Feature Flag&#x22;,&#x22;scopes&#x22;:[&#x22;feature_flag:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_groups_types&#x22;,&#x22;label&#x22;:&#x22;List All Groups Types&#x22;,&#x22;scopes&#x22;:[&#x22;group:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_delete_groups_type&#x22;,&#x22;label&#x22;:&#x22;Delete Groups Types&#x22;,&#x22;scopes&#x22;:[&#x22;group:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_groups_type_metrics&#x22;,&#x22;label&#x22;:&#x22;List All Groups Types Metrics&#x22;,&#x22;scopes&#x22;:[&#x22;group:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_create_groups_type_metric&#x22;,&#x22;label&#x22;:&#x22;Create Groups Types Metrics&#x22;,&#x22;scopes&#x22;:[&#x22;group:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_get_groups_type_metric&#x22;,&#x22;label&#x22;:&#x22;Retrieve Groups Types Metrics&#x22;,&#x22;scopes&#x22;:[&#x22;group:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_groups_type_metric&#x22;,&#x22;label&#x22;:&#x22;Update Groups Types Metrics&#x22;,&#x22;scopes&#x22;:[&#x22;group:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_delete_groups_type_metric&#x22;,&#x22;label&#x22;:&#x22;Delete Groups Types Metrics&#x22;,&#x22;scopes&#x22;:[&#x22;group:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_groups_types_metadata&#x22;,&#x22;label&#x22;:&#x22;Update Groups Types Update Metadata&#x22;,&#x22;scopes&#x22;:[&#x22;group:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_insights&#x22;,&#x22;label&#x22;:&#x22;List All Insights&#x22;,&#x22;scopes&#x22;:[&#x22;insight:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_create_insight&#x22;,&#x22;label&#x22;:&#x22;Create Insights&#x22;,&#x22;scopes&#x22;:[&#x22;insight:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_get_insight&#x22;,&#x22;label&#x22;:&#x22;Retrieve An Insight&#x22;,&#x22;scopes&#x22;:[&#x22;insight:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_insight&#x22;,&#x22;label&#x22;:&#x22;Update An Insight&#x22;,&#x22;scopes&#x22;:[&#x22;insight:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_delete_insight&#x22;,&#x22;label&#x22;:&#x22;Delete An Insight&#x22;,&#x22;scopes&#x22;:[&#x22;insight:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_members&#x22;,&#x22;label&#x22;:&#x22;List All Members&#x22;,&#x22;scopes&#x22;:[&#x22;organization_member:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_member&#x22;,&#x22;label&#x22;:&#x22;Update Members&#x22;,&#x22;scopes&#x22;:[&#x22;organization_member:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_delete_member&#x22;,&#x22;label&#x22;:&#x22;Delete Members&#x22;,&#x22;scopes&#x22;:[&#x22;organization_member:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_organizations&#x22;,&#x22;label&#x22;:&#x22;Retrieve Organizations&#x22;,&#x22;scopes&#x22;:[&#x22;organization:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_get_organization&#x22;,&#x22;label&#x22;:&#x22;Retrieve An Organization&#x22;,&#x22;scopes&#x22;:[&#x22;organization:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_create_organization&#x22;,&#x22;label&#x22;:&#x22;Create Organizations&#x22;,&#x22;scopes&#x22;:[&#x22;organization:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_organization&#x22;,&#x22;label&#x22;:&#x22;Update Partial Organization&#x22;,&#x22;scopes&#x22;:[&#x22;organization:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_delete_organization&#x22;,&#x22;label&#x22;:&#x22;Delete Organizations&#x22;,&#x22;scopes&#x22;:[&#x22;organization:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_organization_integrations&#x22;,&#x22;label&#x22;:&#x22;List All Integrations&#x22;,&#x22;scopes&#x22;:[&#x22;organization_integration:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_organization_projects&#x22;,&#x22;label&#x22;:&#x22;Retrieve List&#x22;,&#x22;scopes&#x22;:[&#x22;project:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_create_project&#x22;,&#x22;label&#x22;:&#x22;Create Projects&#x22;,&#x22;scopes&#x22;:[&#x22;project:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_get_organization_project&#x22;,&#x22;label&#x22;:&#x22;Retrieve An Organization Project&#x22;,&#x22;scopes&#x22;:[&#x22;project:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_project&#x22;,&#x22;label&#x22;:&#x22;Update Partial Organization Project&#x22;,&#x22;scopes&#x22;:[&#x22;project:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_delete_project&#x22;,&#x22;label&#x22;:&#x22;Delete Projects&#x22;,&#x22;scopes&#x22;:[&#x22;project:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_change_project_organization&#x22;,&#x22;label&#x22;:&#x22;Change Organization&#x22;,&#x22;scopes&#x22;:[&#x22;project:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_complete_product_onboarding&#x22;,&#x22;label&#x22;:&#x22;Update Complete Product Onboarding&#x22;,&#x22;scopes&#x22;:[&#x22;project:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_roles&#x22;,&#x22;label&#x22;:&#x22;List All Roles&#x22;,&#x22;scopes&#x22;:[&#x22;organization:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_create_role&#x22;,&#x22;label&#x22;:&#x22;Create Role&#x22;,&#x22;scopes&#x22;:[&#x22;organization:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_get_role&#x22;,&#x22;label&#x22;:&#x22;Retrieve Role&#x22;,&#x22;scopes&#x22;:[&#x22;organization:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_role&#x22;,&#x22;label&#x22;:&#x22;Update Role&#x22;,&#x22;scopes&#x22;:[&#x22;organization:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_delete_role&#x22;,&#x22;label&#x22;:&#x22;Delete Role&#x22;,&#x22;scopes&#x22;:[&#x22;organization:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_role_memberships&#x22;,&#x22;label&#x22;:&#x22;List All Role Memberships&#x22;,&#x22;scopes&#x22;:[&#x22;organization:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_create_role_membership&#x22;,&#x22;label&#x22;:&#x22;Create Role Membership&#x22;,&#x22;scopes&#x22;:[&#x22;organization:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_get_role_membership&#x22;,&#x22;label&#x22;:&#x22;Retrieve Role Membership&#x22;,&#x22;scopes&#x22;:[&#x22;organization:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_delete_role_membership&#x22;,&#x22;label&#x22;:&#x22;Delete Role Membership&#x22;,&#x22;scopes&#x22;:[&#x22;organization:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_session_recordings&#x22;,&#x22;label&#x22;:&#x22;List All Session Recordings&#x22;,&#x22;scopes&#x22;:[&#x22;session_recording:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_session_recording&#x22;,&#x22;label&#x22;:&#x22;Update A Session Recording&#x22;,&#x22;scopes&#x22;:[&#x22;session_recording:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_delete_session_recording&#x22;,&#x22;label&#x22;:&#x22;Delete A Session Recording&#x22;,&#x22;scopes&#x22;:[&#x22;session_recording:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_list_users&#x22;,&#x22;label&#x22;:&#x22;List All Users&#x22;,&#x22;scopes&#x22;:[&#x22;user:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_get_user&#x22;,&#x22;label&#x22;:&#x22;Retrieve Users&#x22;,&#x22;scopes&#x22;:[&#x22;user:read&#x22;]},{&#x22;id&#x22;:&#x22;posthog_update_user&#x22;,&#x22;label&#x22;:&#x22;Update Users&#x22;,&#x22;scopes&#x22;:[&#x22;user:write&#x22;]},{&#x22;id&#x22;:&#x22;posthog_delete_user&#x22;,&#x22;label&#x22;:&#x22;Delete Users&#x22;,&#x22;scopes&#x22;:[&#x22;user:write&#x22;]}]" style={{ borderRadius: '8px', padding: '16px', marginBottom: '24px' }}>
    <div className="guides-scope-selector__title" style={{ fontSize: '16px', fontWeight: '600', marginBottom: '12px' }}>Select Actions to adjust the guide</div>
    <div className="guides-scope-selector__muted" style={{ fontSize: '13px', marginBottom: '12px' }}>Some actions may require additional configuration in the provider to be accessible. Choose the actions you need and the guide will be updated.</div>

    <div style={{ display: 'flex', gap: '8px', marginBottom: '12px', flexWrap: 'wrap' }}>
      <input type="text" placeholder="Search actions..." className="guides-scope-selector__input" data-guide-action-search style={{ padding: '8px 12px', borderRadius: '6px', fontSize: '13px', flex: 1, minWidth: '160px' }} />

      <button type="button" className="guides-scope-selector__quick-btn" data-guide-select-all style={{ padding: '6px 10px', borderRadius: '6px', fontSize: '12px', cursor: 'pointer' }}>Select all</button>
      <button type="button" className="guides-scope-selector__quick-btn" data-guide-clear style={{ padding: '6px 10px', borderRadius: '6px', fontSize: '12px', cursor: 'pointer' }}>Clear</button>
    </div>

    <div className="guides-scope-selector__list" style={{ maxHeight: '240px', overflowY: 'auto', borderRadius: '6px', marginBottom: '12px' }}>
      <div className="guides-scope-selector__list-header" style={{ display: 'flex', alignItems: 'center', gap: '10px', padding: '8px 12px', fontSize: '12px', fontWeight: '600', position: 'sticky', top: 0, zIndex: 1 }}>
        <div style={{ width: '16px', flexShrink: 0 }} />

        <div style={{ flex: 1, textAlign: 'left' }}>Action</div>
        <div style={{ minWidth: '120px', marginLeft: 'auto', textAlign: 'right' }}>Scope(s)</div>
      </div>

      <div className="guides-scope-selector__muted" data-guide-loading style={{ padding: '16px', textAlign: 'center', fontSize: '13px' }}>Loading actions...</div>
      <div className="guides-scope-selector__muted" data-guide-no-results hidden style={{ padding: '16px', textAlign: 'center', fontSize: '13px' }}>No actions match your search.</div>
    </div>

    <div className="guides-scope-selector__url-section" style={{ marginTop: '12px', paddingTop: '12px' }}>
      <div className="guides-scope-selector__muted" style={{ fontSize: '12px', fontWeight: '500', marginBottom: '6px' }}>Dynamic Guide URL</div>

      <div style={{ display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'wrap' }}>
        <input type="text" readOnly className="guides-scope-selector__input" data-guide-url style={{ flex: 1, minWidth: '200px', padding: '8px 10px', borderRadius: '6px', fontSize: '12px', fontFamily: 'monospace' }} />

        <button type="button" className="guides-scope-selector__copy-btn" data-guide-copy-url style={{ width: '120px', padding: '8px 14px', borderRadius: '6px', fontSize: '13px', fontWeight: '500', cursor: 'pointer', whiteSpace: 'nowrap', marginLeft: 'auto' }}>Copy URL</button>
      </div>

      <div style={{ marginTop: '12px' }}>
        <div className="guides-scope-selector__muted" style={{ fontSize: '12px', fontWeight: '500', marginBottom: '6px' }}>Scopes Selected</div>

        <div style={{ display: 'flex', alignItems: 'stretch', gap: '8px', flexWrap: 'wrap' }}>
          <pre className="guides-scope-selector__input" role="textbox" aria-readonly="true" tabIndex={0} data-guide-scopes-output style={{ flex: 1, minWidth: '200px', minHeight: '88px', maxHeight: '120px', overflowY: 'auto', margin: 0, padding: '8px 10px', borderRadius: '6px', fontSize: '12px', fontFamily: 'monospace', whiteSpace: 'pre-wrap' }} />

          <div className="guides-scope-selector__muted" style={{ display: 'flex', flexDirection: 'column', gap: '8px', fontSize: '12px', fontWeight: '500', flexShrink: 0, alignItems: 'flex-start' }}>
            <div style={{ whiteSpace: 'nowrap' }}>Separator</div>

            <select className="guides-scope-selector__input" data-guide-scope-delimiter style={{ width: '100%', padding: '6px 10px', borderRadius: '6px', fontSize: '12px' }}>
              <option value="space">Space</option>
              <option value="comma">Comma</option>
              <option value="semicolon">Semicolon</option>
              <option value="pipe">Pipe</option>
              <option value="newline">Newline</option>
            </select>

            <button type="button" className="guides-scope-selector__copy-btn" data-guide-copy-scopes style={{ width: '120px', padding: '8px 14px', borderRadius: '6px', fontSize: '13px', fontWeight: '500', cursor: 'pointer', whiteSpace: 'nowrap' }}>Copy scopes</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</Panel>

<section data-guide-section data-guide-scopes="">
  <h2>Identify your data region</h2>

  <p>Your data region determines the base URL for API requests. You can identify your region from your browser's address bar when logged in to PostHog.</p>

  <ul>
    <li>US Region: `https://us.posthog.com/...`</li>
    <li>EU Region: `https://eu.posthog.com/...`</li>
  </ul>
</section>

<section data-guide-section data-guide-scopes="">
  <h2>Generate a personal API key</h2>

  <p>A personal API key authenticates requests to PostHog.</p>

  <Steps>
    <Step title="Sign in to PostHog">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Sign in to your PostHog account:</p>

        <ul>
          <li><a href="https://us.posthog.com/" target="_blank" rel="noopener noreferrer">US Region</a></li>
          <li><a href="https://eu.posthog.com/" target="_blank" rel="noopener noreferrer">EU Region</a></li>
        </ul>
      </div>
    </Step>

    <Step title="Navigate to Personal API keys">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>In PostHog, click <strong>Settings</strong> at the bottom of the left sidebar. Alternatively, if you are directed to the onboarding page, click the <strong>Default project</strong> dropdown in the top-right corner, then click the <strong>gear icon</strong> next to the default project name. On the Settings page, scroll down the left panel and select <strong>Personal API keys</strong> under the <strong>Account</strong> section.</p>
      </div>
    </Step>

    <Step title="Create a new API key">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>On the Personal API keys page, create a new key.</p>

        <ul>
          <li>Click <strong>Create personal API key</strong>.</li>
          <li>Enter a descriptive label (e.g., `StackOne Integration`).</li>
        </ul>
      </div>
    </Step>

    <Step title="Organization & project access">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Select either <strong>All access</strong> or <strong>Organizations</strong> to grant the required access level. Do not select <strong>Projects</strong> only, as this will cause the connection to fail.</p>

        <ul>
          <li><strong>All access</strong> (recommended): All organizations and projects your account has access to.</li>
          <li><strong>Organizations</strong>: Select specific organizations to give access to.</li>
          <li><strong>Projects</strong>: Not supported — selecting this option alone will result in a connection failure.</li>
        </ul>
      </div>
    </Step>

    <Step title="Select API scopes">
      <div data-guide-step data-guide-scopes="organization:read,organization:write,organization_member:read,organization_member:write,organization_integration:read,project:read,project:write,action:read,action:write,alert:read,alert:write,group:read,group:write,user:read,user:write,insight:read,insight:write,dashboard:read,dashboard:write,feature_flag:read,feature_flag:write,session_recording:read,session_recording:write,activity_log:read" data-guide-display-scopes-list="organization:read,organization:write,organization_member:read,organization_member:write,organization_integration:read,project:read,project:write,action:read,action:write,alert:read,alert:write,group:read,group:write,user:read,user:write,insight:read,insight:write,dashboard:read,dashboard:write,feature_flag:read,feature_flag:write,session_recording:read,session_recording:write,activity_log:read">
        <div className="connector-guide-actions-badge" data-guide-actions-badge data-guide-actions-badge-scopes="organization:read,organization:write,organization_member:read,organization_member:write,organization_integration:read,project:read,project:write,action:read,action:write,alert:read,alert:write,group:read,group:write,user:read,user:write,insight:read,insight:write,dashboard:read,dashboard:write,feature_flag:read,feature_flag:write,session_recording:read,session_recording:write,activity_log:read" style={{ display: 'block', width: 'fit-content', maxWidth: '100%', padding: '2px 8px', borderRadius: '8px', fontSize: '12px', marginBottom: '8px', marginTop: '-10px', whiteSpace: 'nowrap', overflowX: 'auto', overflowY: 'hidden', msOverflowStyle: 'none', scrollbarWidth: 'none' }}>
          <span>Enables actions: </span><span data-guide-actions-badge-labels>Change Organization, Create Actions, Create Dashboards, Create Feature Flags, Create Groups Types Metrics, Create Insights, Create Organizations, Create Projects, Create Role, Create Role Membership, Delete A Session Recording, Delete An Action, Delete An Insight, Delete Groups Types, Delete Groups Types Metrics, Delete Members, Delete Organizations, Delete Projects, Delete Role, Delete Role Membership, Delete Users, List All Actions, List All Activity Log, List All Alerts, List All Dashboards, List All Feature Flags, List All Groups Types, List All Groups Types Metrics, List All Insights, List All Integrations, List All Members, List All Role Memberships, List All Roles, List All Session Recordings, List All Users, Retrieve A Dashboard, Retrieve A Feature Flag, Retrieve An Action, Retrieve An Insight, Retrieve An Organization, Retrieve An Organization Project, Retrieve Groups Types Metrics, Retrieve List, Retrieve Organizations, Retrieve Role, Retrieve Role Membership, Retrieve Users, Update A Dashboard, Update A Feature Flag, Update A Session Recording, Update An Action, Update An Insight, Update Complete Product Onboarding, Update Groups Types Metrics, Update Groups Types Update Metadata, Update Members, Update Partial Organization, Update Partial Organization Project, Update Role, Update Users</span>
        </div>

        <p>Use the <strong>Select preset</strong> dropdown to choose <strong>All access</strong>, or configure individual scopes based on your use case:</p>

        <div style={{ marginTop: '8px' }} data-guide-display-scopes>
          <div className="connector-guide-scopes-container connector-guide-scopes-container--scrollable">
            <ul className="not-prose" style={{ listStyleType: "'- '", paddingLeft: '1em', margin: 0 }}>
              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="organization:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy organization:read" title="Copy scope" data-copy="organization:read">
                  <span className="connector-guide-scope-copy__label">organization:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="organization:write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy organization:write" title="Copy scope" data-copy="organization:write">
                  <span className="connector-guide-scope-copy__label">organization:write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="organization_member:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy organization_member:read" title="Copy scope" data-copy="organization_member:read">
                  <span className="connector-guide-scope-copy__label">organization\_member:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="organization_member:write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy organization_member:write" title="Copy scope" data-copy="organization_member:write">
                  <span className="connector-guide-scope-copy__label">organization\_member:write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="organization_integration:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy organization_integration:read" title="Copy scope" data-copy="organization_integration:read">
                  <span className="connector-guide-scope-copy__label">organization\_integration:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="project:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy project:read" title="Copy scope" data-copy="project:read">
                  <span className="connector-guide-scope-copy__label">project:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="project:write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy project:write" title="Copy scope" data-copy="project:write">
                  <span className="connector-guide-scope-copy__label">project:write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="action:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy action:read" title="Copy scope" data-copy="action:read">
                  <span className="connector-guide-scope-copy__label">action:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="action:write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy action:write" title="Copy scope" data-copy="action:write">
                  <span className="connector-guide-scope-copy__label">action:write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="alert:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy alert:read" title="Copy scope" data-copy="alert:read">
                  <span className="connector-guide-scope-copy__label">alert:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="alert:write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy alert:write" title="Copy scope" data-copy="alert:write">
                  <span className="connector-guide-scope-copy__label">alert:write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="group:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy group:read" title="Copy scope" data-copy="group:read">
                  <span className="connector-guide-scope-copy__label">group:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="group:write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy group:write" title="Copy scope" data-copy="group:write">
                  <span className="connector-guide-scope-copy__label">group:write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="user:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy user:read" title="Copy scope" data-copy="user:read">
                  <span className="connector-guide-scope-copy__label">user:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="user:write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy user:write" title="Copy scope" data-copy="user:write">
                  <span className="connector-guide-scope-copy__label">user:write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="insight:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy insight:read" title="Copy scope" data-copy="insight:read">
                  <span className="connector-guide-scope-copy__label">insight:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="insight:write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy insight:write" title="Copy scope" data-copy="insight:write">
                  <span className="connector-guide-scope-copy__label">insight:write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="dashboard:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy dashboard:read" title="Copy scope" data-copy="dashboard:read">
                  <span className="connector-guide-scope-copy__label">dashboard:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="dashboard:write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy dashboard:write" title="Copy scope" data-copy="dashboard:write">
                  <span className="connector-guide-scope-copy__label">dashboard:write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="feature_flag:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy feature_flag:read" title="Copy scope" data-copy="feature_flag:read">
                  <span className="connector-guide-scope-copy__label">feature\_flag:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="feature_flag:write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy feature_flag:write" title="Copy scope" data-copy="feature_flag:write">
                  <span className="connector-guide-scope-copy__label">feature\_flag:write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="session_recording:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy session_recording:read" title="Copy scope" data-copy="session_recording:read">
                  <span className="connector-guide-scope-copy__label">session\_recording:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="session_recording:write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy session_recording:write" title="Copy scope" data-copy="session_recording:write">
                  <span className="connector-guide-scope-copy__label">session\_recording:write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="activity_log:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy activity_log:read" title="Copy scope" data-copy="activity_log:read">
                  <span className="connector-guide-scope-copy__label">activity\_log:read</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </Step>

    <Step title="Copy the API key">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>After creation, copy your new API key and store it securely for use later.</p>

        <ul>
          <li>Format: `phx_xxxxxxxxxxxxxxxxxxxxxxxxxxxx`</li>
          <li>Note: The key is shown only once; keep it in a secure location.</li>
        </ul>
      </div>
    </Step>
  </Steps>
</section>

<section data-guide-section data-guide-scopes="">
  <h2>Find your project token</h2>

  <p>The project token is required for event capture actions. This field is optional if you do not need capture functionality.</p>

  <Steps>
    <Step title="Locate Project Token">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Navigate to <strong>Settings</strong> > <strong>Project</strong> > <strong>General</strong>.</p>

        <ul>
          <li>Copy the <strong>Project Token</strong> value and store it securely for use later.</li>
          <li>Format: `phc_xxxxxxxxxxxxxxxxxxxxxxxxxxxx`</li>
        </ul>
      </div>
    </Step>
  </Steps>
</section>

<div data-whitelabel-hide>
  <h2>Linking the Account from the Hub</h2>

  <Steps>
    <Step title="Navigate to the Hub">
      Use one of the three <a href="/guides/accounts-section#linking-accounts">Linking Account Methods</a> to access the Hub.
    </Step>

    <Step title="Fill out the fields">
      Fill out the following fields using details from your provider:

      <ul>
        <li><strong>Data Region</strong></li>
        <li><strong>Personal API Key</strong></li>
        <li><strong>Project Token</strong> (Optional)</li>
      </ul>
    </Step>

    <Step title="Connect">
      <ul>
        <li>Click <strong>Connect</strong></li>
        <li>If applicable, the provider will redirect you to a sign-in or authorization page. Complete the provider's authorization flow.</li>
        <li>Once authorization is successful, you will see a confirmation popup</li>
      </ul>
    </Step>
  </Steps>

  <p>If the account linking is successful, you will see the newly linked account in your <a href="/guides/accounts-section">Accounts</a> page.</p>
</div>
