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

# Monitoring Instances

> View active instances in the Thunder Console. Audit status, IP, and GPU resources of your active cloud compute resources.

export const QuickstartCard = ({title, icon, href, children, selected}) => {
  const enter = e => {
    if (selected) return;
    const el = e.currentTarget;
    el.style.borderColor = '#555';
    el.querySelector('[data-title]').style.color = '#fff';
    el.querySelector('[data-sub]').style.opacity = '0.7';
    el.querySelector('[data-icon]').style.opacity = '0.7';
  };
  const leave = e => {
    if (selected) return;
    const el = e.currentTarget;
    el.style.borderColor = '#333';
    el.querySelector('[data-title]').style.color = '';
    el.querySelector('[data-sub]').style.opacity = '0.5';
    el.querySelector('[data-icon]').style.opacity = '0.35';
  };
  return <a href={href} className="group" style={{
    textDecoration: 'none',
    borderBottom: 'none',
    color: 'inherit',
    display: 'block',
    marginBottom: '0.75rem'
  }}>
    <div className="border rounded-xl p-5 transition-all duration-150 border-zinc-200 dark:border-zinc-800" style={{
    minHeight: '8rem',
    height: '100%',
    borderWidth: '1.5px',
    borderColor: selected ? '#95c5ea' : '#333'
  }} onMouseEnter={enter} onMouseLeave={leave}>
      <div data-icon style={{
    marginBottom: '0.75rem',
    opacity: selected ? 1 : 0.35,
    transition: 'opacity 0.15s ease'
  }}>
        <Icon icon={icon} size={24} color="#95c5ea" />
      </div>
      <div data-title style={{
    fontWeight: 600,
    fontSize: '1.05rem',
    marginBottom: '0.25rem',
    color: selected ? '#fff' : undefined,
    transition: 'color 0.15s ease'
  }}>{title}</div>
      <div data-sub style={{
    fontSize: '0.9rem',
    opacity: selected ? 0.7 : 0.5,
    transition: 'opacity 0.15s ease'
  }}>{children}</div>
    </div>
  </a>;
};

<Columns cols={3}>
  <QuickstartCard title="VS Code" icon="window" href="/docs/vscode/operations/monitoring-instances">
    Editor extension
  </QuickstartCard>

  <QuickstartCard title="CLI" icon="terminal" href="/docs/cli/operations/monitoring-instances">
    Command line
  </QuickstartCard>

  <QuickstartCard title="Console" icon="browser" href="/docs/console/operations/monitoring-instances" selected={true}>
    Web interface
  </QuickstartCard>
</Columns>

## Dashboard View

Log in to the [console](https://console.thundercompute.com) to see all your instances on the dashboard.

Each instance card shows:

* Status
* GPU configuration
* IP address
* Runtime
* Estimated cost

Select an instance using the checkbox to access management options in the actions bar.

## Instance States

| Status | Description |
| - | - |
| `RUNNING` | Instance is active and ready to use |
| `CREATING` | Instance is being provisioned |
| `RESTORING` | Instance is being restored from a snapshot |
| `DELETING` | Instance is being removed |

## Benchmarking Notes

When measuring performance, use application-level metrics like iterations per second for workload comparisons. Hardware-level metrics such as temperature, wattage, and utilization may vary by GPU configuration.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.