Advanced

Tutor model

i62 💰:9.4

i52 💰:7.9

🏆 i67 💰:62.5

i70 💰:125.0

i68 💰:125.0

🏆 i66 💰:75.0

i65 💰:125.0

i63 💰:62.5

i61 💰:75.0

i60 💰:9.4

i60 💰:37.5

i58 💰:62.5

i57 💰:22.5

i57 💰:37.5

i56 💰:45.0

⚡ i55 💰:11.25

i55 💰:37.5

i54 💰:62.5

i52 💰:35.0

i51 💰:37.5

i49 💰:15.0

i49 💰:62.5

i48 💰:11.3

i47 💰:7.5

i44 💰:25.0

i43 💰:37.5

i42 💰:187.5

i40 💰:5.0

i39 💰:100.0

i38 💰:37.5

i37 💰:11.0

i36 💰:187.5

i34 💰:12.5

i33 💰:37.5

i30 💰:1.0

i29 💰:1.5

i28 💰:150.0

i23 💰:20.0

i20 💰:4.0

i18 💰:1.0

i16 💰:25.0

i13 💰:1.5

Keep session private

What would you like to learn?

Override for the tutor's lesson content generation calls. Auto uses the system default (Claude Sonnet 5 for lesson text, Opus 5 for diagrams).

Lesson generation model

System default

i58 💰:18.8

i31 💰:11.0

i25 💰:31.3

Tutoring abilities

Imagine a spaceship lands on Mars today. Who can tell you what the ground actually felt like beneath their boots?

Only the astronaut who stepped out onto the red dust can describe that exact moment from their own eyes and ears.

A **firsthand account** is a description of an event from an **eyewitness** — someone who was directly present and experienced it themselves.

