query GetMealHistory($token: String!, $limit: Int, $after: String) {
  passport(token: $token) {
    mealHistory(first: $limit, after: $after) {
      edges {
        node {
          id
          date
          dish {
            id
            name
            imageUrl
          }
          restaurant {
            name
            city
          }
          nutrition {
            calories
            protein
            carbohydrates
            fatTotal
          }
          allergens {
            type
            displayName
          }
          customizations {
            groupName
            optionName
          }
        }
      }
      pageInfo {
        hasNextPage
        endCursor
      }
      totalCount
    }
  }
}

{
  "data": {
    "passport": {
      "mealHistory": {
        "edges": [
          {
            "node": {
              "id": "meal_001",
              "date": "2025-12-16T18:30:00Z",
              "dish": {
                "name": "Red Coconut Curry",
                "imageUrl": "https://..."
              },
              "restaurant": {
                "name": "Honeygrow - Market Street",
                "city": "Philadelphia"
              },
              "nutrition": {
                "calories": 530,
                "protein": 18,
                "carbohydrates": 52,
                "fatTotal": 24
              },
              "allergens": [
                { "type": "Soy", "displayName": "Soy" }
              ],
              "customizations": [
                { "groupName": "Base", "optionName": "Brown Rice" },
                { "groupName": "Protein", "optionName": "Tofu" }
              ]
            }
          }
        ],
        "totalCount": 47
      }
    }
  }
}

query RecentMeals($token: String!) {
  passport(token: $token) {
    mealHistory(
      filter: {
        dateFrom: "2025-12-01",
        dateTo: "2025-12-31"
      }
    ) {
      edges {
        node { date, dish { name } }
      }
    }
  }
}

query MealsAtRestaurant($token: String!, $restaurantId: ID!) {
  passport(token: $token) {
    mealHistory(
      filter: {
        restaurantId: $restaurantId
      }
    ) {
      edges {
        node { date, dish { name } }
      }
    }
  }
}

query NutritionSummary($token: String!, $period: Period!) {
  passport(token: $token) {
    nutritionSummary(period: $period) {
      totalMeals
      averageCalories
      totalCalories
      averageProtein
      averageCarbohydrates
      averageFat
      allergenExposures {
        type
        count
      }
    }
  }
}

{
  "nutritionSummary": {
    "totalMeals": 23,
    "averageCalories": 520,
    "totalCalories": 11960,
    "averageProtein": 22,
    "averageCarbohydrates": 58,
    "averageFat": 18,
    "allergenExposures": [
      { "type": "Soy", "count": 12 },
      { "type": "Gluten", "count": 8 }
    ]
  }
}

function MealHistoryTimeline({ passportToken }) {
  const { data } = useQuery(GET_MEAL_HISTORY, {
    variables: { token: passportToken, limit: 20 }
  });

  const meals = data?.passport?.mealHistory?.edges || [];

  // Group by date
  const byDate = groupByDate(meals);

  return (
    <div className="meal-timeline">
      {Object.entries(byDate).map(([date, dayMeals]) => (
        <div key={date} className="day-group">
          <h3>{formatDate(date)}</h3>
          <div className="day-summary">
            Total: {sumCalories(dayMeals)} calories
          </div>
          {dayMeals.map(({ node: meal }) => (
            <MealCard key={meal.id} meal={meal} />
          ))}
        </div>
      ))}
    </div>
  );
}

function NutritionDashboard({ passportToken }) {
  const { data } = useQuery(GET_NUTRITION_SUMMARY, {
    variables: { token: passportToken, period: 'WEEK' }
  });

  const summary = data?.passport?.nutritionSummary;

  return (
    <div className="nutrition-dashboard">
      <h2>This Week</h2>

      <div className="stats-grid">
        <StatCard
          label="Total Meals"
          value={summary.totalMeals}
        />
        <StatCard
          label="Avg Calories"
          value={summary.averageCalories}
          unit="kcal"
        />
        <StatCard
          label="Avg Protein"
          value={summary.averageProtein}
          unit="g"
        />
      </div>

      <div className="allergen-exposures">
        <h3>Allergen Exposures</h3>
        {summary.allergenExposures.map(({ type, count }) => (
          <div key={type}>
            {type}: {count} meals
          </div>
        ))}
      </div>
    </div>
  );
}

# Delete a specific meal from history
mutation DeleteMeal($token: String!, $mealId: ID!) {
  deleteMealFromHistory(token: $token, mealId: $mealId) {
    success
  }
}

# Clear all history
mutation ClearHistory($token: String!) {
  clearMealHistory(token: $token) {
    success
  }
}

# Disable future tracking
mutation DisableTracking($token: String!) {
  updatePassportSettings(token: $token, input: {
    mealTrackingEnabled: false
  }) {
    settings { mealTrackingEnabled }
  }
}