Because they were right there, they share personal feelings, sensory details, and what they saw happening in real time.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="aspect-ratio" content="4:3">
<style>
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: #f8f9fa;
    color: #1e2945;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 100%;
    padding: 12px;
    user-select: none;
    -webkit-user-select: none;
  }

  .nav-tabs {
    display: flex;
    gap: 8px;
    width: 100%;
    max-width: 440px;
    justify-content: center;
  }

  .tab-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 10px;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.25s ease;
  }

  .tab-btn.active {
    background: #ffffff;
    border-color: #22b7ff;
    color: #0284c7;
    box-shadow: 0 4px 12px rgba(34, 183, 255, 0.18);
  }

  /* Main Stage */
  .stage {
    position: relative;
    width: 100%;
    max-width: 440px;
    height: 250px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Ground & Sky */
  .ground {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: #f1f5f9;
    border-top: 1px dashed #cbd5e1;
  }

  /* Event Object (Rocket Launch) */
  .event-zone {
    position: absolute;
    right: 14%;
    bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .rocket {
    font-size: 48px;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
    transform: rotate(45deg);
  }

  .exhaust {
    font-size: 20px;
    opacity: 0.8;
    margin-top: -6px;
    margin-right: 14px;
  }

  /* Eyewitness Observer */
  .observer-zone {
    position: absolute;
    left: 16%;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .observer {
    font-size: 52px;
    position: relative;
  }

  .witness-badge {
    position: absolute;
    top: -12px;
    background: #22b7ff;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 12px;
    letter-spacing: 0.5px;
    white-space: nowrap;
  }

  /* Overlays per step */
  .overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.35s ease;
  }

  .overlay.active {
    opacity: 1;
  }

  /* Step 1: Senses */
  .sensory-ray {
    position: absolute;
    top: 75px;
    left: 36%;
    width: 28%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .ray-line {
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(90deg, #22b7ff, #22b7ff 6px, transparent 6px, transparent 10px);
  }

  .bubble {
    background: #eff6ff;
    border: 1px solid #93c5fd;
    color: #1e40af;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
  }

  .bubble-audio {
    position: absolute;
    top: 55px;
    right: 20%;
  }

  .bubble-visual {
    position: absolute;
    top: 95px;
    left: 32%;
  }

  /* Step 2: Feelings */
  .feeling-heart {
    position: absolute;
    left: 20%;
    top: 60px;
    font-size: 28px;
    animation: pulse 1.4s ease-in-out infinite;
  }

  @keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 0.9; }
    50% { transform: scale(1.2); opacity: 1; }
  }

  .bubble-emotion {
    position: absolute;
    left: 27%;
    top: 65px;
    background: #fdf2f8;
    border: 1px solid #f472b6;
    color: #be185d;
  }

  /* Step 3: Presence */
  .presence-pin {
    position: absolute;
    left: 17%;
    bottom: 22px;
    font-size: 18px;
  }

  .bubble-pronoun {
    position: absolute;
    left: 28%;
    top: 85px;
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    color: #065f46;
  }

  /* Bottom Clue Summary Bar */
  .clue-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 440px;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    text-align: center;
  }

  .clue-icon {
    font-size: 18px;
  }
</style>
</head>
<body>

  
  <div class="nav-tabs">
    <button class="tab-btn active" id="tab0">👁️ Senses</button>
    <button class="tab-btn" id="tab1">❤️ Feelings</button>
    <button class="tab-btn" id="tab2">📍 Presence</button>
  </div>

  
  <div class="stage">
    <div class="ground"></div>

    
    <div class="event-zone">
      <div class="rocket">🚀</div>
      <div class="exhaust">💨🔥</div>
    </div>

    
    <div class="observer-zone">
      <div class="witness-badge">EYEWITNESS</div>
      <div class="observer">🧑</div>
    </div>

    
    <div class="overlay active" id="view0">
      <div class="bubble bubble-visual">👁️ "I saw"</div>
      <div class="bubble bubble-audio">👂 "I heard"</div>
      <div class="sensory-ray">
        <div class="ray-line"></div>
      </div>
    </div>

    
    <div class="overlay" id="view1">
      <div class="feeling-heart">💓</div>
      <div class="bubble bubble-emotion">💭 "I felt amazed"</div>
    </div>

    
    <div class="overlay" id="view2">
      <div class="presence-pin">📍</div>
      <div class="bubble bubble-pronoun">✨ "I was there" / "We"</div>
    </div>
  </div>

  
  <div class="clue-footer" id="footerText">
    <span class="clue-icon" id="footerIcon">👁️</span>
    <span id="footerMsg">Direct sights & sounds</span>
  </div>

  <script>
    const tabs = [document.getElementById('tab0'), document.getElementById('tab1'), document.getElementById('tab2')];
    const views = [document.getElementById('view0'), document.getElementById('view1'), document.getElementById('view2')];
    const footerIcon = document.getElementById('footerIcon');
    const footerMsg = document.getElementById('footerMsg');

    const meta = [
      { icon: '👁️', msg: 'Direct sights & sounds' },
      { icon: '❤️', msg: 'Personal emotions & reactions' },
      { icon: '📍', msg: 'Present at the scene ("I / We")' }
    ];

    let current = 0;
    let autoTimer = null;

    function setStep(index) {
      current = index;
      tabs.forEach((tab, i) => tab.classList.toggle('active', i === index));
      views.forEach((view, i) => view.classList.toggle('active', i === index));
      footerIcon.textContent = meta[index].icon;
      footerMsg.textContent = meta[index].msg;
    }

    tabs.forEach((tab, index) => {
      tab.addEventListener('click', () => {
        clearInterval(autoTimer);
        setStep(index);
      });
    });

    // Gentle auto-cycle
    autoTimer = setInterval(() => {
      setStep((current + 1) % 3);
    }, 3500);
  </script>
</body>
</html>

How can you tell if a writer was truly there just by reading their words?

Look for **first-person pronouns** like *I*, *me*, *we*, and *our*.

Eyewitnesses also include vivid **sensory details** — the roar they heard, the heat they felt, or the fear that made their heart race.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <title>Firsthand Account Sensory Details</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      background: transparent;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      padding: 12px;
      user-select: none;
    }

    .main-stage {
      width: 100%;
      max-width: 540px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    /* Scene Layout */
    .scene-box {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 16px;
      padding: 16px 12px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    }

    .actors-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 8px;
    }

    .actor-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      width: 100px;
    }

    .actor-avatar {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: #f1f5f9;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      border: 2px solid #e2e8f0;
      transition: border-color 0.3s, background 0.3s;
    }

    .actor-card.witness .actor-avatar {
      background: #e0f2fe;
      border-color: #22b7ff;
    }

    .actor-label {
      font-size: 13px;
      font-weight: 700;
      color: #1e2945;
      text-align: center;
    }

    .actor-tag {
      font-size: 11px;
      font-weight: 600;
      color: #0284c7;
      background: #f0f9ff;
      padding: 2px 6px;
      border-radius: 6px;
    }

    /* Sensory Channels Grid */
    .channels-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
    }

    .channel-item {
      background: #f8fafc;
      border: 1.5px solid #e2e8f0;
      border-radius: 12px;
      padding: 10px 12px;
      display: flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      transition: all 0.25s ease;
    }

    .channel-item.active {
      background: #f0f9ff;
      border-color: #22b7ff;
      box-shadow: 0 2px 8px rgba(34, 183, 255, 0.15);
    }

    .channel-icon {
      font-size: 22px;
      line-height: 1;
    }

    .channel-content {
      display: flex;
      flex-direction: column;
    }

    .channel-title {
      font-size: 13px;
      font-weight: 700;
      color: #1e2945;
    }

    .channel-clue {
      font-size: 11px;
      color: #64748b;
      font-weight: 500;
    }

    .channel-item.active .channel-clue {
      color: #0284c7;
      font-weight: 600;
    }

    /* Controls Bar */
    .controls {
      display: flex;
      justify-content: center;
      gap: 6px;
      flex-wrap: wrap;
    }

    .ctrl-btn {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      color: #475569;
      font-size: 12px;
      font-weight: 600;
      padding: 6px 12px;
      border-radius: 20px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 4px;
      transition: all 0.2s ease;
    }

    .ctrl-btn.active {
      background: #22b7ff;
      border-color: #22b7ff;
      color: #ffffff;
    }

    /* Connection Beam Animation */
    .beam-track {
      flex: 1;
      height: 6px;
      background: #e2e8f0;
      border-radius: 3px;
      position: relative;
      margin: 0 8px;
      overflow: hidden;
    }

    .beam-pulse {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 40%;
      background: linear-gradient(90deg, transparent, #22b7ff, transparent);
      animation: flow 1.6s infinite linear;
    }

    @keyframes flow {
      0% { left: -40%; }
      100% { left: 100%; }
    }
  </style>
</head>
<body>
  <div class="main-stage">
    <div class="scene-box">
      
      <div class="actors-row">
        <div class="actor-card">
          <div class="actor-avatar">🌋</div>
          <span class="actor-label">Event</span>
        </div>

        <div class="beam-track">
          <div class="beam-pulse"></div>
        </div>

        <div class="actor-card witness">
          <div class="actor-avatar">🧑‍🚀</div>
          <span class="actor-label">Eyewitness</span>
          <span class="actor-tag">"I / We"</span>
        </div>
      </div>

      
      <div class="channels-grid">
        <div class="channel-item active" data-sense="sight">
          <div class="channel-icon">👁️</div>
          <div class="channel-content">
            <span class="channel-title">Sight</span>
            <span class="channel-clue">"I saw"</span>
          </div>
        </div>

        <div class="channel-item active" data-sense="sound">
          <div class="channel-icon">👂</div>
          <div class="channel-content">
            <span class="channel-title">Sound</span>
            <span class="channel-clue">"I heard"</span>
          </div>
        </div>

        <div class="channel-item active" data-sense="touch">
          <div class="channel-icon">✋</div>
          <div class="channel-content">
            <span class="channel-title">Touch</span>
            <span class="channel-clue">"I felt"</span>
          </div>
        </div>

        <div class="channel-item active" data-sense="feeling">
          <div class="channel-icon">💓</div>
          <div class="channel-content">
            <span class="channel-title">Emotion</span>
            <span class="channel-clue">"I feared"</span>
          </div>
        </div>
      </div>
    </div>

    
    <div class="controls">
      <button class="ctrl-btn active" data-filter="all">✦ All</button>
      <button class="ctrl-btn" data-filter="sight">👁️ Sight</button>
      <button class="ctrl-btn" data-filter="sound">👂 Sound</button>
      <button class="ctrl-btn" data-filter="touch">✋ Touch</button>
      <button class="ctrl-btn" data-filter="feeling">💓 Emotion</button>
    </div>
  </div>

  <script>
    const buttons = document.querySelectorAll('.ctrl-btn');
    const items = document.querySelectorAll('.channel-item');

    function setActive(filter) {
      buttons.forEach(btn => {
        btn.classList.toggle('active', btn.dataset.filter === filter);
      });

      items.forEach(item => {
        if (filter === 'all' || item.dataset.sense === filter) {
          item.classList.add('active');
        } else {
          item.classList.remove('active');
        }
      });
    }

    buttons.forEach(btn => {
      btn.addEventListener('click', () => setActive(btn.dataset.filter));
    });

    items.forEach(item => {
      item.addEventListener('click', () => setActive(item.dataset.sense));
    });
  </script>
</body>
</html>

Let's put on our detective hats and examine a real piece of writing to spot these clues in action.

Read this short excerpt: *"The wind howled against our tent. My hands shook as I zipped up my parka, wondering if the blizzard would pass before morning."*

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      user-select: none;
      -webkit-user-select: none;
    }

    body {
      background: #f8f9fa;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      padding: 12px;
    }

    .container {
      width: 100%;
      max-width: 480px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 14px;
    }

    .toggle-bar {
      display: flex;
      background: #eef2f6;
      padding: 4px;
      border-radius: 24px;
      gap: 4px;
      width: 100%;
      max-width: 320px;
    }

    .toggle-btn {
      flex: 1;
      border: none;
      background: transparent;
      padding: 8px 12px;
      font-size: 14px;
      font-weight: 600;
      color: #6b7280;
      border-radius: 20px;
      cursor: pointer;
      transition: all 0.25s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
    }

    .toggle-btn.active {
      background: #ffffff;
      color: #1e2945;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }

    .scene-card {
      width: 100%;
      background: #ffffff;
      border-radius: 16px;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
      padding: 20px 16px;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      overflow: hidden;
      min-height: 240px;
      justify-content: space-between;
    }

    .visual-stage {
      position: relative;
      width: 100%;
      height: 110px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .environment {
      position: absolute;
      inset: 0;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.4s ease;
    }

    .env-firsthand {
      background: linear-gradient(180deg, #dbeafe 0%, #bfdbfe 100%);
    }

    .env-secondhand {
      background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
    }

    .avatar-wrap {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
    }

    .avatar-icon {
      font-size: 40px;
      line-height: 1;
      filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
      transition: transform 0.3s ease;
    }

    .badge {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      padding: 3px 8px;
      border-radius: 12px;
      transition: all 0.3s ease;
    }

    .badge-firsthand {
      background: #22b7ff;
      color: #ffffff;
    }

    .badge-secondhand {
      background: #64748b;
      color: #ffffff;
    }

    .storm-elements {
      position: absolute;
      inset: 0;
      pointer-events: none;
      display: flex;
      justify-content: space-between;
      padding: 10px 20px;
      font-size: 22px;
      opacity: 0.8;
      transition: opacity 0.3s ease;
    }

    .pronoun-row {
      display: flex;
      gap: 8px;
      justify-content: center;
      width: 100%;
      margin-top: 8px;
    }

    .pronoun-pill {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      padding: 6px 12px;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 700;
      color: #1e2945;
      display: flex;
      align-items: center;
      gap: 4px;
      transition: all 0.3s ease;
    }

    .pronoun-pill.highlight {
      border-color: #22b7ff;
      background: #f0f9ff;
      color: #0284c7;
      box-shadow: 0 2px 8px rgba(34, 183, 255, 0.15);
    }

    .caption {
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
      text-align: center;
      margin-top: 4px;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="toggle-bar" role="tablist">
      <button class="toggle-btn active" id="btn-first" onclick="setMode('firsthand')">
        <span>⛺</span> Firsthand
      </button>
      <button class="toggle-btn" id="btn-second" onclick="setMode('secondhand')">
        <span>📖</span> Secondhand
      </button>
    </div>

    <div class="scene-card">
      <div class="visual-stage">
        <div class="environment env-firsthand" id="env-bg">
          <div class="storm-elements" id="weather">
            <span>❄️</span>
            <span>💨</span>
            <span>❄️</span>
          </div>
          <div class="avatar-wrap">
            <div class="avatar-icon" id="avatar">⛺</div>
            <span class="badge badge-firsthand" id="role-badge">Inside Event</span>
          </div>
        </div>
      </div>

      <div class="pronoun-row" id="pronouns">
        <div class="pronoun-pill highlight">I</div>
        <div class="pronoun-pill highlight">My</div>
        <div class="pronoun-pill highlight">Our</div>
        <div class="pronoun-pill highlight">We</div>
      </div>

      <div class="caption" id="caption-text">Eyewitness · Experienced it</div>
    </div>
  </div>

  <script>
    const data = {
      firsthand: {
        envClass: 'env-firsthand',
        badgeClass: 'badge-firsthand',
        avatar: '⛺',
        weatherHtml: '<span>❄️</span><span>💨</span><span>❄️</span>',
        badge: 'Inside Event',
        pronouns: ['I', 'My', 'Our', 'We'],
        caption: 'Eyewitness · Experienced it'
      },
      secondhand: {
        envClass: 'env-secondhand',
        badgeClass: 'badge-secondhand',
        avatar: '📚',
        weatherHtml: '<span>📰</span><span>🔍</span><span>✍️</span>',
        badge: 'Outside Event',
        pronouns: ['He', 'She', 'They', 'It'],
        caption: 'Researcher · Heard or read later'
      }
    };

    function setMode(mode) {
      const d = data[mode];
      const isFirst = mode === 'firsthand';

      document.getElementById('btn-first').classList.toggle('active', isFirst);
      document.getElementById('btn-second').classList.toggle('active', !isFirst);

      const envBg = document.getElementById('env-bg');
      envBg.className = 'environment ' + d.envClass;
      document.getElementById('weather').innerHTML = d.weatherHtml;
      document.getElementById('avatar').textContent = d.avatar;

      const badge = document.getElementById('role-badge');
      badge.className = 'badge ' + d.badgeClass;
      badge.textContent = d.badge;

      const pronounContainer = document.getElementById('pronouns');
      pronounContainer.innerHTML = d.pronouns.map(p => `
        <div class="pronoun-pill ${isFirst ? 'highlight' : ''}">${p}</div>
      `).join('');

      document.getElementById('caption-text').textContent = d.caption;
    }
  </script>
</body>
</html>

The words *our*, *my*, and *I* prove the writer lived through that exact storm.

Watch out for one common trap: just because a text uses the word *I* does not automatically mean it is a firsthand account of a historical event.

A modern student writing *"I think the American Revolution was exciting"* is sharing an opinion today, not an eyewitness memory from 1776.

Next time you read a diary, a letter, or an autobiography, ask yourself: was this person standing right there when history happened?

Understanding Firsthand Accounts of an Event. Identify a firsthand account and explain that it comes from someone who was directly present at the event.

First and Secondhand Accounts | Reading Informational Text

Compare Information from Two Texts (RI.4.6 Skill Practice)

Point of View and Accounts in Informational Texts (Grade 4 Comprehension Units)

When introducing firsthand accounts to 4th graders, begin with concrete, personal classroom experiences (e.g., having students write a three-sentence diary entry about recess) before contrasting it with a summary written by someone in another room. Emphasize that the key question to ask is always: 'Was the author standing right there when this happened?' Reinforce that while first-person pronouns ($I, me, my$) serve as helpful clues, students must confirm direct presence and personal sensory involvement rather than relying on pronouns alone.

Understanding Firsthand Accounts of an Event

What Is a Firsthand Account?

Clues in the Text

Worked Example